From ff58ca0972ae1d61ca0229cd053d6f45e30f4ad8 Mon Sep 17 00:00:00 2001
From: revive <1664535558@qq.com>
Date: Wed, 25 Nov 2020 15:48:05 +0800
Subject: [PATCH] =?UTF-8?q?=E6=96=87=E4=BB=B6=E5=9B=BE=E6=A0=87?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package-lock.json                             |  7 +-
 public/static/css/main.css                    | 99 +++++++++++++++++--
 public/static/img/fileType/ae.svg             | 35 +++++++
 public/static/img/fileType/ai.svg             | 35 +++++++
 public/static/img/fileType/idml.svg           | 38 +++++++
 public/static/img/fileType/indd.svg           | 38 +++++++
 public/static/img/fileType/mp3.svg            | 37 +++++++
 public/static/img/fileType/pr.svg             | 35 +++++++
 public/static/img/fileType/ps.svg             | 34 +++++++
 public/static/img/fileType/sketch.svg         | 29 ++++++
 public/static/img/fileType/txt.svg            | 33 +++++++
 public/static/img/fileType/video.svg          | 38 +++++++
 public/static/img/fileType/xmind.svg          | 24 +++++
 public/static/img/fileType/zip.svg            | 36 +++++++
 .../workspace/components/file-item.vue        |  8 +-
 15 files changed, 509 insertions(+), 17 deletions(-)
 create mode 100644 public/static/img/fileType/ae.svg
 create mode 100644 public/static/img/fileType/ai.svg
 create mode 100644 public/static/img/fileType/idml.svg
 create mode 100644 public/static/img/fileType/indd.svg
 create mode 100644 public/static/img/fileType/mp3.svg
 create mode 100644 public/static/img/fileType/pr.svg
 create mode 100644 public/static/img/fileType/ps.svg
 create mode 100644 public/static/img/fileType/sketch.svg
 create mode 100644 public/static/img/fileType/txt.svg
 create mode 100644 public/static/img/fileType/video.svg
 create mode 100644 public/static/img/fileType/xmind.svg
 create mode 100644 public/static/img/fileType/zip.svg

diff --git a/package-lock.json b/package-lock.json
index 65a38f03..c2c3838f 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -3506,8 +3506,7 @@
     "boolean": {
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/boolean/-/boolean-3.0.1.tgz",
-      "integrity": "sha512-HRZPIjPcbwAVQvOTxR4YE3o8Xs98NqbbL1iEZDCz7CL8ql0Lt5iOyJFxfnAB0oFs8Oh02F/lLlg30Mexv46LjA==",
-      "optional": true
+      "integrity": "sha512-HRZPIjPcbwAVQvOTxR4YE3o8Xs98NqbbL1iEZDCz7CL8ql0Lt5iOyJFxfnAB0oFs8Oh02F/lLlg30Mexv46LjA=="
     },
     "bowser": {
       "version": "1.9.4",
@@ -6245,7 +6244,7 @@
     },
     "echarts": {
       "version": "4.9.0",
-      "resolved": "https://registry.npm.taobao.org/echarts/download/echarts-4.9.0.tgz",
+      "resolved": "https://registry.npm.taobao.org/echarts/download/echarts-4.9.0.tgz?cache=0&sync_timestamp=1605024603472&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fecharts%2Fdownload%2Fecharts-4.9.0.tgz",
       "integrity": "sha1-qbm6oD8Doqcx5jQMVb77V6nhNH0=",
       "requires": {
         "zrender": "4.3.2"
@@ -18952,7 +18951,7 @@
     },
     "zrender": {
       "version": "4.3.2",
-      "resolved": "https://registry.npm.taobao.org/zrender/download/zrender-4.3.2.tgz?cache=0&sync_timestamp=1605884445437&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fzrender%2Fdownload%2Fzrender-4.3.2.tgz",
+      "resolved": "https://registry.npm.taobao.org/zrender/download/zrender-4.3.2.tgz?cache=0&sync_timestamp=1605884142817&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fzrender%2Fdownload%2Fzrender-4.3.2.tgz",
       "integrity": "sha1-7HQy+UFcgsc1hLa3uMR+GwFiCcY="
     }
   }
