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

commit

Browse Source
This commit is contained in:
WangXiaoDong
2023-08-23 17:50:09 +08:00
parent d41b331e38
commit 2fda4a8c36
20 changed files with 2587 additions and 332 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -20,12 +20,12 @@
></div>
</div>
<div class="layout_nav">
<div v-for="item,index in layoutList" :key="item" :class="{active:item.setPitch}" @click="setpitch(item)">
<div v-for="item,index in layoutList" :key="item" :class="{active:item.setPitch}" @click="setpitch(item,index)">
<img :src="item.imgUrl">
</div>
</div>
<div class="layout_centent" :class="{active:flex_direction}" id="layoutCentent">
<div v-for="item,index in layoutList" :key="item" :class="moodbClassName[index]" class="modal_imgItem" v-layout="index" @click="setpitch(item)" ref="content" >
<div v-for="item,index in layoutList" :key="item" :class="moodbClassName[index]" class="modal_imgItem" v-layout="index" @click="setpitch(item,index)" ref="content" >
<img crossOrigin="anonymous" :src="item.imgUrl" draggable="false">
<ul v-show="item.setPitch" class="layout_btn" >
<li class="layout_btn_top" v-compile.stop="'top'"></li>
@@ -109,7 +109,7 @@ export default defineComponent({
openClick,
drag,
layoutList,
content
content,
};
},
data() {
@@ -491,11 +491,15 @@ export default defineComponent({
this.moodbList = this.moodb[layoutList.length-1]
this.moodbClassName = this.moodb_className
},
setpitch(item:any){
setpitch(item:any,index:any){
this.layoutList.forEach((v:any)=>{
v.setPitch = false
})
item.setPitch = true
if(this.content){
(this.content as any)[index].style.zIndex = GO.zIndex++
}
},
setmoodb(item:any){
this.moodbClassName = item
@@ -593,7 +597,6 @@ export default defineComponent({
v.setPitch = false
})
let layoutCentent = document.getElementById('layoutCentent')
console.log(layoutCentent);
setTimeout(() => {
console.log(domTurnImg(layoutCentent));
this.layout = false
@@ -752,6 +755,11 @@ export default defineComponent({
cursor: crosshair;
cursor: move;
}
.layout_angle_tr,.layout_angle_tl,.layout_angle_br,.layout_angle_bl{
// opacity: 0;
width: .8rem;
height: .8rem;
}
.layout_angle_tr{
right: 0%;
top: 0;