ifx
This commit is contained in:
@@ -5,7 +5,7 @@
|
||||
:class="[driver__.driver?'hideEvents':'']"
|
||||
v-model:visible="designDetailShow"
|
||||
:footer="null"
|
||||
width="110rem"
|
||||
width="65%"
|
||||
:maskClosable="false"
|
||||
:centered="true"
|
||||
:keyboard="false"
|
||||
|
||||
@@ -1052,7 +1052,7 @@ export default defineComponent({
|
||||
// background: #FFFFFF;
|
||||
border: 0.1rem solid #F1F1F1;
|
||||
// font-size: 1.6rem;
|
||||
font-size: 1.4rem;
|
||||
font-size: 1.2rem;
|
||||
font-weight: 400;
|
||||
height: 3rem;
|
||||
|
||||
@@ -1125,8 +1125,6 @@ export default defineComponent({
|
||||
vertical-align: top;
|
||||
// padding: 0 1.4rem;
|
||||
// margin-bottom: 2.8rem;
|
||||
max-width: 48%;
|
||||
|
||||
margin-bottom: 2rem;
|
||||
padding: 0;
|
||||
// height: 9rem;
|
||||
@@ -1141,7 +1139,6 @@ export default defineComponent({
|
||||
}
|
||||
.content_img_item_block{
|
||||
// border: 0.1rem solid transparent;
|
||||
max-width: 100%;
|
||||
width: 10rem;
|
||||
height: 10rem;
|
||||
display: flex;
|
||||
@@ -1310,7 +1307,7 @@ export default defineComponent({
|
||||
}
|
||||
|
||||
.upload_file_item{
|
||||
// margin: 0 1rem 2rem 0;
|
||||
// margin: 0 2rem 2rem 0;
|
||||
margin: 0;
|
||||
display: inline-block;
|
||||
// width: 16.5rem;
|
||||
@@ -1679,7 +1676,7 @@ export default defineComponent({
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
.ant-upload-select-picture-card{
|
||||
// margin: 0 1rem 2rem 0;
|
||||
// margin: 0 2rem 2rem 0;
|
||||
margin: 0;
|
||||
display: inline-block;
|
||||
width: 6rem;
|
||||
|
||||
@@ -5,7 +5,7 @@
|
||||
:class="[driver__.driver?'hideEvents':'']"
|
||||
v-model:visible="designOpenrtion"
|
||||
:footer="null"
|
||||
width="110rem"
|
||||
width="65%"
|
||||
:maskClosable="false"
|
||||
:centered="true"
|
||||
:closable="false"
|
||||
|
||||
@@ -5,7 +5,7 @@
|
||||
v-model:visible="designOpenrtion"
|
||||
:class="[driver__.driver?'hideEvents':'']"
|
||||
:footer="null"
|
||||
width="110rem"
|
||||
width="65%"
|
||||
:maskClosable="false"
|
||||
:centered="true"
|
||||
:closable="false"
|
||||
|
||||
@@ -65,8 +65,8 @@ export default defineComponent({
|
||||
|
||||
.ant-modal-body{
|
||||
background: #F2F3FB;
|
||||
height: 70vh;
|
||||
min-height: 62rem;
|
||||
height: 80vh;
|
||||
min-height: 72rem;
|
||||
overflow-y: hidden;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
@@ -608,7 +608,7 @@ export default defineComponent({
|
||||
display: none;
|
||||
}
|
||||
.upload_file_item{
|
||||
// margin: 0 1rem 2rem 0;
|
||||
// margin: 0 2rem 2rem 0;
|
||||
margin: 0;
|
||||
display: inline-block;
|
||||
// width: 16.5rem;
|
||||
@@ -979,7 +979,7 @@ export default defineComponent({
|
||||
.ant-upload-picture-card-wrapper{
|
||||
.ant-upload-list{
|
||||
.ant-upload-select-picture-card{
|
||||
// margin: 0 1rem 2rem 0;
|
||||
// margin: 0 2rem 2rem 0;
|
||||
margin: 0;
|
||||
display: inline-block;
|
||||
width: 12rem;
|
||||
|
||||
@@ -2,7 +2,7 @@
|
||||
<a-modal class="modal_component cut_pricture_modal"
|
||||
v-model:visible="cutPicuterModal"
|
||||
:footer="null"
|
||||
width="110rem"
|
||||
width="65%"
|
||||
:maskClosable="false"
|
||||
:centered="true"
|
||||
:closable="false"
|
||||
|
||||
@@ -763,7 +763,7 @@ export default defineComponent({
|
||||
}
|
||||
.generate_checkbox {
|
||||
div {
|
||||
margin-right: 2rem;
|
||||
margin-right: 4rem;
|
||||
label {
|
||||
display: flex;
|
||||
cursor: pointer;
|
||||
@@ -824,7 +824,7 @@ export default defineComponent({
|
||||
flex: 1;
|
||||
.generage_img_item {
|
||||
cursor: pointer;
|
||||
margin: 0 1rem 2rem 0;
|
||||
margin: 0 2rem 2rem 0;
|
||||
position: relative;
|
||||
&.active {
|
||||
opacity: 0.5;
|
||||
|
||||
@@ -555,7 +555,7 @@ export default defineComponent({
|
||||
// right: 3.2rem;
|
||||
left: 0;
|
||||
display: flex;
|
||||
width: 35%;
|
||||
width: 33%;
|
||||
height: 100%;
|
||||
align-items: center;
|
||||
overflow: hidden;
|
||||
|
||||
@@ -209,7 +209,7 @@ export default defineComponent({
|
||||
}
|
||||
|
||||
.upload_file_item{
|
||||
margin: 0 1rem 2rem 0;
|
||||
margin: 0 2rem 2rem 0;
|
||||
display: inline-block;
|
||||
width: 16.5rem;
|
||||
height: 16.5rem;
|
||||
|
||||
@@ -428,7 +428,7 @@ export default defineComponent({
|
||||
// background: #FFFFFF;
|
||||
border: 0.1rem solid #F1F1F1;
|
||||
// font-size: 1.6rem;
|
||||
font-size: 1.4rem;
|
||||
font-size: 1.2rem;
|
||||
font-weight: 400;
|
||||
height: 3rem;
|
||||
|
||||
@@ -536,7 +536,7 @@ export default defineComponent({
|
||||
&.material_content_body::-webkit-scrollbar{display: none;}
|
||||
|
||||
.content_img_item{
|
||||
margin: 0 1rem 5rem 0;
|
||||
margin: 0 2rem 5rem 0;
|
||||
display: inline-block;
|
||||
width: 10rem;
|
||||
height: 10rem;
|
||||
@@ -550,7 +550,7 @@ export default defineComponent({
|
||||
height: 100%;
|
||||
}
|
||||
&.moodb{
|
||||
margin: 0 1rem 2rem 0;
|
||||
margin: 0 2rem 2rem 0;
|
||||
}
|
||||
.pin_block{
|
||||
.ant-checkbox-wrapper{
|
||||
|
||||
@@ -569,7 +569,6 @@ export default defineComponent({
|
||||
border-right: 1px solid #e5e5e5;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex-shrink: 0;
|
||||
&.moodboard_body::-webkit-scrollbar {
|
||||
display: none;
|
||||
}
|
||||
@@ -663,8 +662,8 @@ export default defineComponent({
|
||||
}
|
||||
.modal_img_max{
|
||||
// flex: 1;
|
||||
width: 49rem;
|
||||
height: calc(49rem*0.614);
|
||||
width: 57rem;
|
||||
height: 35rem;
|
||||
position: relative;
|
||||
.mark_loading{
|
||||
position: absolute;
|
||||
|
||||
@@ -869,7 +869,7 @@ export default defineComponent({
|
||||
|
||||
.upload_file_item{
|
||||
margin: 0 2rem 5rem 0;
|
||||
// margin: 0 1rem 2rem 0;
|
||||
// margin: 0 2rem 2rem 0;
|
||||
display: inline-block;
|
||||
width: 10rem;
|
||||
height: 10rem;
|
||||
|
||||
@@ -877,7 +877,7 @@ export default defineComponent({
|
||||
|
||||
.upload_file_item{
|
||||
margin: 0 2rem 4rem 0;
|
||||
// margin: 0 1rem 2rem 0;
|
||||
// margin: 0 2rem 2rem 0;
|
||||
display: inline-block;
|
||||
width: 10rem;
|
||||
height: 10rem;
|
||||
|
||||
@@ -3,7 +3,7 @@
|
||||
<a-modal class="modal_component collection_modal Guide_1_2"
|
||||
v-model:visible="showCollectionModal"
|
||||
:footer="null"
|
||||
width="110rem"
|
||||
width="65%"
|
||||
:maskClosable="false"
|
||||
:centered="true"
|
||||
:closable="false"
|
||||
|
||||
@@ -4,7 +4,7 @@
|
||||
class="layout_modal"
|
||||
v-model:visible="layout"
|
||||
:footer="null"
|
||||
width="110rem"
|
||||
width="65%"
|
||||
:maskClosable="false"
|
||||
:centered="true"
|
||||
:closable="false"
|
||||
@@ -732,8 +732,8 @@ export default defineComponent({
|
||||
.layout_centent{
|
||||
display: flex;
|
||||
// height: 55%;
|
||||
width: 49rem;
|
||||
height: calc(49rem*0.614);
|
||||
height: 35rem;
|
||||
width: 57rem;
|
||||
// height: 60%;
|
||||
flex-direction: column;
|
||||
flex-wrap: wrap;
|
||||
|
||||
@@ -4,7 +4,7 @@
|
||||
class="layout_modal"
|
||||
v-model:visible="layout"
|
||||
:footer="null"
|
||||
width="110rem"
|
||||
width="65%"
|
||||
: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="{'transform':'translate(-50%, -50%) scale('+item.zoom+')'}" draggable="false" v-modelImg>
|
||||
<img crossOrigin="anonymous" :src="item.imgUrl" :style="{'zoom':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.ontouchstart = (e:any)=>{
|
||||
el.addEventListener('touchstart',(e:any)=>{
|
||||
e.stopPropagation()
|
||||
let elParent = el.parentNode.parentNode
|
||||
el.style.left = (el.offsetLeft+2)/(elParent.offsetWidth)*100+'%'
|
||||
@@ -525,7 +525,6 @@ 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+'%'
|
||||
@@ -564,7 +563,7 @@ export default defineComponent({
|
||||
|
||||
})
|
||||
});
|
||||
}
|
||||
})
|
||||
},
|
||||
},
|
||||
modelImg:{
|
||||
@@ -786,8 +785,8 @@ export default defineComponent({
|
||||
.layout_centent{
|
||||
display: flex;
|
||||
// height: 55%;
|
||||
width: 49rem;
|
||||
height: calc(49rem*0.614);
|
||||
height: 35rem;
|
||||
width: 57rem;
|
||||
// height: 60%;
|
||||
flex-direction: column;
|
||||
flex-wrap: wrap;
|
||||
|
||||
@@ -3,7 +3,7 @@
|
||||
class="scaleImage_modal"
|
||||
v-model:visible="scaleImage"
|
||||
:footer="null"
|
||||
width="110rem"
|
||||
width="65%"
|
||||
:maskClosable="false"
|
||||
:centered="true"
|
||||
:closable="false"
|
||||
|
||||
@@ -3,7 +3,7 @@
|
||||
v-model:visible="setLabelShow"
|
||||
:footer="null"
|
||||
:title="$t('setLabel.EditTag')"
|
||||
width="110rem"
|
||||
width="65%"
|
||||
:maskClosable="false"
|
||||
:keyboard="false"
|
||||
:centered="true"
|
||||
|
||||
Reference in New Issue
Block a user