diff --git a/public/static/css/main.css b/public/static/css/main.css
index cf030467..2d14af2b 100644
--- a/public/static/css/main.css
+++ b/public/static/css/main.css
@@ -2750,18 +2750,105 @@ button:focus {
 .gif-mid {
 	background: url("/static/img/bgtupian.png") no-repeat -827px -200px;
 }
+.txt-mid,
+.ae-mid,
+.ai-mid,
+.idml-mid,
+.indd-mid,
+.mp3-mid,
+.pr-mid,
+.ps-mid,
+.sketch-mid,
+.xmind-mid,
+.zip-mid,
+.video-mid{
+	position: relative;
+    top: 18px;
+    left: 15px;
+}
 .txt {
-	background: url("/static/img/bgtupian.png") no-repeat -1260px 0;
+	background: url("/static/img/fileType/txt.svg") no-repeat;
 }
 .txt-mid {
-	background: url("/static/img/bgtupian.png") no-repeat -963px -200px;
+	background: url("/static/img/fileType/txt.svg") no-repeat;
+	background-size:80% 80%;
 }
-
 .zip{
-	background: url("/static/img/bgtupian.png") no-repeat -1620px 0;
+	background: url("/static/img/fileType/zip.svg") no-repeat;
+}
+.zip-mid{	
+	background: url("/static/img/fileType/zip.svg") no-repeat;
+	background-size:80% 80%;
+}
+.ae{
+	background: url("/static/img/fileType/ae.svg") no-repeat;
+}
+.ae-mid{
+	background: url("/static/img/fileType/ae.svg") no-repeat;
+	background-size:80% 80%;
+}
+.ai{
+	background: url("/static/img/fileType/ai.svg") no-repeat;
+}
+.ai-mid{
+	background: url("/static/img/fileType/ai.svg") no-repeat;
+	background-size:80% 80%;
+}
+.idml{
+	background: url("/static/img/fileType/idml.svg") no-repeat;
+}
+.idml-mid{
+	background: url("/static/img/fileType/idml.svg") no-repeat;
+	background-size:80% 80%;
+}
+.indd{
+	background: url("/static/img/fileType/indd.svg") no-repeat;
+}
+.indd-mid{
+	background: url("/static/img/fileType/indd.svg") no-repeat;
+	background-size:80% 80%;
+}
+.mp3{
+	background: url("/static/img/fileType/mp3.svg") no-repeat;	
+}
+.mp3-mid{
+	background: url("/static/img/fileType/mp3.svg") no-repeat;
+	background-size:80% 80%;
+}
+.pr{
+	background: url("/static/img/fileType/pr.svg") no-repeat;
+}
+.pr-mid{
+	background: url("/static/img/fileType/pr.svg") no-repeat;
+	background-size:80% 80%;
+}
+.ps{
+	background: url("/static/img/fileType/ps.svg") no-repeat;
+}
+.ps-mid{
+	background: url("/static/img/fileType/ps.svg") no-repeat;
+	background-size:80% 80%;
+}
+.sketch{
+	background: url("/static/img/fileType/sketch.svg") no-repeat;
+}
+.sketch-mid{
+	background: url("/static/img/fileType/sketch.svg") no-repeat;
+	background-size:80% 80%;
+}
+.video{
+	background: url("/static/img/fileType/video.svg") no-repeat;
+}
+.video-mid{
+	background: url("/static/img/fileType/video.svg") no-repeat;
+	background-size:80% 80%;
+}
+.xmind{
+	background: url("/static/img/fileType/xmind.svg") no-repeat;
 }
-.zip-mid{
-	background: url("/static/img/bgtupian.png") no-repeat -1235px -200px;
+.xmind-mid{
+	background: url("/static/img/fileType/xmind.svg") no-repeat;
+	background-size:80% 80%;
 }
 .skp{
 	background: url("/static/img/bgtupian.png") no-repeat -1800px 0;
diff --git a/public/static/img/fileType/ae.svg b/public/static/img/fileType/ae.svg
new file mode 100644
index 00000000..f2f7a6dd
--- /dev/null
+++ b/public/static/img/fileType/ae.svg
@@ -0,0 +1,35 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="104px" height="148px" viewBox="0 0 104 148" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>模块/文件/组件/定制图标/ae</title>
+    <defs>
+        <filter x="-8.2%" y="-5.1%" width="116.3%" height="111.5%" filterUnits="objectBoundingBox" id="filter-1">
+            <feOffset dx="0" dy="1" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
+            <feGaussianBlur stdDeviation="1" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
+            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.2 0" type="matrix" in="shadowBlurOuter1" result="shadowMatrixOuter1"></feColorMatrix>
+            <feMerge>
+                <feMergeNode in="shadowMatrixOuter1"></feMergeNode>
+                <feMergeNode in="SourceGraphic"></feMergeNode>
+            </feMerge>
+        </filter>
+        <path d="M0,0 L45.47,0 C45.47,0 59.86,0.043 70.162,10.346 C80.464,20.647 93.177,31.813 93.177,31.813 C93.177,31.813 104,40.102 104,53.992 L104,148 L0,148 L0,0 Z" id="path-2"></path>
+        <filter x="-3.4%" y="-1.7%" width="106.7%" height="104.7%" filterUnits="objectBoundingBox" id="filter-3">
+            <feOffset dx="0" dy="1" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
+            <feGaussianBlur stdDeviation="1" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
+            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.2 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
+        </filter>
+    </defs>
+    <g id="模块/文件/组件/定制图标/ae" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="编组复制" filter="url(#filter-1)">
+            <g id="Fill-1" fill-rule="nonzero">
+                <use fill="black" fill-opacity="1" filter="url(#filter-3)" xlink:href="#path-2"></use>
+                <use fill="#FCFCFC" xlink:href="#path-2"></use>
+            </g>
+            <path d="M0,0 L45.47,0 C45.47,0 59.86,0.043 70.162,10.346 C80.464,20.647 93.177,31.813 93.177,31.813 C93.177,31.813 104,40.102 104,53.992 L104,148 L0,148 L0,0 Z" id="Fill-1" fill="#1F0040"></path>
+            <path d="M96.7344,35.3232 C84.5424,22.7322 72.5604,10.5422 63.5334,5.2532 C71.2454,10.9722 71.6594,23.0342 69.6704,31.8132 C78.8574,28.6722 89.3354,28.7752 96.7344,35.3232" id="Fill-3" fill="#D291FF"></path>
+        </g>
+        <path d="" id="路径-3" stroke="#979797"></path>
+        <text id="Ae" font-family="PingFangSC-Semibold, PingFang SC" font-size="60" font-weight="500" letter-spacing="-3.58093" fill="#D291FF">
+            <tspan x="18.20093" y="96">Ae</tspan>
+        </text>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/static/img/fileType/ai.svg b/public/static/img/fileType/ai.svg
new file mode 100644
index 00000000..96f26e66
--- /dev/null
+++ b/public/static/img/fileType/ai.svg
@@ -0,0 +1,35 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="104px" height="148px" viewBox="0 0 104 148" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>模块/文件/组件/定制图标/ai</title>
+    <defs>
+        <filter x="-8.2%" y="-5.1%" width="116.3%" height="111.5%" filterUnits="objectBoundingBox" id="filter-1">
+            <feOffset dx="0" dy="1" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
+            <feGaussianBlur stdDeviation="1" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
+            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.2 0" type="matrix" in="shadowBlurOuter1" result="shadowMatrixOuter1"></feColorMatrix>
+            <feMerge>
+                <feMergeNode in="shadowMatrixOuter1"></feMergeNode>
+                <feMergeNode in="SourceGraphic"></feMergeNode>
+            </feMerge>
+        </filter>
+        <path d="M0,0 L45.47,0 C45.47,0 59.86,0.043 70.162,10.346 C80.464,20.647 93.177,31.813 93.177,31.813 C93.177,31.813 104,40.102 104,53.992 L104,148 L0,148 L0,0 Z" id="path-2"></path>
+        <filter x="-3.4%" y="-1.7%" width="106.7%" height="104.7%" filterUnits="objectBoundingBox" id="filter-3">
+            <feOffset dx="0" dy="1" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
+            <feGaussianBlur stdDeviation="1" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
+            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.2 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
+        </filter>
+    </defs>
+    <g id="模块/文件/组件/定制图标/ai" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="编组复制" filter="url(#filter-1)">
+            <g id="Fill-1" fill-rule="nonzero">
+                <use fill="black" fill-opacity="1" filter="url(#filter-3)" xlink:href="#path-2"></use>
+                <use fill="#FCFCFC" xlink:href="#path-2"></use>
+            </g>
+            <path d="M0,0 L45.47,0 C45.47,0 59.86,0.043 70.162,10.346 C80.464,20.647 93.177,31.813 93.177,31.813 C93.177,31.813 104,40.102 104,53.992 L104,148 L0,148 L0,0 Z" id="Fill-1" fill="#331900"></path>
+            <path d="M96.7344,35.3232 C84.5424,22.7322 72.5604,10.5422 63.5334,5.2532 C71.2454,10.9722 71.6594,23.0342 69.6704,31.8132 C78.8574,28.6722 89.3354,28.7752 96.7344,35.3232" id="Fill-3" fill="#F48601"></path>
+        </g>
+        <path d="" id="路径-3" stroke="#979797"></path>
+        <text id="Ai" font-family="PingFangSC-Semibold, PingFang SC" font-size="60" font-weight="500" letter-spacing="-3.58093" fill="#FD8E0A">
+            <tspan x="26.46093" y="96">Ai</tspan>
+        </text>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/static/img/fileType/idml.svg b/public/static/img/fileType/idml.svg
new file mode 100644
index 00000000..eb00137b
--- /dev/null
+++ b/public/static/img/fileType/idml.svg
@@ -0,0 +1,38 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="104px" height="148px" viewBox="0 0 104 148" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>模块/文件/组件/定制图标/id</title>
+    <defs>
+        <filter x="-8.2%" y="-5.1%" width="116.3%" height="111.5%" filterUnits="objectBoundingBox" id="filter-1">
+            <feOffset dx="0" dy="1" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
+            <feGaussianBlur stdDeviation="1" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
+            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.2 0" type="matrix" in="shadowBlurOuter1" result="shadowMatrixOuter1"></feColorMatrix>
+            <feMerge>
+                <feMergeNode in="shadowMatrixOuter1"></feMergeNode>
+                <feMergeNode in="SourceGraphic"></feMergeNode>
+            </feMerge>
+        </filter>
+        <path d="M0,0 L45.47,0 C45.47,0 59.86,0.043 70.162,10.346 C80.464,20.647 93.177,31.813 93.177,31.813 C93.177,31.813 104,40.102 104,53.992 L104,148 L0,148 L0,0 Z" id="path-2"></path>
+        <filter x="-3.4%" y="-1.7%" width="106.7%" height="104.7%" filterUnits="objectBoundingBox" id="filter-3">
+            <feOffset dx="0" dy="1" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
+            <feGaussianBlur stdDeviation="1" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
+            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.2 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
+        </filter>
+    </defs>
+    <g id="模块/文件/组件/定制图标/id" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="编组复制" filter="url(#filter-1)">
+            <g id="Fill-1" fill-rule="nonzero">
+                <use fill="black" fill-opacity="1" filter="url(#filter-3)" xlink:href="#path-2"></use>
+                <use fill="#FCFCFC" xlink:href="#path-2"></use>
+            </g>
+            <path d="M0,0 L45.47,0 C45.47,0 59.86,0.043 70.162,10.346 C80.464,20.647 93.177,31.813 93.177,31.813 C93.177,31.813 104,40.102 104,53.992 L104,148 L0,148 L0,0 Z" id="Fill-1" fill="#3F1324"></path>
+            <path d="M96.7344,35.3232 C84.5424,22.7322 72.5604,10.5422 63.5334,5.2532 C71.2454,10.9722 71.6594,23.0342 69.6704,31.8132 C78.8574,28.6722 89.3354,28.7752 96.7344,35.3232" id="Fill-3" fill="#FD58A4"></path>
+        </g>
+        <path d="" id="路径-3" stroke="#979797"></path>
+        <text id="Id" font-family="PingFangSC-Semibold, PingFang SC" font-size="60" font-weight="500" letter-spacing="-3.58093" fill="#FF58A2">
+            <tspan x="29.81093" y="96">Id</tspan>
+        </text>
+        <text id="idml" font-family="PingFangSC-Semibold, PingFang SC" font-size="21.5" font-weight="500" letter-spacing="-0.244" fill="#FF58A2">
+            <tspan x="55.3297154" y="140.738375">idml</tspan>
+        </text>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/static/img/fileType/indd.svg b/public/static/img/fileType/indd.svg
new file mode 100644
index 00000000..14cb4229
--- /dev/null
+++ b/public/static/img/fileType/indd.svg
@@ -0,0 +1,38 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="104px" height="148px" viewBox="0 0 104 148" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>模块/文件/组件/定制图标/id备份</title>
+    <defs>
+        <filter x="-8.2%" y="-5.1%" width="116.3%" height="111.5%" filterUnits="objectBoundingBox" id="filter-1">
+            <feOffset dx="0" dy="1" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
+            <feGaussianBlur stdDeviation="1" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
+            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.2 0" type="matrix" in="shadowBlurOuter1" result="shadowMatrixOuter1"></feColorMatrix>
+            <feMerge>
+                <feMergeNode in="shadowMatrixOuter1"></feMergeNode>
+                <feMergeNode in="SourceGraphic"></feMergeNode>
+            </feMerge>
+        </filter>
+        <path d="M0,0 L45.47,0 C45.47,0 59.86,0.043 70.162,10.346 C80.464,20.647 93.177,31.813 93.177,31.813 C93.177,31.813 104,40.102 104,53.992 L104,148 L0,148 L0,0 Z" id="path-2"></path>
+        <filter x="-3.4%" y="-1.7%" width="106.7%" height="104.7%" filterUnits="objectBoundingBox" id="filter-3">
+            <feOffset dx="0" dy="1" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
+            <feGaussianBlur stdDeviation="1" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
+            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.2 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
+        </filter>
+    </defs>
+    <g id="模块/文件/组件/定制图标/id备份" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="编组复制" filter="url(#filter-1)">
+            <g id="Fill-1" fill-rule="nonzero">
+                <use fill="black" fill-opacity="1" filter="url(#filter-3)" xlink:href="#path-2"></use>
+                <use fill="#FCFCFC" xlink:href="#path-2"></use>
+            </g>
+            <path d="M0,0 L45.47,0 C45.47,0 59.86,0.043 70.162,10.346 C80.464,20.647 93.177,31.813 93.177,31.813 C93.177,31.813 104,40.102 104,53.992 L104,148 L0,148 L0,0 Z" id="Fill-1" fill="#3F1324"></path>
+            <path d="M96.7344,35.3232 C84.5424,22.7322 72.5604,10.5422 63.5334,5.2532 C71.2454,10.9722 71.6594,23.0342 69.6704,31.8132 C78.8574,28.6722 89.3354,28.7752 96.7344,35.3232" id="Fill-3" fill="#FD58A4"></path>
+        </g>
+        <path d="" id="路径-3" stroke="#979797"></path>
+        <text id="Id" font-family="PingFangSC-Semibold, PingFang SC" font-size="60" font-weight="500" letter-spacing="-3.58093" fill="#FF58A2">
+            <tspan x="29.81093" y="96">Id</tspan>
+        </text>
+        <text id="indd" font-family="PingFangSC-Semibold, PingFang SC" font-size="21.5" font-weight="500" letter-spacing="-0.244" fill="#FF58A2">
+            <tspan x="54.3622154" y="140.738375">indd</tspan>
+        </text>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/static/img/fileType/mp3.svg b/public/static/img/fileType/mp3.svg
new file mode 100644
index 00000000..e2570b00
--- /dev/null
+++ b/public/static/img/fileType/mp3.svg
@@ -0,0 +1,37 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="104px" height="148px" viewBox="0 0 104 148" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>模块/文件/组件/定制图标/zip备份 2</title>
+    <defs>
+        <filter x="-8.2%" y="-5.1%" width="116.3%" height="111.5%" filterUnits="objectBoundingBox" id="filter-1">
+            <feOffset dx="0" dy="1" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
+            <feGaussianBlur stdDeviation="1" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
+            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.2 0" type="matrix" in="shadowBlurOuter1" result="shadowMatrixOuter1"></feColorMatrix>
+            <feMerge>
+                <feMergeNode in="shadowMatrixOuter1"></feMergeNode>
+                <feMergeNode in="SourceGraphic"></feMergeNode>
+            </feMerge>
+        </filter>
+        <path d="M0,0 L45.47,0 C45.47,0 59.86,0.043 70.162,10.346 C80.464,20.647 93.177,31.813 93.177,31.813 C93.177,31.813 104,40.102 104,53.992 L104,148 L0,148 L0,0 Z" id="path-2"></path>
+        <filter x="-3.4%" y="-1.7%" width="106.7%" height="104.7%" filterUnits="objectBoundingBox" id="filter-3">
+            <feOffset dx="0" dy="1" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
+            <feGaussianBlur stdDeviation="1" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
+            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.2 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
+        </filter>
+    </defs>
+    <g id="模块/文件/组件/定制图标/zip备份-2" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="编组复制" filter="url(#filter-1)">
+            <g id="Fill-1" fill-rule="nonzero">
+                <use fill="black" fill-opacity="1" filter="url(#filter-3)" xlink:href="#path-2"></use>
+                <use fill="#FCFCFC" xlink:href="#path-2"></use>
+            </g>
+            <path d="M0,0 L45.47,0 C45.47,0 59.86,0.043 70.162,10.346 C80.464,20.647 93.177,31.813 93.177,31.813 C93.177,31.813 104,40.102 104,53.992 L104,148 L0,148 L0,0 Z" id="Fill-1" fill="#FFFFFF"></path>
+            <path d="M96.7344,35.3232 C84.5424,22.7322 72.5604,10.5422 63.5334,5.2532 C71.2454,10.9722 71.6594,23.0342 69.6704,31.8132 C78.8574,28.6722 89.3354,28.7752 96.7344,35.3232" id="Fill-3" fill="#EBEBEB"></path>
+        </g>
+        <text id="MP3" font-family="PingFangSC-Semibold, PingFang SC" font-size="21.5" font-weight="500" letter-spacing="-0.244" fill="#4EA241">
+            <tspan x="51.6023673" y="140.834532">MP3</tspan>
+        </text>
+        <g id="Icon-yinpin" transform="translate(26.000000, 48.000000)" fill="#4EA241" fill-rule="nonzero">
+            <path d="M26,0 C40.35915,0 52,11.64085 52,26 C52,40.35915 40.35915,52 26,52 C11.64085,52 0,40.35915 0,26 C0,11.64085 11.64085,0 26,0 Z M26,49 C38.7025492,49 49,38.7025492 49,26 C49,13.2974508 38.7025492,3 26,3 C13.2974508,3 3,13.2974508 3,26 C3,38.7025492 13.2974508,49 26,49 Z M31.6303,10.6301 C31.2325,11.1760999 29.08685,12.1121 27.27465,12.5021 C24.96975,12.96945 23.79325,13.35945 22.60115,13.9828 C21.0119,14.9188 20.13765,16.08815 20.29625,17.1795 C20.3762,17.4135 22.2833,20.14285 24.49265,23.24595 C26.79755,26.36465 28.68905,28.99975 28.769,29.07775 C28.8483,29.23375 28.53045,29.23375 27.41765,29.15575 C23.9369,28.92175 20.75775,30.71575 19.3271,33.50685 C18.9293,34.36485 18.85,34.8322 18.85,35.84555 C18.85,38.1849 20.1214,40.04065 22.49,41.132 C23.44355,41.522 23.76205,41.6 25.74845,41.6 C27.89475,41.6 27.97405,41.6 29.38845,40.898 C33.1877,39.1046501 34.7769501,35.6122 33.1877,32.4155 C32.86985,31.7135 30.8828,28.3764 28.75275,24.9457 L24.89045,18.62965 L25.52615,18.62965 C28.0696,18.47365 29.80185,17.6943 30.99395,16.36895 C32.02745,15.19895 32.34595,14.0296 32.266,12.17385 C32.1867,10.4741 32.02745,10.08475 31.6303,10.6301 L31.6303,10.6301 Z" id="形状"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/static/img/fileType/pr.svg b/public/static/img/fileType/pr.svg
new file mode 100644
index 00000000..2aaff2ca
--- /dev/null
+++ b/public/static/img/fileType/pr.svg
@@ -0,0 +1,35 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="104px" height="148px" viewBox="0 0 104 148" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>模块/文件/组件/定制图标/pr</title>
+    <defs>
+        <filter x="-8.2%" y="-5.1%" width="116.3%" height="111.5%" filterUnits="objectBoundingBox" id="filter-1">
+            <feOffset dx="0" dy="1" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
+            <feGaussianBlur stdDeviation="1" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
+            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.2 0" type="matrix" in="shadowBlurOuter1" result="shadowMatrixOuter1"></feColorMatrix>
+            <feMerge>
+                <feMergeNode in="shadowMatrixOuter1"></feMergeNode>
+                <feMergeNode in="SourceGraphic"></feMergeNode>
+            </feMerge>
+        </filter>
+        <path d="M0,0 L45.47,0 C45.47,0 59.86,0.043 70.162,10.346 C80.464,20.647 93.177,31.813 93.177,31.813 C93.177,31.813 104,40.102 104,53.992 L104,148 L0,148 L0,0 Z" id="path-2"></path>
+        <filter x="-3.4%" y="-1.7%" width="106.7%" height="104.7%" filterUnits="objectBoundingBox" id="filter-3">
+            <feOffset dx="0" dy="1" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
+            <feGaussianBlur stdDeviation="1" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
+            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.2 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
+        </filter>
+    </defs>
+    <g id="模块/文件/组件/定制图标/pr" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="编组复制" filter="url(#filter-1)">
+            <g id="Fill-1" fill-rule="nonzero">
+                <use fill="black" fill-opacity="1" filter="url(#filter-3)" xlink:href="#path-2"></use>
+                <use fill="#FCFCFC" xlink:href="#path-2"></use>
+            </g>
+            <path d="M0,0 L45.47,0 C45.47,0 59.86,0.043 70.162,10.346 C80.464,20.647 93.177,31.813 93.177,31.813 C93.177,31.813 104,40.102 104,53.992 L104,148 L0,148 L0,0 Z" id="Fill-1" fill="#2E103A"></path>
+            <path d="M96.7344,35.3232 C84.5424,22.7322 72.5604,10.5422 63.5334,5.2532 C71.2454,10.9722 71.6594,23.0342 69.6704,31.8132 C78.8574,28.6722 89.3354,28.7752 96.7344,35.3232" id="Fill-3" fill="#E497FF"></path>
+        </g>
+        <path d="" id="路径-3" stroke="#979797"></path>
+        <text id="Pr" font-family="PingFangSC-Semibold, PingFang SC" font-size="60" font-weight="500" letter-spacing="-3.58093" fill="#E497FF">
+            <tspan x="24.71093" y="96">Pr</tspan>
+        </text>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/static/img/fileType/ps.svg b/public/static/img/fileType/ps.svg
new file mode 100644
index 00000000..578b7178
--- /dev/null
+++ b/public/static/img/fileType/ps.svg
@@ -0,0 +1,34 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="104px" height="148px" viewBox="0 0 104 148" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>模块/文件/组件/定制图标/ps</title>
+    <defs>
+        <filter x="-8.2%" y="-5.1%" width="116.3%" height="111.5%" filterUnits="objectBoundingBox" id="filter-1">
+            <feOffset dx="0" dy="1" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
+            <feGaussianBlur stdDeviation="1" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
+            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.2 0" type="matrix" in="shadowBlurOuter1" result="shadowMatrixOuter1"></feColorMatrix>
+            <feMerge>
+                <feMergeNode in="shadowMatrixOuter1"></feMergeNode>
+                <feMergeNode in="SourceGraphic"></feMergeNode>
+            </feMerge>
+        </filter>
+        <path d="M0,0 L45.47,0 C45.47,0 59.86,0.043 70.162,10.346 C80.464,20.647 93.177,31.813 93.177,31.813 C93.177,31.813 104,40.102 104,53.992 L104,148 L0,148 L0,0 Z" id="path-2"></path>
+        <filter x="-3.4%" y="-1.7%" width="106.7%" height="104.7%" filterUnits="objectBoundingBox" id="filter-3">
+            <feOffset dx="0" dy="1" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
+            <feGaussianBlur stdDeviation="1" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
+            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.2 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
+        </filter>
+    </defs>
+    <g id="模块/文件/组件/定制图标/ps" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="编组复制" filter="url(#filter-1)">
+            <g id="Fill-1" fill-rule="nonzero">
+                <use fill="black" fill-opacity="1" filter="url(#filter-3)" xlink:href="#path-2"></use>
+                <use fill="#FCFCFC" xlink:href="#path-2"></use>
+            </g>
+            <path d="M0,0 L45.47,0 C45.47,0 59.86,0.043 70.162,10.346 C80.464,20.647 93.177,31.813 93.177,31.813 C93.177,31.813 104,40.102 104,53.992 L104,148 L0,148 L0,0 Z" id="Fill-1" fill="#032732"></path>
+            <path d="M96.7344,35.3232 C84.5424,22.7322 72.5604,10.5422 63.5334,5.2532 C71.2454,10.9722 71.6594,23.0342 69.6704,31.8132 C78.8574,28.6722 89.3354,28.7752 96.7344,35.3232" id="Fill-3" fill="#E0F7FF"></path>
+        </g>
+        <text id="Ps" font-family="PingFangSC-Semibold, PingFang SC" font-size="60" font-weight="500" letter-spacing="-3.58093" fill="#E0F7FF">
+            <tspan x="20.18093" y="96">Ps</tspan>
+        </text>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/static/img/fileType/sketch.svg b/public/static/img/fileType/sketch.svg
new file mode 100644
index 00000000..4a7b9333
--- /dev/null
+++ b/public/static/img/fileType/sketch.svg
@@ -0,0 +1,29 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="104px" height="148px" viewBox="0 0 104 148" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>模块/文件/组件/定制图标/sketch</title>
+    <defs>
+        <path d="M0,0 L45.47,0 C45.47,0 59.86,0.043 70.162,10.346 C80.464,20.647 93.177,31.813 93.177,31.813 C93.177,31.813 104,40.102 104,53.992 L104,148 L0,148 L0,0 Z" id="path-1"></path>
+        <filter x="-3.4%" y="-1.7%" width="106.7%" height="104.7%" filterUnits="objectBoundingBox" id="filter-2">
+            <feOffset dx="0" dy="1" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
+            <feGaussianBlur stdDeviation="1" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
+            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.2 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
+        </filter>
+    </defs>
+    <g id="模块/文件/组件/定制图标/sketch" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Fill-1" fill-rule="nonzero">
+            <use fill="black" fill-opacity="1" filter="url(#filter-2)" xlink:href="#path-1"></use>
+            <use fill="#FCFCFC" xlink:href="#path-1"></use>
+        </g>
+        <rect id="矩形" fill="#FFFFFF" x="0" y="0" width="104" height="148"></rect>
+        <g id="编组" transform="translate(26.000000, 50.000000)" fill="#FDA701">
+            <path d="M0,17.0599791 L10.9176677,1.91978261 L26,0 L41.0823323,1.91978261 L52,17.0599791 L26,48 L0,17.0599791 Z" id="形状结合"></path>
+        </g>
+        <text id="Sketch" font-family="PingFangSC-Semibold, PingFang SC" font-size="21.5" font-weight="500" letter-spacing="-0.244" fill="#F37100">
+            <tspan x="28.8137154" y="140.738375">Sketch</tspan>
+        </text>
+        <polygon id="路径-17" fill="#FDC300" points="65 66.9703884 67.0823323 51.9197826 52 50"></polygon>
+        <polygon id="路径-18" fill="#F97804" points="65 66.9703884 78 67.0599791 67.0823323 51.9197826"></polygon>
+        <polygon id="路径-7" fill="#FEF8D5" points="65 66.9703884 52 50 39 67.0599791"></polygon>
+        <path d="M96.7344,35.3232 C84.5424,22.7322 72.5604,10.5422 63.5334,5.2532 C71.2454,10.9722 71.6594,23.0342 69.6704,31.8132 C78.8574,28.6722 89.3354,28.7752 96.7344,35.3232" id="Fill-3" fill="#EBEBEB"></path>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/static/img/fileType/txt.svg b/public/static/img/fileType/txt.svg
new file mode 100644
index 00000000..0acc5d5b
--- /dev/null
+++ b/public/static/img/fileType/txt.svg
@@ -0,0 +1,33 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="104px" height="148px" viewBox="0 0 104 148" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>模块/文件/组件/定制图标/word备份</title>
+    <defs>
+        <polygon id="path-1" points="0 147.936 104 147.936 104 -2.84217094e-14 0 -2.84217094e-14"></polygon>
+        <filter x="-3.4%" y="-1.7%" width="106.7%" height="104.7%" filterUnits="objectBoundingBox" id="filter-2">
+            <feOffset dx="0" dy="1" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
+            <feGaussianBlur stdDeviation="1" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
+            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.2 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
+        </filter>
+    </defs>
+    <g id="模块/文件/组件/定制图标/word备份" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Fill-1" fill-rule="nonzero">
+            <use fill="black" fill-opacity="1" filter="url(#filter-2)" xlink:href="#path-1"></use>
+            <use fill="#FCFCFC" xlink:href="#path-1"></use>
+        </g>
+        <g id="编组" transform="translate(12.000000, 12.000000)">
+            <polygon id="Fill-1" fill="#A7A8B7" points="27.95 2.9998 50.45 2.9998 50.45 -0.0002 27.95 -0.0002"></polygon>
+            <polygon id="Fill-2" fill="#EFEFEF" points="11.749 12.1998 80 12.1998 80 9.1998 11.749 9.1998"></polygon>
+            <polygon id="Fill-3" fill="#EFEFEF" points="0 18.8008 80 18.8008 80 15.7998 0 15.7998"></polygon>
+            <polygon id="Fill-4" fill="#EFEFEF" points="0 25.5998 80 25.5998 80 22.5998 0 22.5998"></polygon>
+            <polygon id="Fill-5" fill="#EFEFEF" points="0 32.3998 80 32.3998 80 29.3998 0 29.3998"></polygon>
+            <polygon id="Fill-6" fill="#EFEFEF" points="0 39.1998 80 39.1998 80 36.1998 0 36.1998"></polygon>
+            <polygon id="Fill-7" fill="#EFEFEF" points="0 45.9998 80 45.9998 80 42.9988 0 42.9988"></polygon>
+            <polygon id="Fill-8" fill="#EFEFEF" points="0 52.7998 80 52.7998 80 49.7998 0 49.7998"></polygon>
+            <polygon id="Fill-9" fill="#EFEFEF" points="0 59.5998 80 59.5998 80 56.5988 0 56.5988"></polygon>
+            <polygon id="Fill-10" fill="#EFEFEF" points="0 73.1118 12 73.1118 12 70.2888 0 70.2888"></polygon>
+        </g>
+        <text id="TXT" font-family="PingFangSC-Semibold, PingFang SC" font-size="21.5" font-weight="500" letter-spacing="-0.244" fill="#2E5592">
+            <tspan x="57.2783673" y="140.834532">TXT</tspan>
+        </text>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/static/img/fileType/video.svg b/public/static/img/fileType/video.svg
new file mode 100644
index 00000000..6190a82f
--- /dev/null
+++ b/public/static/img/fileType/video.svg
@@ -0,0 +1,38 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="148px" height="104px" viewBox="0 0 148 104" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="background: #FFFFFF;">
+    <title>模块/文件/组件/定制图标/视频类</title>
+    <g id="模块/文件/组件/定制图标/视频类" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <rect fill="#FFFFFF" x="0" y="0" width="148" height="104"></rect>
+        <g id="编组" transform="translate(-21.000000, 2.000000)" fill="#060606">
+            <rect id="矩形备份-5" x="60" y="0" width="10" height="8"></rect>
+            <rect id="矩形备份-9" x="120" y="0" width="10" height="8"></rect>
+            <rect id="矩形备份-3" x="30" y="0" width="10" height="8"></rect>
+            <rect id="矩形备份-6" x="90" y="0" width="10" height="8"></rect>
+            <rect id="矩形备份-10" x="150" y="0" width="10" height="8"></rect>
+            <rect id="矩形备份-2" x="15" y="0" width="10" height="8"></rect>
+            <rect id="矩形备份-7" x="75" y="0" width="10" height="8"></rect>
+            <rect id="矩形备份-11" x="135" y="0" width="10" height="8"></rect>
+            <rect id="矩形备份-4" x="45" y="0" width="10" height="8"></rect>
+            <rect id="矩形备份-8" x="105" y="0" width="10" height="8"></rect>
+            <rect id="矩形备份-12" x="165" y="0" width="10" height="8"></rect>
+        </g>
+        <g id="编组备份" transform="translate(-21.000000, 94.000000)" fill="#060606">
+            <rect id="矩形备份-5" x="60" y="0" width="10" height="8"></rect>
+            <rect id="矩形备份-9" x="120" y="0" width="10" height="8"></rect>
+            <rect id="矩形备份-3" x="30" y="0" width="10" height="8"></rect>
+            <rect id="矩形备份-6" x="90" y="0" width="10" height="8"></rect>
+            <rect id="矩形备份-10" x="150" y="0" width="10" height="8"></rect>
+            <rect id="矩形备份-2" x="15" y="0" width="10" height="8"></rect>
+            <rect id="矩形备份-7" x="75" y="0" width="10" height="8"></rect>
+            <rect id="矩形备份-11" x="135" y="0" width="10" height="8"></rect>
+            <rect id="矩形备份-4" x="45" y="0" width="10" height="8"></rect>
+            <rect id="矩形备份-8" x="105" y="0" width="10" height="8"></rect>
+            <rect id="矩形备份-12" x="165" y="0" width="10" height="8"></rect>
+        </g>
+        <g id="Icon-shipin" transform="translate(50.000000, 29.000000)" fill-rule="nonzero">
+            <circle id="椭圆形" fill="#060606" cx="24" cy="24" r="24"></circle>
+            <path d="M24,0 C10.745166,0 0,10.745166 0,24 C0,37.254834 10.745166,48 24,48 C37.254834,48 48,37.254834 48,24" id="路径" fill="#060606"></path>
+            <polygon id="路径-2" fill="#CCCDD7" points="19.2 14.4 19.2 33.9385602 35.2 24.1777094"></polygon>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/static/img/fileType/xmind.svg b/public/static/img/fileType/xmind.svg
new file mode 100644
index 00000000..4beea497
--- /dev/null
+++ b/public/static/img/fileType/xmind.svg
@@ -0,0 +1,24 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="104px" height="148px" viewBox="0 0 104 148" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>模块/文件/组件/定制图标/xmind</title>
+    <defs>
+        <path d="M0,0 L45.47,0 C45.47,0 59.86,0.043 70.162,10.346 C80.464,20.647 93.177,31.813 93.177,31.813 C93.177,31.813 104,40.102 104,53.992 L104,148 L0,148 L0,0 Z" id="path-1"></path>
+        <filter x="-3.4%" y="-1.7%" width="106.7%" height="104.7%" filterUnits="objectBoundingBox" id="filter-2">
+            <feOffset dx="0" dy="1" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
+            <feGaussianBlur stdDeviation="1" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
+            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.2 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
+        </filter>
+    </defs>
+    <g id="模块/文件/组件/定制图标/xmind" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Fill-1" fill-rule="nonzero">
+            <use fill="black" fill-opacity="1" filter="url(#filter-2)" xlink:href="#path-1"></use>
+            <use fill="#FCFCFC" xlink:href="#path-1"></use>
+        </g>
+        <path d="M96.7344,35.3232 C84.5424,22.7322 72.5604,10.5422 63.5334,5.2532 C71.2454,10.9722 71.6594,23.0342 69.6704,31.8132 C78.8574,28.6722 89.3354,28.7752 96.7344,35.3232" id="Fill-3" fill="#EBEBEB"></path>
+        <path d="" id="路径-3" stroke="#979797"></path>
+        <text id="XMind" font-family="PingFangSC-Semibold, PingFang SC" font-size="21.5" font-weight="500" letter-spacing="-0.244" fill="#FE2845">
+            <tspan x="33.4498673" y="140.834532">XMind</tspan>
+        </text>
+        <path d="M38.4248228,55 C41.5518374,64.5540984 47.049276,68.742389 54.9171385,67.5648719 C58.7890639,66.9853933 59.9558232,64.0032027 58.4174164,58.6183001 L74.3131019,56.1741816 C75.8739802,58.9155015 75.8739802,61.6157494 74.3131019,64.2749253 C71.9717845,68.2636891 63.8828746,68.4684631 63.8828746,70.9184061 C63.8828746,73.3683491 83.9843482,77.8031395 82.9623067,89.822018 C82.9623067,89.822018 76.602496,90.8813453 63.8828746,93 C61.7109274,83.8714011 56.607785,79.3071017 48.5734476,79.3071017 C36.5219414,79.3071017 37.5793217,87.1307997 37.5793217,90.8909702 C37.5793217,90.8909702 32.6134572,91.5939801 22.6817282,93 C21.5224608,88.2786808 22.9771082,84.4850907 27.0456705,81.6192296 C33.1485138,77.3204379 39.3751765,77.3204379 39.3751765,75.2716756 C39.3751765,73.2229133 33.5617809,73.5200454 27.0456705,68.1593101 C22.7015968,64.5854866 20.6985756,61.4051499 21.036607,58.6183001 L38.4248228,55 Z" id="路径-5" fill="#FE2845"></path>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/static/img/fileType/zip.svg b/public/static/img/fileType/zip.svg
new file mode 100644
index 00000000..9cfa17de
--- /dev/null
+++ b/public/static/img/fileType/zip.svg
@@ -0,0 +1,36 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="104px" height="148px" viewBox="0 0 104 148" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>模块/文件/组件/定制图标/zip</title>
+    <defs>
+        <path d="M0,0 L45.47,0 C45.47,0 59.86,0.043 70.162,10.346 C80.464,20.647 93.177,31.813 93.177,31.813 C93.177,31.813 104,40.102 104,53.992 L104,148 L0,148 L0,0 Z" id="path-1"></path>
+        <filter x="-3.4%" y="-1.7%" width="106.7%" height="104.7%" filterUnits="objectBoundingBox" id="filter-2">
+            <feOffset dx="0" dy="1" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
+            <feGaussianBlur stdDeviation="1" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
+            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.2 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
+        </filter>
+    </defs>
+    <g id="模块/文件/组件/定制图标/zip" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="编组">
+            <g id="编组-3">
+                <g id="Fill-1" fill-rule="nonzero">
+                    <use fill="black" fill-opacity="1" filter="url(#filter-2)" xlink:href="#path-1"></use>
+                    <use fill="#FCFCFC" xlink:href="#path-1"></use>
+                </g>
+                <path d="M96.7344,35.3232 C84.5424,22.7322 72.5604,10.5422 63.5334,5.2532 C71.2454,10.9722 71.6594,23.0342 69.6704,31.8132 C78.8574,28.6722 89.3354,28.7752 96.7344,35.3232" id="Fill-3" fill="#EBEBEB"></path>
+            </g>
+            <path d="M34,71 L34,86 C34,88.209139 32.209139,90 30,90 L18,90 C15.790861,90 14,88.209139 14,86 L14,71 L34,71 Z M29,77 L19,77 L19,85 L29,85 L29,77 Z" id="形状结合" fill="#782DF9"></path>
+            <rect id="矩形备份-5" fill="#782DF9" x="24" y="0" width="10" height="8"></rect>
+            <rect id="矩形备份-6" fill="#782DF9" x="14" y="8" width="10" height="8"></rect>
+            <rect id="矩形备份-8" fill="#782DF9" x="14" y="40" width="10" height="8"></rect>
+            <rect id="矩形备份-9" fill="#782DF9" x="14" y="24" width="10" height="8"></rect>
+            <rect id="矩形备份-11" fill="#782DF9" x="14" y="56" width="10" height="8"></rect>
+            <rect id="矩形备份-7" fill="#782DF9" x="24" y="16" width="10" height="8"></rect>
+            <rect id="矩形备份-12" fill="#782DF9" x="24" y="48" width="10" height="8"></rect>
+            <rect id="矩形备份-10" fill="#782DF9" x="24" y="32" width="10" height="8"></rect>
+            <rect id="矩形备份-13" fill="#782DF9" x="24" y="64" width="10" height="8"></rect>
+        </g>
+        <text id="ZIP" font-family="PingFangSC-Semibold, PingFang SC" font-size="21.5" font-weight="500" letter-spacing="-0.244" fill="#782DF9">
+            <tspan x="64.6528673" y="140.834532">ZIP</tspan>
+        </text>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/src/views/main_web/workspace/components/file-item.vue b/src/views/main_web/workspace/components/file-item.vue
index 49a78625..571c610f 100644
--- a/src/views/main_web/workspace/components/file-item.vue
+++ b/src/views/main_web/workspace/components/file-item.vue
@@ -11,7 +11,7 @@
           <!-- 非图片文件图标 -->
           <div
             v-if="!oneOf(file.extension, imgExtensionList)"
-            class="defultImage-mid  default-mid"
+            class="defultImage-mid"
             :class="`${file.extension}-mid ${
               fileIsLoading || (isInWorkFolder && otherUserIsWorking) || showDownloadMask ? 'toumin' : ''
             }`"
@@ -347,12 +347,6 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-  .default-mid{
-    height: 110px;
-    width: 80px;
-    margin: 10px 26px;
-    background-size: contain;;
-  }
   .readytodownload-icon {
     position: relative;
     top: 40px;