Hooke / tswj

Go to a project
Toggle navigation Toggle navigation pinning
hookehuyr
4e8cc25d 1 parent 45ee527f

✨ feat: 去掉图片 lazy-load 属性，可能图片读不出来

Inline Side-by-side
Showing 7 changed files with 15 additions and 7 deletions
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
2 <div class="book-item van-hairline--bottom" @click="handle"> 2 <div class="book-item van-hairline--bottom" @click="handle">
3 <van-row> 3 <van-row>
4 <van-col span="8"> 4 <van-col span="8">
5 - <van-image width="7rem" height="7rem" :src="item.cover" fit="contain" lazy-load style="text-align: center;"> 5 + <van-image width="7rem" height="7rem" :src="item.cover" fit="contain" style="text-align: center;">
6 <template #loading> 6 <template #loading>
7 <van-loading type="spinner" size="20" /> 7 <van-loading type="spinner" size="20" />
8 </template> 8 </template>
......
1 <template> 1 <template>
2 <div class="wrapper"> 2 <div class="wrapper">
3 <div class="w-image"> 3 <div class="w-image">
4 - <van-image class="van-hairline--surround avatar" round lazy-load :src="avatar ? avatar : icon_avatar"> 4 + <van-image class="van-hairline--surround avatar" round :src="avatar ? avatar : icon_avatar">
5 <template #error>加载失败</template> 5 <template #error>加载失败</template>
6 </van-image> 6 </van-image>
7 </div> 7 </div>
......
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
4 <div class="belong-school"> 4 <div class="belong-school">
5 <van-row align="center" justify="center" style="position: relative; top: 50%; transform: translateY(-50%);"> 5 <van-row align="center" justify="center" style="position: relative; top: 50%; transform: translateY(-50%);">
6 <van-col span="2"> 6 <van-col span="2">
7 - <van-image round width="3rem" height="3rem" lazy-load :src="kgInfo.logo ? kgInfo.logo : icon_logo" 7 + <van-image round width="3rem" height="3rem" :src="kgInfo.logo ? kgInfo.logo : icon_logo"
8 style="vertical-align: text-bottom;" /> 8 style="vertical-align: text-bottom;" />
9 </van-col> 9 </van-col>
10 <van-col span="22"> 10 <van-col span="22">
......
1 +<!--
2 + * @Author: hookehuyr hookehuyr@gmail.com
3 + * @Date: 2022-05-21 09:35:14
4 + * @LastEditors: hookehuyr hookehuyr@gmail.com
5 + * @LastEditTime: 2022-06-09 14:55:26
6 + * @FilePath: /tswj/src/views/client/bookDetail.vue
7 + * @Description:
8 +-->
1 <template> 9 <template>
2 <div class="book-detail-page content-bg"> 10 <div class="book-detail-page content-bg">
3 <div class="modify-top" /> 11 <div class="modify-top" />
4 <div style="height: 1.5rem;" /> 12 <div style="height: 1.5rem;" />
5 <div class="book-detail"> 13 <div class="book-detail">
6 <div style="text-align: center;"> 14 <div style="text-align: center;">
7 - <van-image width="220" height="220" fit="contain" lazy-load :src="bookInfo.cover" /> 15 + <van-image width="220" height="220" fit="contain" :src="bookInfo.cover" />
8 </div> 16 </div>
9 <div class="book-intro"> 17 <div class="book-intro">
10 <p class="book-post">{{ bookInfo.name }}</p> 18 <p class="book-post">{{ bookInfo.name }}</p>
......
...@@ -5,7 +5,7 @@ ...@@ -5,7 +5,7 @@
5 <div v-if="kg_id" :class="[kgInfo.multi_name ? 'height3rem' : 'height3rem', 'belong-school']"> 5 <div v-if="kg_id" :class="[kgInfo.multi_name ? 'height3rem' : 'height3rem', 'belong-school']">
6 <van-row align="center" justify="center" style="position: relative; top: 50%; transform: translateY(-50%)"> 6 <van-row align="center" justify="center" style="position: relative; top: 50%; transform: translateY(-50%)">
7 <van-col span="2"> 7 <van-col span="2">
8 - <van-image round width="3rem" height="3rem" lazy-load :src="kgInfo.logo ? kgInfo.logo : icon_logo" 8 + <van-image round width="3rem" height="3rem" :src="kgInfo.logo ? kgInfo.logo : icon_logo"
9 style="vertical-align: text-bottom" /> 9 style="vertical-align: text-bottom" />
10 </van-col> 10 </van-col>
11 <van-col span="22"> 11 <van-col span="22">
......
...@@ -27,7 +27,7 @@ ...@@ -27,7 +27,7 @@
27 <div style="padding: 1rem; background-color: #F7F7F7;" @click="onClick(item)"> 27 <div style="padding: 1rem; background-color: #F7F7F7;" @click="onClick(item)">
28 <van-row> 28 <van-row>
29 <van-col span="8" style="position: relative;"> 29 <van-col span="8" style="position: relative;">
30 - <van-image width="8rem" height="5rem" fit="cover" lazy-load :src="item.cover" 30 + <van-image width="8rem" height="5rem" fit="cover" :src="item.cover"
31 style="vertical-align: text-bottom;"> 31 style="vertical-align: text-bottom;">
32 <template #error>加载失败</template> 32 <template #error>加载失败</template>
33 </van-image> 33 </van-image>
......
...@@ -29,7 +29,7 @@ ...@@ -29,7 +29,7 @@
29 <div class="raw-ref" @click="goToVideoDetail(item)"> 29 <div class="raw-ref" @click="goToVideoDetail(item)">
30 <van-row> 30 <van-row>
31 <van-col span="8" class="image"> 31 <van-col span="8" class="image">
32 - <van-image width="8rem" height="5rem" fit="cover" lazy-load :src="item.cover" 32 + <van-image width="8rem" height="5rem" fit="cover" :src="item.cover"
33 style="vertical-align: text-bottom;"> 33 style="vertical-align: text-bottom;">
34 <template #error>加载失败</template> 34 <template #error>加载失败</template>
35 </van-image> 35 </van-image>
......