aidlab/aida_front
7
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix

Browse Source
This commit is contained in:
X1627315083@163.com
2026-05-26 14:29:58 +08:00
parent 574f3d247d
commit 2adbfa9fff
2 changed files with 17 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
src/component/HomePage/layout.vue
View File

@@ -70,7 +70,7 @@
<div class="layout_left_text"> <div class="layout_left_text">
{{ $t('layout.LayerOptions') }} {{ $t('layout.LayerOptions') }}
</div> </div>
<div v-for="item,index in moodbList" class="layout_left_items" @click="setmoodb(item)"> <div v-for="item,index in moodbList" class="layout_left_items" :class="item.filter((item,index)=>item == 'w2h1').length != 0 ? 'active':''" @click="setmoodb(item)">
<div v-for="clasitem,clasindex in item" :class="clasitem" class="layout_left_item"> <div v-for="clasitem,clasindex in item" :class="clasitem" class="layout_left_item">
</div> </div>
</div> </div>
@@ -932,16 +932,17 @@ export default defineComponent({
height: calc(35rem*1.2); height: calc(35rem*1.2);
width: calc(57rem*1.2); width: calc(57rem*1.2);
// height: 60%; // height: 60%;
flex-direction: column;
flex-wrap: wrap;
align-content: space-around; align-content: space-around;
margin: calc(3rem*1.2) auto; margin: calc(3rem*1.2) auto;
overflow: hidden; overflow: hidden;
// padding: 3rem 0; // padding: 3rem 0;
justify-content: space-between; justify-content: space-between;
position: relative; position: relative;
user-select:none;
flex-direction: row; flex-direction: column;
align-items: center;
flex-wrap: wrap;
justify-content: space-between;
&.active{ &.active{
flex-direction: row; flex-direction: row;
} }
@@ -1121,6 +1122,9 @@ export default defineComponent({
flex-direction: column; flex-direction: column;
margin-bottom: calc(2rem*1.2); margin-bottom: calc(2rem*1.2);
cursor: pointer; cursor: pointer;
&.active{
flex-direction: row;
}
.layout_left_item{ .layout_left_item{
box-sizing: border-box; box-sizing: border-box;
border: 1px solid #000; border: 1px solid #000;
@@ -1153,6 +1157,9 @@ export default defineComponent({
flex-direction: column; flex-direction: column;
margin-bottom: calc(2rem*1.2); margin-bottom: calc(2rem*1.2);
cursor: pointer; cursor: pointer;
&.active{
flex-direction: row;
}
.layout_left_item{ .layout_left_item{
box-sizing: border-box; box-sizing: border-box;
border: 1px solid #000; border: 1px solid #000;

5
src/component/home/design/collection/MoodboardUpload.vue
View File

@@ -476,6 +476,11 @@ export default defineComponent({
}, },
setmoodbClass(val:any){ setmoodbClass(val:any){
this.moodb_className = val this.moodb_className = val
if( val.filter((item,index)=> item == 'w2h1').length != 0 && val.length > 4){
this.flex_direction = true
}else{
this.flex_direction = false
}
} }
}, },
}); });