更新 disk 模块中的文件

src/router/index.js

@@ -84,7 +84,7 @@ const DataSource = () => import('views/admin/DataSource')
 const Disk = () => import('views/disk/Disk')
 const FileList = () => import('views/disk/FileList')
 const UploadFile = () => import('views/disk/UploadFile')
-const Share = () => import('views/disk/Share')
+const FileShare = () => import('views/disk/FileShare')
 const FileImage = () => import('views/disk/FileImage')
 const FileVideo = () => import('views/disk/FileVideo')
 const FileAudio = () => import('views/disk/FileAudio')
@@ -370,7 +370,7 @@ const routes = [
       {
         path: '/disk/share',
         name: '分享',
-        component: Share,
+        component: FileShare,
         meta: { needAuth: true }
       }
     ]

src/views/disk/FileAudio.vue

@@ -1,46 +1,17 @@
 <template>
   <el-row>
-    <el-col :md="24" class="movie-list">
-      <div>
-        <el-col v-for="(image, index) in data.images" :key="image.thumbnailUrl" :md="6" :sm="12" :xs="12" style="padding-right: 5px; padding-left: 5px; padding-bottom: 5px">
-          <el-card :body-style="{ padding: '0px' }" class="card">
-            <div class="imgs">
-              <el-image
-                lazy
-                fit="cover"
-                class="coverImg"
-                :src="image.thumbnailUrl"
-                @click="showImages(index)"
-              />
-            </div>
-            <div style="padding: 14px;">
-                <span>
-                  <i v-if="image.collected" class="el-icon-star-on" @click="collectItem(image)" />
-                  <i v-else class="el-icon-star-off" @click="collectItem(image)" />
-                </span>
-            </div>
-          </el-card>
-        </el-col>
-      </div>
-    </el-col>
+    <span>音频文件</span>
   </el-row>
 </template>
 
 <script>
