轮播图

src/views/dashboard/admin/index.vue

@@ -1,31 +1,25 @@
 <template>
   <div class="dashboard-editor-container">
     <!-- <github-corner class="github-corner" /> -->
-
+    <el-row :gutter="38" class="system-carousel">
+      <el-carousel indicator-position="outside">
+        <el-carousel-item v-for="(item,key) in slides" :key="key">
+          <template v-if="item.TYPE==='1'">
+            <router-link :to="`/shop/index`" target="_self">
+            <img style="width: 100%; height: 100%;"  src="http://ndsupload.ekhkad.com/files/2022/0526/573c9560dca111eca0a40ae051ba5350.jpg" alt="" >
+          </router-link>
+          </template>
+          <template v-else>
+            <router-link :to="`/article/detail/${item.CONTENT}`" target="_blank">
+            <img style="width: 100%; height: 100%;"  src="http://ndsupload.ekhkad.com/files/2022/0526/573c9560dca111eca0a40ae051ba5350.jpg" alt="" >
+          </router-link>
+          </template>
+          
+        </el-carousel-item>
+      </el-carousel>
+    </el-row>
     <panel-group @handleSetLineChartData="handleSetLineChartData" :rmBv="rmBv" :endTime="endTime" :heightEmpLv='heightEmpLv' :decLv="decLv" :key="num" :cycle="cycle" />
-
-    <!-- <el-row style="background:#fff;padding:16px 16px 0;margin-bottom:32px;">
-      <line-chart :chart-data="lineChartData" />
-    </el-row> -->
-
-    <!-- <el-row :gutter="32">
-      <el-col :xs="24" :sm="24" :lg="8">
-        <div class="chart-wrapper">
-          <raddar-chart />
-        </div>
-      </el-col>
-      <el-col :xs="24" :sm="24" :lg="8">
-        <div class="chart-wrapper">
-          <pie-chart />
-        </div>
-      </el-col>
-      <el-col :xs="24" :sm="24" :lg="8">
-        <div class="chart-wrapper">
-          <bar-chart />
-        </div>
-      </el-col>
-    </el-row> -->
-
+    
     <el-row :gutter="8">
       <el-col :xs="{span: 24}" :sm="{span: 24}" :md="{span: 24}" :lg="{span: 12}" :xl="{span: 12}" style="padding-right:8px;margin-bottom:30px;">
         <transaction-table />
@@ -119,6 +113,7 @@ export default {
       this.cycle = ret.periodNum
       this.rmBv = ret.myRemainPv
       this.endTime = ret.activeEnd
+      console.log(this.slides)
     })
     .catch((error) => {
     })
@@ -151,6 +146,28 @@ export default {
   }
 }
 
+// carousel
+.system-carousel {
+  margin-left: 0px !important;
+  margin-right: 0px !important;
+}
+.el-carousel__item h3 {
+  color: #475669;
+  font-size: 18px;
+  opacity: 0.75;
+  line-height: 300px;
+  margin: 0;
+}
+  
+.el-carousel__item:nth-child(2n) {
+  background-color: #99a9bf;
+}
+
+.el-carousel__item:nth-child(2n+1) {
+  background-color: #d3dce6;
+}
+// carousel
+
 @media (max-width:1024px) {
   .chart-wrapper {
     padding: 8px;