This commit is contained in:
WangXiaoDong
2023-08-05 12:54:08 +08:00
parent b28d6585fa
commit fbac0907c4

View File

@@ -24,10 +24,10 @@
</div> </div>
</div> </div>
<div class="layout_centent" :class="{active:flex_direction}"> <div class="layout_centent" :class="{active:flex_direction}">
<!-- <div v-for="item,index in layoutList" :key="item" :class="moodbClassName[index]" class="modal_imgItem"> <div v-for="item,index in layoutList" :key="item" :class="moodbClassName[index]" class="modal_imgItem">
<img :src="item.imgUrl"> <img :src="item.imgUrl">
</div> --> </div>
<draggable <!-- <draggable
v-model="layoutList" v-model="layoutList"
group="people" group="people"
@start="drag=true" @start="drag=true"
@@ -39,10 +39,7 @@
<img :src="element.imgUrl"> <img :src="element.imgUrl">
</div> </div>
</template> </template>
</draggable> </draggable> -->
<!-- <div v-for="item,index in moodb_className" :class="item" class="modal_imgItem">
<img :src="layoutList[index].imgUrl" alt="">
</div> -->
</div> </div>
<div class="layout_left"> <div class="layout_left">
@@ -315,19 +312,20 @@ export default defineComponent({
padding: 3rem 0; padding: 3rem 0;
justify-content: space-between; justify-content: space-between;
>div{ >div{
width: 100%; // width: 100%;
height: 100%; // height: 100%;
display: flex; // display: flex;
flex-direction: column; // flex-direction: column;
flex-wrap: wrap; // flex-wrap: wrap;
align-content: space-around; // align-content: space-around;
margin: auto; // margin: auto;
justify-content: space-between; // justify-content: space-between;
} }
&.active{ &.active{
>div{ flex-direction: row;
flex-direction: row;
} // >div{
// }
} }
.layout_centent_bor{ .layout_centent_bor{