修改轮播图样式

src/views/dashboard/admin/index.vue

@@ -2,15 +2,15 @@
   <div class="dashboard-editor-container">
     <!-- <github-corner class="github-corner" /> -->
     <el-row  class="system-carousel">
-      <el-carousel indicator-position="none" :height="bannerHeight+'px'" style="max-height:350px;">
+      <el-carousel trigger="click" indicator-position="none" :height="bannerHeight+'px'" style="max-height:350px;">
         <el-carousel-item v-for="(item,key) in slides" :key="key">
           <template v-if="item.TYPE==='1'">
-            <router-link :to="`/shop/index`" target="_self">
+            <router-link :to="`/shop/index`" target="_self" class="islide">
             <img ref="bannerHeight"  @load="imgLoad"  :src="imageArticle(item.IMAGE)" alt="" >
           </router-link>
           </template>
           <template v-else>
-            <router-link :to="`/article/detail/${item.CONTENT}`" target="_blank">
+            <router-link :to="`/article/detail/${item.CONTENT}`" target="_blank" class="islide">
             <img ref="bannerHeight"  @load="imgLoad"  :src="imageArticle(item.IMAGE)" alt="" >
           </router-link>
           </template>
@@ -168,11 +168,20 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-img {
-  max-height:350px;
-  max-width:400px;
-  margin: 0 auto;
-}
+// img {
+//   max-height:350px;
+//   max-width:400px;
+//   margin: 0 auto;
+// }
+.islide {
+    display: block;
+    text-align: center;
+  }
+
+  .islide img {
+    max-width: 100%;
+    max-height: 330px;
+  }
 .box-card .item{
   line-height: 30px;
 }