-import PermissionDeniedCard from '@/components/card/PermissionDeniedCard'
-import { followUser, getUserInfo, unfollowUser } from '@/api/user'
-import { getAlbum } from '@/api/image'
-import { collectItem } from '@/api/collect'
-
 export default {
-  name: 'Share',
-  components: { PermissionDeniedCard },
+  name: 'FileAudio',
   data() {
     return {
       // 屏幕宽度, 为了控制分页条的大小
       screenWidth: document.body.clientWidth,
       data: {
-        images: []
       },
     }
   },
@@ -62,37 +33,4 @@ export default {
 </script>
 
 <style scoped>
-/*处于手机屏幕时*/
-@media screen and (max-width: 768px){
-  .movie-list {
-    padding-top: 8px;
-    padding-left: 0.5%;
-    padding-right: 0.5%;
-  }
-
-  .coverImg {
-    height: 120px !important;
-  }
-}
-
-.movie-list {
-  padding-top: 15px;
-  padding-left: 6%;
-  padding-right: 6%;
-}
-
-.coverImg {
-  width: 100%;
-  height: 320px;
-  display: block;
-}
-
-.card {
-  margin-bottom: 20px;
-  transition: all 0.6s; /*所有属性变化在0.6秒内执行动画*/
-}
-
-.imgs {
-  position: relative;
-}
 </style>

src/views/disk/FileImage.vue

@@ -1,46 +1,17 @@
 <template>
   <el-row>
-    <el-col :md="24" class="movie-list">
-      <div>
-        <el-col v-for="(image, index) in data.images" :key="image.thumbnailUrl" :md="6" :sm="12" :xs="12" style="padding-right: 5px; padding-left: 5px; padding-bottom: 5px">
-          <el-card :body-style="{ padding: '0px' }" class="card">
-            <div class="imgs">
-              <el-image
-                lazy
-                fit="cover"
-                class="coverImg"
-                :src="image.thumbnailUrl"
-                @click="showImages(index)"
-              />
-            </div>
-            <div style="padding: 14px;">
-                <span>
-                  <i v-if="image.collected" class="el-icon-star-on" @click="collectItem(image)" />
-                  <i v-else class="el-icon-star-off" @click="collectItem(image)" />
-                </span>
-            </div>
-          </el-card>
-        </el-col>
-      </div>
-    </el-col>
+    <span>图片文件</span>
   </el-row>
 </template>
 
 <script>
-import PermissionDeniedCard from '@/components/card/PermissionDeniedCard'
-import { followUser, getUserInfo, unfollowUser } from '@/api/user'
-import { getAlbum } from '@/api/image'
-import { collectItem } from '@/api/collect'
-
 export default {
-  name: 'Share',
-  components: { PermissionDeniedCard },
+  name: 'FileImage',
   data() {
     return {
       // 屏幕宽度, 为了控制分页条的大小
       screenWidth: document.body.clientWidth,
       data: {
-        images: []
       },
     }
   },
@@ -62,37 +33,4 @@ export default {
 </script>
 
 <style scoped>
-/*处于手机屏幕时*/
-@media screen and (max-width: 768px){
-  .movie-list {
-    padding-top: 8px;
-    padding-left: 0.5%;
-    padding-right: 0.5%;
-  }
-
-  .coverImg {
-    height: 120px !important;
-  }
-}
-
-.movie-list {
-  padding-top: 15px;
-  padding-left: 6%;
-  padding-right: 6%;
-}
-
-.coverImg {
-  width: 100%;
-  height: 320px;
-  display: block;
-}
-
-.card {
-  margin-bottom: 20px;
-  transition: all 0.6s; /*所有属性变化在0.6秒内执行动画*/
-}
-
-.imgs {
-  position: relative;
-}
 </style>

src/views/disk/FileShare.vue

@@ -0,0 +1,36 @@
+<template>
+  <el-row>
+    <span>分享文件</span>
+  </el-row>
+</template>
+
+<script>
+export default {
+  name: 'FileShare',
+  data() {
+    return {
+      // 屏幕宽度, 为了控制分页条的大小
+      screenWidth: document.body.clientWidth,
+      data: {
+      },
+    }
+  },
+  created() {
+    document.title = '我的分享'
+  },
+  mounted() {
+    // 当窗口宽度改变时获取屏幕宽度
+    window.onresize = () => {
+      return () => {
+        window.screenWidth = document.body.clientWidth
+        this.screenWidth = window.screenWidth
+      }
+    }
+  },
+  methods: {
+  }
+}
+</script>
+
+<style scoped>
+</style>

src/views/disk/FileVideo.vue

@@ -1,46 +1,17 @@
 <template>
   <el-row>
-    <el-col :md="24" class="movie-list">
-      <div>
-        <el-col v-for="(image, index) in data.images" :key="image.thumbnailUrl" :md="6" :sm="12" :xs="12" style="padding-right: 5px; padding-left: 5px; padding-bottom: 5px">
-          <el-card :body-style="{ padding: '0px' }" class="card">
-            <div class="imgs">
-              <el-image
-                lazy
-                fit="cover"
-                class="coverImg"
-                :src="image.thumbnailUrl"
-                @click="showImages(index)"
-              />
-            </div>
-            <div style="padding: 14px;">
-                <span>
-                  <i v-if="image.collected" class="el-icon-star-on" @click="collectItem(image)" />
-                  <i v-else class="el-icon-star-off" @click="collectItem(image)" />
-                </span>
-            </div>
-          </el-card>
-        </el-col>
-      </div>
-    </el-col>
+    <span>视频文件</span>
   </el-row>
 </template>
 
 <script>
-import PermissionDeniedCard from '@/components/card/PermissionDeniedCard'
-import { followUser, getUserInfo, unfollowUser } from '@/api/user'
-import { getAlbum } from '@/api/image'
-import { collectItem } from '@/api/collect'
-
 export default {
-  name: 'Share',
-  components: { PermissionDeniedCard },
+  name: 'FileVideo',
   data() {
     return {
       // 屏幕宽度, 为了控制分页条的大小
       screenWidth: document.body.clientWidth,
       data: {
-        images: []
       },
     }
   },
@@ -62,37 +33,4 @@ export default {
 </script>
 
 <style scoped>
-/*处于手机屏幕时*/
-@media screen and (max-width: 768px){
-  .movie-list {
-    padding-top: 8px;
-    padding-left: 0.5%;
-    padding-right: 0.5%;
-  }
-
-  .coverImg {
-    height: 120px !important;
-  }
-}
-
-.movie-list {
-  padding-top: 15px;
-  padding-left: 6%;
-  padding-right: 6%;
-}
-
-.coverImg {
-  width: 100%;
-  height: 320px;
-  display: block;
-}
-
-.card {
-  margin-bottom: 20px;
-  transition: all 0.6s; /*所有属性变化在0.6秒内执行动画*/
-}
-
-.imgs {
-  position: relative;
-}
 </style>

src/views/disk/Share.vue

@@ -1,98 +0,0 @@
-<template>
-  <el-row>
-    <el-col :md="24" class="movie-list">
-      <div>
-        <el-col v-for="(image, index) in data.images" :key="image.thumbnailUrl" :md="6" :sm="12" :xs="12" style="padding-right: 5px; padding-left: 5px; padding-bottom: 5px">
-          <el-card :body-style="{ padding: '0px' }" class="card">
-            <div class="imgs">
-              <el-image
-                lazy
-                fit="cover"
-                class="coverImg"
-                :src="image.thumbnailUrl"
-                @click="showImages(index)"
-              />
-            </div>
-            <div style="padding: 14px;">
-                <span>
-                  <i v-if="image.collected" class="el-icon-star-on" @click="collectItem(image)" />
-                  <i v-else class="el-icon-star-off" @click="collectItem(image)" />
-                </span>
-            </div>
-          </el-card>
-        </el-col>
-      </div>
-    </el-col>
-  </el-row>
-</template>
-
-<script>
-import PermissionDeniedCard from '@/components/card/PermissionDeniedCard'
-import { followUser, getUserInfo, unfollowUser } from '@/api/user'
-import { getAlbum } from '@/api/image'
-import { collectItem } from '@/api/collect'
-
-export default {
-  name: 'Share',
-  components: { PermissionDeniedCard },
-  data() {
-    return {
-      // 屏幕宽度, 为了控制分页条的大小
-      screenWidth: document.body.clientWidth,
-      data: {
-        images: []
-      },
-    }
-  },
-  created() {
-    document.title = '我的分享'
-  },
-  mounted() {
-    // 当窗口宽度改变时获取屏幕宽度
-    window.onresize = () => {
-      return () => {
-        window.screenWidth = document.body.clientWidth
-        this.screenWidth = window.screenWidth
-      }
-    }
-  },
-  methods: {
-  }
-}
-</script>
-
-<style scoped>
-/*处于手机屏幕时*/
-@media screen and (max-width: 768px){
-  .movie-list {
-    padding-top: 8px;
-    padding-left: 0.5%;
-    padding-right: 0.5%;
-  }
-
-  .coverImg {
-    height: 120px !important;
-  }
-}
-
-.movie-list {
-  padding-top: 15px;
-  padding-left: 6%;
-  padding-right: 6%;
-}
-
-.coverImg {
-  width: 100%;
-  height: 320px;
-  display: block;
-}
-
-.card {
-  margin-bottom: 20px;
-  transition: all 0.6s; /*所有属性变化在0.6秒内执行动画*/
-}
-
-.imgs {
-  position: relative;
-}
-</style>