fix
This commit is contained in:
@@ -32,6 +32,9 @@
|
|||||||
<div v-for="item,index in designItemDetail?.clothes" :class="{active:item.clothesOpen}" @click="clothesOpen(index)">
|
<div v-for="item,index in designItemDetail?.clothes" :class="{active:item.clothesOpen}" @click="clothesOpen(index)">
|
||||||
<img :src="item?.path" alt="">
|
<img :src="item?.path" alt="">
|
||||||
</div>
|
</div>
|
||||||
|
<div>
|
||||||
|
+
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="detail_modal_model_content">
|
<div class="detail_modal_model_content">
|
||||||
<div class="detail_modal_item_back" :class="{active:body}" v-for="item,index in frontBack.back" :style="item.style">
|
<div class="detail_modal_item_back" :class="{active:body}" v-for="item,index in frontBack.back" :style="item.style">
|
||||||
|
|||||||
@@ -302,6 +302,11 @@ export default defineComponent({
|
|||||||
removeDriver(){
|
removeDriver(){
|
||||||
if(this.driver__.driver){
|
if(this.driver__.driver){
|
||||||
driverObj__.destroy();
|
driverObj__.destroy();
|
||||||
|
let data = {
|
||||||
|
index : 0,
|
||||||
|
driver : false,
|
||||||
|
}
|
||||||
|
this.store?.commit("setGuide", data);
|
||||||
this.robotTop = false
|
this.robotTop = false
|
||||||
this.robotInput = false
|
this.robotInput = false
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -123,13 +123,13 @@
|
|||||||
:before-upload="beforeUpload"
|
:before-upload="beforeUpload"
|
||||||
:headers="{ Authorization: token }"
|
:headers="{ Authorization: token }"
|
||||||
v-model:file-list="fileList"
|
v-model:file-list="fileList"
|
||||||
:maxCount="8 - sketchboardList.length+fileList.length"
|
:maxCount="20 - sketchboardList.length+fileList.length"
|
||||||
accept=".jpg,.png,.jpeg,.bmp"
|
accept=".jpg,.png,.jpeg,.bmp"
|
||||||
@change="(file) => fileUploadChange(file)"
|
@change="(file) => fileUploadChange(file)"
|
||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
class="upload_tip_block"
|
class="upload_tip_block"
|
||||||
v-show="sketchboardList.length < 8"
|
v-show="sketchboardList.length < 20"
|
||||||
>
|
>
|
||||||
<i class="fi fi-br-upload"></i>
|
<i class="fi fi-br-upload"></i>
|
||||||
<!-- <img class="upload_img_icon" src="@/assets/images/homePage/add_file.png"> -->
|
<!-- <img class="upload_img_icon" src="@/assets/images/homePage/add_file.png"> -->
|
||||||
@@ -140,7 +140,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="upload_max_tip">
|
<div class="upload_max_tip">
|
||||||
<span class="icon iconfont icon-zhuyi"></span>
|
<span class="icon iconfont icon-zhuyi"></span>
|
||||||
<span>{{ $t('SketchboardUpload.Maximum') }}</span>
|
<span>{{ $t('SketchboardUpload.Maximum',{numTime:20}) }}</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -165,7 +165,8 @@
|
|||||||
<div>{{ $t('SketchboardUpload.Thumbnail') }}</div>
|
<div>{{ $t('SketchboardUpload.Thumbnail') }}</div>
|
||||||
<!-- <div class="modal_btn started_btn" @click="layout()">layout</div> -->
|
<!-- <div class="modal_btn started_btn" @click="layout()">layout</div> -->
|
||||||
</div>
|
</div>
|
||||||
<div class="modal_img">
|
<div class="modal_img modal_img_x" v-mousewheel>
|
||||||
|
<div class="mousewheel">
|
||||||
<div class="modal_img_item" v-for="item,index in sketchboardList" :key="item" @click="deleteFile(item)">
|
<div class="modal_img_item" v-for="item,index in sketchboardList" :key="item" @click="deleteFile(item)">
|
||||||
<img v-lazy="item.imgUrl">
|
<img v-lazy="item.imgUrl">
|
||||||
<div class="checked" >
|
<div class="checked" >
|
||||||
@@ -173,6 +174,8 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div v-show="openClick == 3" class="modal_accomplish">
|
<div v-show="openClick == 3" class="modal_accomplish">
|
||||||
<div class="input_box Guide_1_9_2" :class="[inputShow?'active':'',driver__.driver?'showEvents':'']">
|
<div class="input_box Guide_1_9_2" :class="[inputShow?'active':'',driver__.driver?'showEvents':'']">
|
||||||
@@ -339,6 +342,35 @@ export default defineComponent({
|
|||||||
return lable;
|
return lable;
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
|
},
|
||||||
|
directives:{
|
||||||
|
mousewheel:{
|
||||||
|
mounted (el) {
|
||||||
|
// let bodyDom:any = document.getElementsByClassName('right_content_block')[0]
|
||||||
|
let dom:any = document.getElementsByClassName('modal_img_x')
|
||||||
|
let mouseover = ()=>{
|
||||||
|
// bodyDom.classList.add('active')
|
||||||
|
}
|
||||||
|
let mouseleave = ()=>{
|
||||||
|
// bodyDom.classList.remove('active')
|
||||||
|
}
|
||||||
|
dom.forEach((item:any) => {
|
||||||
|
item.addEventListener('mouseover',mouseover)
|
||||||
|
item.addEventListener('mouseleave',mouseleave)
|
||||||
|
});
|
||||||
|
|
||||||
|
|
||||||
|
el.addEventListener('wheel',(e:WheelEvent)=>{
|
||||||
|
let num = 0
|
||||||
|
if(e.deltaY > 0){
|
||||||
|
num = 25
|
||||||
|
}else{
|
||||||
|
num = -25
|
||||||
|
}
|
||||||
|
el.scrollBy(num, 0);
|
||||||
|
},true)
|
||||||
|
}
|
||||||
|
}
|
||||||
},
|
},
|
||||||
watch:{
|
watch:{
|
||||||
workspaceCom(newVal,oldVal){
|
workspaceCom(newVal,oldVal){
|
||||||
@@ -924,12 +956,16 @@ export default defineComponent({
|
|||||||
.modal_img{
|
.modal_img{
|
||||||
width: 40rem;
|
width: 40rem;
|
||||||
height: 5rem;
|
height: 5rem;
|
||||||
overflow-x: hidden;
|
// overflow-x: hidden;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
|
overflow-y: hidden;
|
||||||
&.modal_img::-webkit-scrollbar {
|
&.modal_img::-webkit-scrollbar {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
.mousewheel{
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
.modal_img_item{
|
.modal_img_item{
|
||||||
width: 4rem;
|
width: 4rem;
|
||||||
height: 4rem;
|
height: 4rem;
|
||||||
@@ -938,6 +974,7 @@ export default defineComponent({
|
|||||||
text-align: center;
|
text-align: center;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
flex-shrink: 0;
|
||||||
img{
|
img{
|
||||||
// width: 100%;
|
// width: 100%;
|
||||||
width: auto;
|
width: auto;
|
||||||
|
|||||||
@@ -157,7 +157,7 @@ export default {
|
|||||||
Library:'Library',
|
Library:'Library',
|
||||||
Generate:'Generate',
|
Generate:'Generate',
|
||||||
PIN:'PIN',
|
PIN:'PIN',
|
||||||
Maximum:'Maximum 8 images can be uploaded, Maximum 2M per image',
|
Maximum:'Maximum {numTime} images can be uploaded, Maximum 2M per image',
|
||||||
Thumbnail:'Thumbnail preview of selected sketchboard',
|
Thumbnail:'Thumbnail preview of selected sketchboard',
|
||||||
inputContent1:'Caption generation',
|
inputContent1:'Caption generation',
|
||||||
maximumLength:'The entered content exceeds the maximum length.',
|
maximumLength:'The entered content exceeds the maximum length.',
|
||||||
|
|||||||
@@ -141,6 +141,7 @@ const driverObj__ = driver({
|
|||||||
},
|
},
|
||||||
//销毁前
|
//销毁前
|
||||||
onDestroyStarted:()=>{
|
onDestroyStarted:()=>{
|
||||||
|
console.log(213123123);
|
||||||
data = {
|
data = {
|
||||||
index : driverIndex__,
|
index : driverIndex__,
|
||||||
driver : false,
|
driver : false,
|
||||||
@@ -155,13 +156,13 @@ const driverObj__ = driver({
|
|||||||
|
|
||||||
|
|
||||||
|
|
||||||
onNextClick:(element, step, options) =>{
|
// onNextClick:(element, step, options) =>{
|
||||||
// if(options.state.activeIndex == 2){
|
// // if(options.state.activeIndex == 2){
|
||||||
// driverObj__.moveTo(4)
|
// // driverObj__.moveTo(4)
|
||||||
// }else{
|
// // }else{
|
||||||
// driverObj__.moveNext()
|
// // driverObj__.moveNext()
|
||||||
|
// // }
|
||||||
// }
|
// }
|
||||||
}
|
|
||||||
});
|
});
|
||||||
function addDiv(element){
|
function addDiv(element){
|
||||||
element.style.posiiton = 'relative'
|
element.style.posiiton = 'relative'
|
||||||
|
|||||||
@@ -369,29 +369,6 @@ export default defineComponent({
|
|||||||
directives:{
|
directives:{
|
||||||
mousewheel:{
|
mousewheel:{
|
||||||
mounted (el) {
|
mounted (el) {
|
||||||
// let parent = el.parentNode
|
|
||||||
// let num = 0
|
|
||||||
// let width = el.offsetWidth
|
|
||||||
// let parentWidth = parent.offsetWidth
|
|
||||||
// el.addEventListener('mouseover',()=>{
|
|
||||||
// width = el.offsetWidth
|
|
||||||
// parentWidth = parent.offsetWidth
|
|
||||||
// })
|
|
||||||
// el.addEventListener('mousewheel',(e:MouseEvent)=>{
|
|
||||||
// if(0>(e as WheelEvent).deltaY && width>parentWidth){
|
|
||||||
// num+=25
|
|
||||||
// if(num >= 0){
|
|
||||||
// num = 0
|
|
||||||
// }
|
|
||||||
// }else if(0<(e as WheelEvent).deltaY && width>parentWidth){
|
|
||||||
// num-=25
|
|
||||||
// if(num<=parentWidth - width){
|
|
||||||
// num = parentWidth - width
|
|
||||||
// }
|
|
||||||
|
|
||||||
// }
|
|
||||||
// el.style.marginLeft = num+'px'
|
|
||||||
// })
|
|
||||||
let bodyDom:any = document.getElementsByClassName('right_content_block')[0]
|
let bodyDom:any = document.getElementsByClassName('right_content_block')[0]
|
||||||
let dom:any = document.getElementsByClassName('right_content_body')
|
let dom:any = document.getElementsByClassName('right_content_body')
|
||||||
let mouseover = ()=>{
|
let mouseover = ()=>{
|
||||||
|
|||||||
Reference in New Issue
Block a user