add offie icon

package.json

@@ -115,7 +115,7 @@
     "script-ext-html-webpack-plugin": "2.1.4",
     "script-loader": "0.7.2",
     "serve-static": "^1.14.1",
-    "svg-sprite-loader": "5.0.0",
+    "svg-sprite-loader": "^5.0.0",
     "svgo": "1.3.2",
     "vue-template-compiler": "2.6.11"
   },

src/components/FileManage/Right.vue

@@ -30,7 +30,7 @@
             <div v-for="(item,index) in tableData" :key="index" v-dragging="{ item: item, list: tableData, group: 'item' }" class="file-item-inner">
               <div class="file-item" @contextmenu.prevent.stop="rightClick(item,'',$event)">
                 <div class="file-item-icon">
-                  <i class="el-icon-picture-outline" />
+                  <img src="../../assets/icons/Zip.png" alt="">
                 </div>
                 <div class="file-item-title" v-if="!item.open">
                   {{ item.value }}
@@ -112,7 +112,8 @@ import UploadDialog from '@/components/UploadDialog/index'
 export default {
   name: 'Right',
   components: {
-    UploadDialog
+    UploadDialog,
+
   },
   data() {
     return {
@@ -557,7 +558,11 @@ String.prototype.colorRgb = function() {
     justify-content: center;
     align-items: center;
     .file-item-icon{
-      font-size: 50px;
+      margin-bottom: 5px;
+       img{
+         width: 50px;
+         height: 50px;
+       }
     }
     .file-item-title{
       word-break: break-all;

src/components/SvgIcon/index.vue

@@ -8,7 +8,6 @@
 <script>
 // doc: https://panjiachen.github.io/vue-element-admin-site/feature/component/svg-icon.html#usage
 import { isExternal } from '@/utils/validate'
-
 export default {
   name: 'SvgIcon',
   props: {
@@ -53,7 +52,6 @@ export default {
   fill: currentColor;
   overflow: hidden;
 }
-
 .svg-external-icon {
   background-color: currentColor;
   mask-size: cover!important;