细节优化调整

@@ -2,7 +2,11 @@
   <div class="book-item van-hairline--bottom" @click="handle">
     <van-row>
       <van-col span="8">
-        <van-image width="7rem" height="7rem" :src="item.cover" style="text-align: center;" />
+        <van-image width="7rem" height="7rem" :src="item.cover" lazy-load style="text-align: center;">
+          <template #:loading>
+            <van-loading type="spinner" size="20" />
+          </template>
+        </van-image>
       </van-col>
       <van-col class="wrapper" span="16">
         <p class="title van-multi-ellipsis--l2">{{ item.name }}</p>

@@ -2,7 +2,7 @@
  * @Author: hookehuyr hookehuyr@gmail.com
  * @Date: 2022-05-30 10:20:34
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2022-06-01 21:40:50
+ * @LastEditTime: 2022-06-02 11:08:29
  * @FilePath: /tswj/src/components/RankingList/index.vue
 -->
 <template>
@@ -16,7 +16,7 @@
         </div>
         <div v-else class="text">{{ indexKey + 1 }}</div>
       </van-col>
-      <van-col span="18" style="padding: 1rem 0.5rem 1rem 0;">
+      <van-col span="17" style="padding: 1rem 0.5rem 1rem 0;">
         <div :class="[rankInfo.multi_name ? 'height6rem' : 'height3rem', 'kg-name']" @click="go('/client/chooseBook', { kg_id: rankInfo.id })">
           <van-row align="center" justify="center" style="position: relative; top: 50%; transform: translateY(-50%);">
             <van-col span="4">
@@ -34,7 +34,7 @@
           </van-row>
         </div>
       </van-col>
-      <van-col span="2">
+      <van-col span="5">
         <div class="flower" @click="go('/client/donateList', { kg_id: rankInfo.id })">
           <van-icon :name="icon_flower" color="#c5c5c5" size="1.25rem" style="vertical-align: bottom;" />&nbsp;{{ rankInfo.qty }}
         </div>