zd 社团

ruoyi-ui/src/views/smartSchool/massOrganization/clubActivityRecord/index.vue

@@ -67,14 +67,19 @@
       <el-table-column label="备注" align="center" prop="remark" />
       <el-table-column label="附件" align="center" prop="file">
         <template slot-scope="scope">
-          <el-image
-            v-for="(item, index) in scope.row.file.split(',')"
-            :key="index"
-            style="width: 100px; height: 100px"
-            :src="pev + item"
-            :preview-src-list="[pev + item]"
-          >
-          </el-image>
+          <el-carousel trigger="click" height="150px" :interval="4000">
+            <el-carousel-item
+              v-for="(item, index) in scope.row.file.split(',')"
+              :key="index"
+            >
+              <el-image
+                :src="pev + item"
+                style="width: 150px; height: 130px"
+                :preview-src-list="[pev + item]"
+              >
+              </el-image>
+            </el-carousel-item>
+          </el-carousel>
         </template>
       </el-table-column>
       <el-table-column

ruoyi-ui/src/views/smartSchool/massOrganization/communityStyle/index.vue

@@ -63,14 +63,19 @@
       <el-table-column label="活动主题" align="center" prop="theme" />
       <el-table-column label="附件" align="center" prop="file">
         <template slot-scope="scope">
-          <el-image
-            v-for="(item, index) in scope.row.file.split(',')"
-            :key="index"
-            style="width: 100px; height: 100px"
-            :src="pev + item"
-            :preview-src-list="[pev + item]"
-          >
-          </el-image>
+          <el-carousel trigger="click" height="150px" :interval="4000">
+            <el-carousel-item
+              v-for="(item, index) in scope.row.file.split(',')"
+              :key="index"
+            >
+              <el-image
+                :src="pev + item"
+                style="width: 150px; height: 130px"
+                :preview-src-list="[pev + item]"
+              >
+              </el-image>
+            </el-carousel-item>
+          </el-carousel>
         </template>
       </el-table-column>
       <el-table-column label="是否发布" align="center" prop="isfb">