🌈 style: 图片显示样式调整，列表文字占位长度调整

@@ -2,7 +2,7 @@
   <div class="book-item van-hairline--bottom" @click="handle">
   <div class="book-item van-hairline--bottom" @click="handle">
     <van-row>
     <van-row>
       <van-col span="8">
       <van-col span="8">
-        <van-image width="7rem" height="7rem" :src="item.cover" lazy-load style="text-align: center;">
+        <van-image width="7rem" height="7rem" :src="item.cover" fit="contain" lazy-load style="text-align: center;">
           <template #:loading>
           <template #:loading>
             <van-loading type="spinner" size="20" />
             <van-loading type="spinner" size="20" />
           </template>
           </template>

@@ -4,7 +4,7 @@
     <div style="height: 1.5rem;" />
     <div style="height: 1.5rem;" />
     <div class="book-detail">
     <div class="book-detail">
       <div style="text-align: center;">
       <div style="text-align: center;">
-        <van-image width="220" height="220" :src="bookInfo.cover" />
+        <van-image width="220" height="220" fit="contain" lazy-load :src="bookInfo.cover" />
       </div>
       </div>
       <div class="book-intro">
       <div class="book-intro">
         <p class="book-post">{{ bookInfo.name }}</p>
         <p class="book-post">{{ bookInfo.name }}</p>

@@ -2,18 +2,18 @@
  * @Author: hookehuyr hookehuyr@gmail.com
  * @Author: hookehuyr hookehuyr@gmail.com
  * @Date: 2022-05-30 13:51:47
  * @Date: 2022-05-30 13:51:47
  * @LastEditors: hookehuyr hookehuyr@gmail.com
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2022-06-01 15:47:05
+ * @LastEditTime: 2022-06-02 16:24:30
  * @FilePath: /tswj/src/views/client/donateList.vue
  * @FilePath: /tswj/src/views/client/donateList.vue
  * @Description: 幼儿园儿童捐赠金额排行榜
  * @Description: 幼儿园儿童捐赠金额排行榜
 -->
 -->
 <template>
 <template>
   <div class="wrapper">
   <div class="wrapper">
     <van-row>
     <van-row>
-      <van-col span="20" style="padding: 1rem 0.5rem 1rem 0;">
+      <van-col span="19" style="padding: 1rem 0.5rem 1rem 0;">
         <div :class="[kgInfo.multi_name ? 'heightHigh' : 'heightLow', 'kg-name']">
         <div :class="[kgInfo.multi_name ? 'heightHigh' : 'heightLow', 'kg-name']">
           <van-row align="center" justify="center" style="position: relative; top: 50%; transform: translateY(-50%);">
           <van-row align="center" justify="center" style="position: relative; top: 50%; transform: translateY(-50%);">
             <van-col span="4">
             <van-col span="4">
-              <van-image round width="4rem" height="4rem" :src="kgInfo.kg_logo ? kgInfo.kg_logo : icon_logo" style="vertical-align: text-bottom;" />
+              <van-image round width="3.5rem" height="3.5rem" :src="kgInfo.kg_logo ? kgInfo.kg_logo : icon_logo" style="vertical-align: text-bottom;" />
             </van-col>
             </van-col>
             <van-col span="20">
             <van-col span="20">
               <div v-if="kgInfo.multi_name" style="margin-left: 1.5rem;">
               <div v-if="kgInfo.multi_name" style="margin-left: 1.5rem;">
@@ -27,9 +27,9 @@
           </van-row>
           </van-row>
         </div>
         </div>
       </van-col>
       </van-col>
-      <van-col span="4">
+      <van-col span="5">
         <div class="flower">
         <div class="flower">
-          <van-icon :name="icon_flower" color="#c5c5c5" size="1.5rem" style="vertical-align: bottom;" />&nbsp;3000
+          <van-icon :name="icon_flower" color="#c5c5c5" size="1.25rem" style="vertical-align: bottom;" />&nbsp;{{ kgInfo.kg_total }}
         </div>
         </div>
       </van-col>
       </van-col>
     </van-row>
     </van-row>
@@ -118,7 +118,7 @@ const onLoad = async () => {
 <style lang="less" scoped>
 <style lang="less" scoped>
 .wrapper {
 .wrapper {
   padding-left: 0.5rem;
   padding-left: 0.5rem;
-  padding-right: 1rem;
+  padding-right: 0.5rem;
   background-color: #F7F7F7;
   background-color: #F7F7F7;
   position: relative;
   position: relative;
 
 
@@ -143,6 +143,7 @@ const onLoad = async () => {
     text-align: center;
     text-align: center;
     position: absolute;
     position: absolute;
     top: 40%;
     top: 40%;
+    right: 0.5rem;
     color: #713610;
     color: #713610;
     font-size: 1.25rem;
     font-size: 1.25rem;
   }
   }