Hooke / tswj

Go to a project
Toggle navigation Toggle navigation pinning
hookehuyr
ba1b27a0 1 parent 1f955c35

细节优化调整

Inline Side-by-side
Showing 2 changed files with 8 additions and 4 deletions
...@@ -2,7 +2,11 @@ ...@@ -2,7 +2,11 @@
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" style="text-align: center;" /> 5 + <van-image width="7rem" height="7rem" :src="item.cover" lazy-load style="text-align: center;">
6 + <template #:loading>
7 + <van-loading type="spinner" size="20" />
8 + </template>
9 + </van-image>
6 </van-col> 10 </van-col>
7 <van-col class="wrapper" span="16"> 11 <van-col class="wrapper" span="16">
8 <p class="title van-multi-ellipsis--l2">{{ item.name }}</p> 12 <p class="title van-multi-ellipsis--l2">{{ item.name }}</p>
......
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
2 * @Author: hookehuyr hookehuyr@gmail.com 2 * @Author: hookehuyr hookehuyr@gmail.com
3 * @Date: 2022-05-30 10:20:34 3 * @Date: 2022-05-30 10:20:34
4 * @LastEditors: hookehuyr hookehuyr@gmail.com 4 * @LastEditors: hookehuyr hookehuyr@gmail.com
5 - * @LastEditTime: 2022-06-01 21:40:50 5 + * @LastEditTime: 2022-06-02 11:08:29
6 * @FilePath: /tswj/src/components/RankingList/index.vue 6 * @FilePath: /tswj/src/components/RankingList/index.vue
7 --> 7 -->
8 <template> 8 <template>
...@@ -16,7 +16,7 @@ ...@@ -16,7 +16,7 @@
16 </div> 16 </div>
17 <div v-else class="text">{{ indexKey + 1 }}</div> 17 <div v-else class="text">{{ indexKey + 1 }}</div>
18 </van-col> 18 </van-col>
19 - <van-col span="18" style="padding: 1rem 0.5rem 1rem 0;"> 19 + <van-col span="17" style="padding: 1rem 0.5rem 1rem 0;">
20 <div :class="[rankInfo.multi_name ? 'height6rem' : 'height3rem', 'kg-name']" @click="go('/client/chooseBook', { kg_id: rankInfo.id })"> 20 <div :class="[rankInfo.multi_name ? 'height6rem' : 'height3rem', 'kg-name']" @click="go('/client/chooseBook', { kg_id: rankInfo.id })">
21 <van-row align="center" justify="center" style="position: relative; top: 50%; transform: translateY(-50%);"> 21 <van-row align="center" justify="center" style="position: relative; top: 50%; transform: translateY(-50%);">
22 <van-col span="4"> 22 <van-col span="4">
...@@ -34,7 +34,7 @@ ...@@ -34,7 +34,7 @@
34 </van-row> 34 </van-row>
35 </div> 35 </div>
36 </van-col> 36 </van-col>
37 - <van-col span="2"> 37 + <van-col span="5">
38 <div class="flower" @click="go('/client/donateList', { kg_id: rankInfo.id })"> 38 <div class="flower" @click="go('/client/donateList', { kg_id: rankInfo.id })">
39 <van-icon :name="icon_flower" color="#c5c5c5" size="1.25rem" style="vertical-align: bottom;" />&nbsp;{{ rankInfo.qty }} 39 <van-icon :name="icon_flower" color="#c5c5c5" size="1.25rem" style="vertical-align: bottom;" />&nbsp;{{ rankInfo.qty }}
40 </div> 40 </div>
......