style:材料

 <template>
 <template>
   <div class="rlPopup">
   <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>
       <i class="el-icon-arrow-left"></i>
     </div>
     </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>
       <i class="el-icon-arrow-right"></i>
     </div>
     </div>
     <div class="img-list-wrap">
     <div class="img-list-wrap">
@@ -78,9 +78,6 @@ export default {
     this.thumbnailImages = this.previewImg.imgList
     this.thumbnailImages = this.previewImg.imgList
   },
   },
   computed: {
   computed: {
-    isSingle () {
-      return this.previewImg.imgList.length <= 1
-    },
     isFirst () {
     isFirst () {
       return this.previewImg.index === 0
       return this.previewImg.index === 0
     },
     },
@@ -96,7 +93,7 @@ export default {
         }
         }
         return
         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.$parent.previewImg.index = (this.$parent.previewImg.index - 1 + len) % len
       this.reset()
       this.reset()
     },
     },
@@ -106,8 +103,10 @@ export default {
           this.$parent.previewImg.index = 0
           this.$parent.previewImg.index = 0
         }
         }
         return
         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.$parent.previewImg.index = (this.$parent.previewImg.index + 1) % len
       this.reset()
       this.reset()
     },
     },
@@ -208,6 +207,7 @@ export default {
     border-radius: 50%;
     border-radius: 50%;
     cursor: pointer;
     cursor: pointer;
     text-align: center;
     text-align: center;
+    transition: all 0.3s;
 
 
     i {
     i {
       font-size: 24px;
       font-size: 24px;

@@ -55,6 +55,7 @@ export default {
         },
         },
       ],
       ],
       iclass: "",
       iclass: "",
+      // 材料目录选中
       treeCheckId: "",
       treeCheckId: "",
       checkedId: "1",
       checkedId: "1",
       column: [
       column: [
@@ -193,16 +194,12 @@ export default {
         bsmSlsq: this.$parent.bsmSlsq,
         bsmSlsq: this.$parent.bsmSlsq,
         index: 0,
         index: 0,
         selectedIndex: 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: {
   computed: {
-    ...mapGetters(["dictData"]),
+    ...mapGetters(["dictData"])
   },
   },
   created () {
   created () {
     this.clmlInitList()
     this.clmlInitList()
@@ -471,10 +468,12 @@ export default {
             cursor: pointer;
             cursor: pointer;
             box-sizing: border-box;
             box-sizing: border-box;
             border-radius: 6px;
             border-radius: 6px;
+            transition: all 0.3s;
           }
           }
 
 
           .child:hover {
           .child:hover {
             color: $light-blue;
             color: $light-blue;
+            transform: scale(1.1);
           }
           }
 
 
           .checked {
           .checked {