修改整体字号
This commit is contained in:
@@ -4,7 +4,7 @@
|
||||
class="layout_modal"
|
||||
v-model:visible="layout"
|
||||
:footer="null"
|
||||
width="65%"
|
||||
width="75%"
|
||||
:maskClosable="false"
|
||||
:centered="true"
|
||||
:closable="false"
|
||||
@@ -28,7 +28,7 @@
|
||||
</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" @touchstart="setpitch(item,index)" ref="content" >
|
||||
<img crossOrigin="anonymous" :src="item.imgUrl" :style="{'zoom':item.zoom}" draggable="false" v-modelImg>
|
||||
<img crossOrigin="anonymous" :src="item.imgUrl" :style="{'transform':'translate(-50%, -50%) scale('+item.zoom+')'}" draggable="false" v-modelImg>
|
||||
<ul v-show="item.setPitch" class="layout_btn" >
|
||||
<li class="layout_btn_top" v-compile.stop="'top'"></li>
|
||||
<li class="layout_btn_bottom" v-compile.stop="'bottom'"></li>
|
||||
@@ -502,7 +502,7 @@ export default defineComponent({
|
||||
//移动图片
|
||||
translate:{
|
||||
mounted (el,layout:any,binding) {
|
||||
el.addEventListener('touchstart',(e:any)=>{
|
||||
el.ontouchstart = (e:any)=>{
|
||||
e.stopPropagation()
|
||||
let elParent = el.parentNode.parentNode
|
||||
el.style.left = (el.offsetLeft+2)/(elParent.offsetWidth)*100+'%'
|
||||
@@ -525,6 +525,7 @@ export default defineComponent({
|
||||
el.previousSibling.style.left = left
|
||||
elParent.firstChild.style.top = top
|
||||
elParent.firstChild.style.left = left
|
||||
|
||||
if(el.offsetLeft <=0){
|
||||
el.style.left = 0+'%'
|
||||
el.previousSibling.style.left = 0+'%'
|
||||
@@ -563,7 +564,7 @@ export default defineComponent({
|
||||
|
||||
})
|
||||
});
|
||||
})
|
||||
}
|
||||
},
|
||||
},
|
||||
modelImg:{
|
||||
@@ -785,8 +786,8 @@ export default defineComponent({
|
||||
.layout_centent{
|
||||
display: flex;
|
||||
// height: 55%;
|
||||
height: 35rem;
|
||||
width: 57rem;
|
||||
width: 49rem;
|
||||
height: calc(49rem*0.614);
|
||||
// height: 60%;
|
||||
flex-direction: column;
|
||||
flex-wrap: wrap;
|
||||
|
||||
Reference in New Issue
Block a user