修改BUG

src/views/product/components/imageComponent.vue

@@ -1,7 +1,7 @@
 <template>
     <div>
         <ul class="ulStyle" v-infinite-scroll="load">
-            <li v-for="item in list" :key="item.id" class="listyle" :class="[selectList.id == item.id ? 'active' : '']"
+            <li v-for="item in list" :key="item.id" class="listyle" :class="[selectList.id == item.id ? 'actives' : '']"
                 @click="clickEvent(item)">
                 <img :src="item.url" style="width: 100px;height: 100px;" alt="">
                 <el-popconfirm title="确定删除吗？" class="show" @confirm="deleteEvent(item.id)">
@@ -51,21 +51,6 @@ ul,
 li {
     list-style: none;
 }
-
-.ulStyle {
-    display: flex;
-    flex-wrap: wrap;
-    overflow: auto;
-    height: 400px;
-}
-
-.listyle {
-    margin-right: 10px;
-    margin-top: 10px;
-    border: 5px solid #fff;
-    position: relative;
-}
-
 .show {
     position: absolute;
     right: -10px;
@@ -83,8 +68,26 @@ li {
     background-color: #fff;
     font-size: 20px;
 }
+.ulStyle {
+    display: flex;
+    flex-wrap: wrap;
+    overflow: auto;
+    height: 400px;
+}
 
-.active {
+.listyle {
+    margin-right: 10px;
+    margin-top: 10px;
+    border: 5px solid #fff;
+    position: relative;
+}
+
+
+
+
+
+
+.actives {
     border: 5px solid #1890ff;
 }
 </style>