添加 filesize

package.json

@@ -20,6 +20,7 @@
     "element-theme": "^2.0.1",
     "element-theme-chalk": "^2.13.2",
     "element-ui": "^2.13.2",
+    "filesize": "^6.3.0",
     "js-cookie": "^2.2.1",
     "lodash": "^4.17.20",
     "lottie-vuejs": "^0.4.0",

src/filters/resolveFileSize.js

@@ -0,0 +1,3 @@
+import fileSize from 'filesize';
+
+export const resolveFileSize = v => fileSize(v);

src/main.js

@@ -10,7 +10,8 @@ import 'element-ui/lib/theme-chalk/index.css';
 import store from './store';
 import vuex from 'vuex';
 import Cookies from 'js-cookie'
-import resolveImg ,{ resolveAvator } from '@/filters/resolveImg';
+import resolveImg, { resolveAvator } from '@/filters/resolveImg';
+import {resolveFileSize} from '@/filters/resolveFileSize';
 import VueLazyload from 'vue-lazyload'
 import VueContextMenu from '@xunlei/vue-context-menu'
 import LazyImg from '@/components/img-lazy';
@@ -42,6 +43,7 @@ Vue.prototype.$fetch = axios;
 Vue.prototype.$fetchApi = fetchApi;
 Vue.filter('resolveImg', resolveImg);
 Vue.filter('resolveAvator', resolveAvator);
+Vue.filter('resolveFileSize', resolveFileSize);
 
 // 事件总线
 Vue.prototype.$bus = new Vue();

yarn.lock

@@ -4327,6 +4327,11 @@ filesize@^3.6.1:
   resolved "https://registry.npm.taobao.org/filesize/download/filesize-3.6.1.tgz#090bb3ee01b6f801a8a8be99d31710b3422bb317"
   integrity sha1-CQuz7gG2+AGoqL6Z0xcQs0Irsxc=
 
+filesize@^6.3.0:
+  version "6.3.0"
+  resolved "https://registry.nlark.com/filesize/download/filesize-6.3.0.tgz#dff53cfb3f104c9e422f346d53be8dbcc971bf11"
+  integrity sha1-3/U8+z8QTJ5CLzRtU76NvMlxvxE=
+
 filesize@~2.0.0:
   version "2.0.4"
   resolved "https://registry.npm.taobao.org/filesize/download/filesize-2.0.4.tgz#7805941c60fcdfe63f46d7ea358c59ade11c1325"