This commit is contained in:
X1627315083
2023-12-11 10:24:04 +08:00
parent 1b55d36462
commit 29d0114f55
6 changed files with 63 additions and 40 deletions

View File

@@ -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">

View File

@@ -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
} }

View File

@@ -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;

View File

@@ -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.',

View File

@@ -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'

View File

@@ -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 = ()=>{