Ver código fonte

图片添加懒加载

sunran 3 anos atrás
pai
commit
8428fbbcb5

+ 1 - 1
src/views/weibao/components/newsInformation.vue

@@ -2,7 +2,7 @@
   <div>
     <div class="list" v-for="item in newsList" :key="item.id" @click="$router.push({path:'/text',query:{id:item.id,title:'新闻资讯'}})">
       <div class="img">
-        <van-image fit="fill" :src="item.imgUrl?item.imgUrl:require('../assets/newsbg.png')" alt="" />
+        <van-image lazy-load fit="fill" :src="item.imgUrl?item.imgUrl:require('../assets/newsbg.png')" alt="" />
       </div>
       <div class="text">
         <p class="title">{{item.title}}</p>

+ 1 - 1
src/views/weibao/views/consultation/details.vue

@@ -47,7 +47,7 @@
           <p>照片:</p>
           <div class="boximg">
             <div v-for="(item,index) in pics" :key="index">
-              <van-image fit="contain" :src="item" alt="" @click="showPopup" />
+              <van-image fit="contain" lazy-load :src="item" alt="" @click="showPopup" />
             </div>
           </div>
           <van-image-preview v-model="show" :images="pics"></van-image-preview>

+ 2 - 2
src/views/weibao/views/consultation/index.vue

@@ -11,7 +11,7 @@
             <van-list v-model="loading" :immediate-check="false" :finished="finished" finished-text="没有更多了" @load="onLoad">
               <div class="list" v-for="item in historyList" :key="item.id" @click="$router.push({path:'/consultation/details',query:{id:item.id}})">
                 <div class="img">
-                  <van-image fit="scale-down" :src="getpics(item.pics)" alt="" />
+                  <van-image fit="scale-down" lazy-load :src="getpics(item.pics)" alt="" />
                 </div>
                 <div class="text">
                   <p class="title">会商议题:{{item.name}}</p>
@@ -28,7 +28,7 @@
       <van-list v-model="loading" :immediate-check="false" :finished="finished" finished-text="没有更多了" @load="onLoad">
         <div class="list" v-for="item in historyList" :key="item.id" @click="$router.push({path:'/consultation/details',query:{id:item.id}})">
           <div class="img">
-            <van-image fit="cover" :src="getpics(item.pics)" alt="" />
+            <van-image lazy-load fit="cover" :src="getpics(item.pics)" alt="" />
           </div>
           <div class="text">
             <p class="title">会商议题:{{item.name}}</p>

+ 1 - 1
src/views/weibao/views/followUp/addfollow.vue

@@ -223,7 +223,7 @@ export default {
       this.form.followDate = this.timeFormat(v)
       this.show = false
     },
-    async saveFollowUp(values) {
+    async saveFollowUp() {
       if (this.pics.length == 0) {
         this.$toast.fail('请选择至少一张图片')
         return

+ 1 - 1
src/views/weibao/views/followUp/details.vue

@@ -42,7 +42,7 @@
         <p>照片:</p>
         <div class="boximg">
           <div v-for="(item,index) in pics" :key="index">
-            <van-image fit="contain" :src="item" alt="" @click="showPopup" />
+            <van-image lazy-load fit="contain" :src="item" alt="" @click="showPopup" />
           </div>
         </div>
         <van-image-preview v-model="show" :images="pics"></van-image-preview>

+ 1 - 1
src/views/weibao/views/loveHelp/details.vue

@@ -94,7 +94,7 @@
             <p>照片:</p>
             <div class="boximg">
               <div v-for="(item,index) in pics" :key="index">
-                <van-image fit="contain" :src="item" alt="" @click="showPopup" />
+                <van-image lazy-load fit="contain" :src="item" alt="" @click="showPopup" />
               </div>
             </div>
             <van-image-preview v-model="show" :images="pics"></van-image-preview>

+ 1 - 1
src/views/weibao/views/loveHelp/index.vue

@@ -14,7 +14,7 @@
     <van-list v-model="loading" :finished="finished" :immediate-check="false" finished-text="没有更多了" @load="onLoad">
       <div class="list" v-for="item in dataList" :key="item.id" @click="$router.push({path:'/loveHelp/details',query:{id:item.id,orgId:item.orgId}})">
         <div class="img">
-          <van-image fit="cover" :src="getpics(item.pics)" alt="" />
+          <van-image lazy-load fit="cover" :src="getpics(item.pics)" alt="" />
         </div>
         <div class="text">
           <p class="title">{{item.name}}</p>

+ 1 - 1
src/views/weibao/views/reporting/details.vue

@@ -35,7 +35,7 @@
           <p>照片:</p>
           <div class="boximg">
             <div v-for="(item,index) in pics" :key="index">
-              <van-image fit="contain" :src="item" alt="" @click="show=true" />
+              <van-image lazy-load fit="contain" :src="item" alt="" @click="show=true" />
             </div>
           </div>
           <van-image-preview v-model="show" :images="pics"></van-image-preview>

+ 2 - 2
src/views/weibao/views/reporting/index.vue

@@ -11,7 +11,7 @@
             <van-list v-model="loading" :immediate-check="false" :finished="finished" finished-text="没有更多了" @load="onLoad">
               <div class="list" v-for="item in historyList" :key="item.id" @click="$router.push({path:'/reporting/details',query:{id:item.id}})">
                 <div class="img">
-                  <van-image fit="cover" :src="getpics(item.pics)" alt="" />
+                  <van-image lazy-load fit="cover" :src="getpics(item.pics)" alt="" />
                 </div>
                 <div class="text">
                   <p class="title">报告事件:{{item.event}}</p>
@@ -29,7 +29,7 @@
       <van-list v-model="loading" :immediate-check="false" :finished="finished" finished-text="没有更多了" @load="onLoad">
         <div class="list" v-for="item in historyList" :key="item.id" @click="$router.push({path:'/reporting/details',query:{id:item.id}})">
           <div class="img">
-            <van-image fit="cover" :src="getpics(item.appendFile)" alt="" />
+            <van-image lazy-load fit="cover" :src="getpics(item.appendFile)" alt="" />
           </div>
           <div class="text">
             <p class="title">报告事件:{{item.event}}</p>

+ 1 - 1
src/views/weibao/views/specialServices/details.vue

@@ -49,7 +49,7 @@
           <p>照片:</p>
           <div class="boximg">
             <div v-for="(item,index) in imgUrl" :key="index">
-              <van-image fit="contain" :src="item" alt="" @click="showPopup" />
+              <van-image lazy-load fit="contain" :src="item" alt="" @click="showPopup" />
             </div>
           </div>
           <van-image-preview v-model="show" :images="imgUrl"></van-image-preview>

+ 1 - 1
src/views/weibao/views/specialServices/serviceComplete.vue

@@ -2,7 +2,7 @@
   <div :class="roleIdStr==21?'div' :''">
     <div class="list" v-for="item in historyList" :key="item.id" @click="$router.push({path:'/specialServices/details',query:{id:item.historyId}})">
       <div class="img">
-        <van-image fit="cover" :src="getpics(item.imgUrl)" alt="" />
+        <van-image lazy-load fit="cover" :src="getpics(item.imgUrl)" alt="" />
       </div>
       <div class="text">
         <div class="num title">