From ad96e6a446f684d08c85545e0e4be5d8d74cf7ba Mon Sep 17 00:00:00 2001
From: jmal <zhushilun084@gmail.com>
Date: Mon, 17 Feb 2020 17:59:14 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B7=BB=E5=8A=A0list=E5=A4=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/icons/svg/document.svg |  1 +
 src/utils/number.js        |  1 -
 src/views/demo/index_m.vue | 27 +++++++++++++++++++++++++--
 3 files changed, 26 insertions(+), 3 deletions(-)
 create mode 100644 src/icons/svg/document.svg

diff --git a/src/icons/svg/document.svg b/src/icons/svg/document.svg
new file mode 100644
index 0000000..9ca9c62
--- /dev/null
+++ b/src/icons/svg/document.svg
@@ -0,0 +1 @@
+<svg t="1581932721716" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="29668" width="32" height="32"><path d="M864 0H160a128.384 128.384 0 0 0-128 128v768a128.384 128.384 0 0 0 128 128h545.792L992 739.488V128a128.384 128.384 0 0 0-128-128z m-288 736H224a32 32 0 0 1 0-64h352a32 32 0 0 1 0 64z m224-224H224a32 32 0 0 1 0-64h576a32 32 0 0 1 0 64z m0-224H224a32 32 0 0 1 0-64h576a32 32 0 0 1 0 64z" fill="#FFC177" p-id="29669"></path><path d="M704 1024v-288h288z" fill="#FFD4A6" p-id="29670"></path></svg>
diff --git a/src/utils/number.js b/src/utils/number.js
index 48709ba..32be4ca 100644
--- a/src/utils/number.js
+++ b/src/utils/number.js
@@ -98,7 +98,6 @@ export function formatTime(agoTime) {
 }
 
 export function formatSize(size) {
-  console.log(size)
   if (size < 1024) {
     return size + 'B'
   } else if (size < 1024 * 1024) {
diff --git a/src/views/demo/index_m.vue b/src/views/demo/index_m.vue
index 62aee1c..693f713 100644
--- a/src/views/demo/index_m.vue
+++ b/src/views/demo/index_m.vue
@@ -6,11 +6,31 @@
       finished-text="没有更多了"
       @load="getFileList"
       >
+
+      <van-row class="classification">
+        <van-col span="6" align="center">
+          <svg-icon icon-class="image" />
+          <div>图片</div>
+        </van-col>
+        <van-col span="6" align="center">
+          <svg-icon icon-class="document" />
+          <div>文档</div>
+        </van-col>
+        <van-col span="6" align="center">
+          <svg-icon icon-class="video" />
+          <div>视屏</div>
+        </van-col>
+        <van-col span="6" align="center">
+          <svg-icon icon-class="audio" />
+          <div>音乐</div>
+        </van-col>
+      </van-row>
+
       <!--<van-cell v-for="item in fileList" :key="item.id" :title="item.name"></van-cell>-->
       <!--<van-cell v-for="item in fileList" :key="item.id" :title="item.name" :label="item.updateDate"></van-cell>-->
       <van-swipe-cell v-for="(item,index) in fileList" :key="item.id" :title="item.name">
-        <van-divider v-if="index === 0" style="margin: 0 15px 10px 15px;"></van-divider>
-        <van-row type="flex" justify="center">
+        <van-divider v-if="index === 0" style="margin: 0 15px 0px 15px;"></van-divider>
+        <van-row>
           <van-col span="4" align="center">
             <svg-icon v-if="item.isFavorite" icon-class="menu-favorite-hover" style="font-size: 1rem;float: right;margin-bottom: -1rem;position: relative;" />
             <svg-icon v-if="item.isFolder" icon-class="folder" />
@@ -134,4 +154,7 @@ export default {
     white-space: nowrap;
     text-overflow:ellipsis;
   }
+  .classification {
+    padding: 1rem 0 1rem 0;
+  }
 </style>