75a16b43 by 任超

style:材料

1 parent 28d3f800
<template>
<div class="rlPopup">
<div class="prev handle-btn" v-if="!isSingle" @click="prev()">
<div class="prev handle-btn" @click="prev()">
<i class="el-icon-arrow-left"></i>
</div>
<div class="next handle-btn" v-if="!isSingle" @click="next()">
<div class="next handle-btn" @click="next()">
<i class="el-icon-arrow-right"></i>
</div>
<div class="img-list-wrap">
......@@ -78,9 +78,6 @@ export default {
this.thumbnailImages = this.previewImg.imgList
},
computed: {
isSingle () {
return this.previewImg.imgList.length <= 1
},
isFirst () {
return this.previewImg.index === 0
},
......@@ -96,7 +93,7 @@ export default {
}
return
}
const len = this.previewImg.imgList.length
let len = this.previewImg.imgList.length
this.$parent.previewImg.index = (this.$parent.previewImg.index - 1 + len) % len
this.reset()
},
......@@ -106,8 +103,10 @@ export default {
this.$parent.previewImg.index = 0
}
return
} else {
console.log(this.$parent.previewImg.selectedIndex);
}
const len = this.previewImg.imgList.length
let len = this.previewImg.imgList.length
this.$parent.previewImg.index = (this.$parent.previewImg.index + 1) % len
this.reset()
},
......@@ -208,6 +207,7 @@ export default {
border-radius: 50%;
cursor: pointer;
text-align: center;
transition: all 0.3s;
i {
font-size: 24px;
......
......@@ -55,6 +55,7 @@ export default {
},
],
iclass: "",
// 材料目录选中
treeCheckId: "",
checkedId: "1",
column: [
......@@ -193,16 +194,12 @@ export default {
bsmSlsq: this.$parent.bsmSlsq,
index: 0,
selectedIndex: 0,
imgList: [
{
fjurl: 'https://img2.baidu.com/it/u=2955521104,3257476296&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=1111'
}
]
imgList: []
}
}
},
computed: {
...mapGetters(["dictData"]),
...mapGetters(["dictData"])
},
created () {
this.clmlInitList()
......@@ -471,10 +468,12 @@ export default {
cursor: pointer;
box-sizing: border-box;
border-radius: 6px;
transition: all 0.3s;
}
.child:hover {
color: $light-blue;
transform: scale(1.1);
}
.checked {
......