✨ feat(我的捐赠页面): 显示内容调整，只显示捐赠证书

@@ -11,40 +11,14 @@
         </van-col>
         <van-col class="book" span="11">
           <p>捐赠次数</p>
-          <!-- TODO:  捐赠次数数据联调-->
           <p>{{ donateInfo.num ? donateInfo.num : 0 }}&nbsp;次</p>
         </van-col>
       </van-row>
     </div>
 
     <div class="donate-book-wrapper">
-      <template v-for="(item, key) in dataList" :key="key">
-        <div class="book-row">
-          <van-row>
-            <van-col v-for="(v, index) in item" :key="index" span="8" class="book-col">
-              <div v-if="v.is_donate" class="ENABLE" @click="showCert(v)">
-                <van-image width="90%" height="7rem" :src="v.cover" />
-              </div>
-              <div v-else class="DISABLE">
-                <van-image width="90%" height="7rem" :src="v.cover" />
-                <div class="mask">
-                  <img :src="icon_lock">
-                </div>
-              </div>
-              <!-- <p class="van-ellipsis text">{{ v.name }}</p> -->
-              <p class="text">{{ v.name }}</p>
-            </van-col>
-          </van-row>
-        </div>
-      </template>
-    </div>
-    <van-empty v-if="!dataList.length" class="custom-image" :image="no_image" description="暂无捐赠信息" />
-  </div>
-  <!-- TODO: 需要改造显示方式 -->
-  <van-overlay :show="show" @click="onHide">
-    <div style="width: auto; height: 100%; margin: 2rem 2rem 0 2rem; overflow: hidden;">
       <van-swipe ref="swipe" class="my-swipe">
-        <van-swipe-item v-for="(d, k) in certItems" :key="k">
+        <van-swipe-item v-for="(d, k) in dataList" :key="k">
           <donate-cert :item="d" />
           <div style="height: 2rem;" />
         </van-swipe-item>
@@ -53,7 +27,8 @@
         </template>
       </van-swipe>
     </div>
-  </van-overlay>
+    <van-empty v-if="!dataList.length" class="custom-image" :image="no_image" description="暂无捐赠信息" />
+  </div>
 </template>
 
 <script setup>
@@ -78,7 +53,7 @@ axios.post('/srv/?a=my_donate')
   .then(res => {
     if (res.data.code === 1) {
       donateInfo.value = res.data.data;
-      dataList.value = _.chunk(res.data.data.book, 3);
+      dataList.value = res.data.data.donate_list;
     } else {
       console.warn(res);
       if (!res.data.show) return false;
@@ -172,7 +147,7 @@ watch(show, (v) => {
   }
 
   .donate-book-wrapper {
-    padding: 0 1rem;
+    padding: 1rem;
 
     .book-row {
       margin: 1rem 0;
@@ -221,8 +196,8 @@ watch(show, (v) => {
   position: absolute;
   bottom: 5px;
   padding: 2px 5px;
-  font-size: 12px;
-  color: #FFFFFF;
+  font-size: 1rem;
+  color: #999999;
   text-align: center;
   width: 100%;
 }