From 70c45f8e82c69c92526d6f1b95bdd88fbf32ac7c Mon Sep 17 00:00:00 2001
From: unknown <zheng_z@azut.cn>
Date: Fri, 23 Oct 2020 18:22:00 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A2=9E=E5=8A=A0=E6=8C=87=E4=BB=A4resolveImg;?=
 =?UTF-8?q?=E5=A2=9E=E5=8A=A0img-lazy=E7=BB=84=E4=BB=B6=E4=BB=A5=E8=A7=A3?=
 =?UTF-8?q?=E5=86=B3v-lazy=E6=8C=87=E4=BB=A4=E4=B8=8D=E8=83=BD=E4=BD=BF?=
 =?UTF-8?q?=E7=94=A8filters=E7=9A=84=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/img-lazy/index.vue  | 10 ++++++++++
 src/filters/resolveAvator.js       |  3 ---
 src/filters/resolveImg.js          |  8 ++++++++
 src/main.js                        |  5 ++++-
 src/views/demo/index.vue           |  4 ++++
 src/views/main_web/index/index.vue |  2 +-
 6 files changed, 27 insertions(+), 5 deletions(-)
 create mode 100644 src/components/img-lazy/index.vue
 delete mode 100644 src/filters/resolveAvator.js
 create mode 100644 src/filters/resolveImg.js

diff --git a/src/components/img-lazy/index.vue b/src/components/img-lazy/index.vue
new file mode 100644
index 00000000..95039235
--- /dev/null
+++ b/src/components/img-lazy/index.vue
@@ -0,0 +1,10 @@
+<template>
+  <img v-lazy="src" />
+</template>
+<script>
+export default {
+  props: {
+    src: String
+  }
+}
+</script>
\ No newline at end of file
diff --git a/src/filters/resolveAvator.js b/src/filters/resolveAvator.js
deleted file mode 100644
index cbf46bcd..00000000
--- a/src/filters/resolveAvator.js
+++ /dev/null
@@ -1,3 +0,0 @@
-import { getFileUrl } from '@/services/oss';
-
-export default imgSrc => getFileUrl(imgSrc) || '/static/img/avator_default.svg';
\ No newline at end of file
diff --git a/src/filters/resolveImg.js b/src/filters/resolveImg.js
new file mode 100644
index 00000000..05e147c5
--- /dev/null
+++ b/src/filters/resolveImg.js
@@ -0,0 +1,8 @@
+import { getFileUrl } from '@/services/oss';
+
+export const resolveAvator = imgSrc => getFileUrl(imgSrc) || '/static/img/avator_default.svg';
+
+export default (imgSrc, imgType) => {
+  const defaultImg = imgType === 'avator' ? '/static/img/avator_default.svg' : ''
+  return getFileUrl(imgSrc) || defaultImg;
+};
\ No newline at end of file
diff --git a/src/main.js b/src/main.js
index 3a7c1f95..bc3acea4 100644
--- a/src/main.js
+++ b/src/main.js
@@ -10,9 +10,10 @@ import 'element-ui/lib/theme-chalk/index.css';
 import store from './store';
 import vuex from 'vuex';
 import Cookies from 'js-cookie'
-import resolveAvator from '@/filters/resolveAvator';
+import resolveImg ,{ resolveAvator } from '@/filters/resolveImg';
 import VueLazyload from 'vue-lazyload'
 import VueContextMenu from '@xunlei/vue-context-menu'
+import LazyImg from '@/components/img-lazy';
 
 // 加载其他css
 import "@/../public/static/css/element_chanage.css"
@@ -29,12 +30,14 @@ Vue.use(ElementUI);
 Vue.use(VueLazyload);
 Vue.use(vuex);
 Vue.prototype.$cookie = Cookies;
+Vue.component('ImgLazy', LazyImg);
 
 // todo DEPRECATED
 Vue.prototype.$axios = axios;
 // todo DEPRECATED
 Vue.prototype.$fetch = axios;
 Vue.prototype.$fetchApi = fetchApi;
+Vue.filter('resolveImg', resolveImg);
 Vue.filter('resolveAvator', resolveAvator);
 
 //右键菜单
diff --git a/src/views/demo/index.vue b/src/views/demo/index.vue
index a8c96941..95c50897 100644
--- a/src/views/demo/index.vue
+++ b/src/views/demo/index.vue
@@ -25,6 +25,10 @@
         <app-nav :list="navList" />
       </template>
     </app-header>
+    <div style="height: 2000px" />
+    <img-lazy :src="'oss://1603443894479/bz.jpg' | resolveAvator" />
+    <img v-lazy="'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1603457396447&di=9046aaf5b7fc79ce05e28cb76f289862&imgtype=0&src=http%3A%2F%2Fa3.att.hudong.com%2F14%2F75%2F01300000164186121366756803686.jpg'" />
+    <img :src="'oss://1603443882955/9.jpg' | resolveAvator" />
   </div>
 </template>
 
diff --git a/src/views/main_web/index/index.vue b/src/views/main_web/index/index.vue
index b1425b41..5aea8c53 100644
--- a/src/views/main_web/index/index.vue
+++ b/src/views/main_web/index/index.vue
@@ -84,7 +84,7 @@
                     <img
                       class="fandatupian"
                       @click="goFilePage(projItem)"
-                      v-lazy="projItem.showImgUrl | resolveAvator"
+                      :src="projItem.ShowImgUrl | resolveImg"
                       alt
                     />
                     <div class="yiyun_product_item_top">