hookehuyr

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

...@@ -11,40 +11,14 @@ ...@@ -11,40 +11,14 @@
11 </van-col> 11 </van-col>
12 <van-col class="book" span="11"> 12 <van-col class="book" span="11">
13 <p>捐赠次数</p> 13 <p>捐赠次数</p>
14 - <!-- TODO: 捐赠次数数据联调-->
15 <p>{{ donateInfo.num ? donateInfo.num : 0 }}&nbsp;次</p> 14 <p>{{ donateInfo.num ? donateInfo.num : 0 }}&nbsp;次</p>
16 </van-col> 15 </van-col>
17 </van-row> 16 </van-row>
18 </div> 17 </div>
19 18
20 <div class="donate-book-wrapper"> 19 <div class="donate-book-wrapper">
21 - <template v-for="(item, key) in dataList" :key="key">
22 - <div class="book-row">
23 - <van-row>
24 - <van-col v-for="(v, index) in item" :key="index" span="8" class="book-col">
25 - <div v-if="v.is_donate" class="ENABLE" @click="showCert(v)">
26 - <van-image width="90%" height="7rem" :src="v.cover" />
27 - </div>
28 - <div v-else class="DISABLE">
29 - <van-image width="90%" height="7rem" :src="v.cover" />
30 - <div class="mask">
31 - <img :src="icon_lock">
32 - </div>
33 - </div>
34 - <!-- <p class="van-ellipsis text">{{ v.name }}</p> -->
35 - <p class="text">{{ v.name }}</p>
36 - </van-col>
37 - </van-row>
38 - </div>
39 - </template>
40 - </div>
41 - <van-empty v-if="!dataList.length" class="custom-image" :image="no_image" description="暂无捐赠信息" />
42 - </div>
43 - <!-- TODO: 需要改造显示方式 -->
44 - <van-overlay :show="show" @click="onHide">
45 - <div style="width: auto; height: 100%; margin: 2rem 2rem 0 2rem; overflow: hidden;">
46 <van-swipe ref="swipe" class="my-swipe"> 20 <van-swipe ref="swipe" class="my-swipe">
47 - <van-swipe-item v-for="(d, k) in certItems" :key="k"> 21 + <van-swipe-item v-for="(d, k) in dataList" :key="k">
48 <donate-cert :item="d" /> 22 <donate-cert :item="d" />
49 <div style="height: 2rem;" /> 23 <div style="height: 2rem;" />
50 </van-swipe-item> 24 </van-swipe-item>
...@@ -53,7 +27,8 @@ ...@@ -53,7 +27,8 @@
53 </template> 27 </template>
54 </van-swipe> 28 </van-swipe>
55 </div> 29 </div>
56 - </van-overlay> 30 + <van-empty v-if="!dataList.length" class="custom-image" :image="no_image" description="暂无捐赠信息" />
31 + </div>
57 </template> 32 </template>
58 33
59 <script setup> 34 <script setup>
...@@ -78,7 +53,7 @@ axios.post('/srv/?a=my_donate') ...@@ -78,7 +53,7 @@ axios.post('/srv/?a=my_donate')
78 .then(res => { 53 .then(res => {
79 if (res.data.code === 1) { 54 if (res.data.code === 1) {
80 donateInfo.value = res.data.data; 55 donateInfo.value = res.data.data;
81 - dataList.value = _.chunk(res.data.data.book, 3); 56 + dataList.value = res.data.data.donate_list;
82 } else { 57 } else {
83 console.warn(res); 58 console.warn(res);
84 if (!res.data.show) return false; 59 if (!res.data.show) return false;
...@@ -172,7 +147,7 @@ watch(show, (v) => { ...@@ -172,7 +147,7 @@ watch(show, (v) => {
172 } 147 }
173 148
174 .donate-book-wrapper { 149 .donate-book-wrapper {
175 - padding: 0 1rem; 150 + padding: 1rem;
176 151
177 .book-row { 152 .book-row {
178 margin: 1rem 0; 153 margin: 1rem 0;
...@@ -221,8 +196,8 @@ watch(show, (v) => { ...@@ -221,8 +196,8 @@ watch(show, (v) => {
221 position: absolute; 196 position: absolute;
222 bottom: 5px; 197 bottom: 5px;
223 padding: 2px 5px; 198 padding: 2px 5px;
224 - font-size: 12px; 199 + font-size: 1rem;
225 - color: #FFFFFF; 200 + color: #999999;
226 text-align: center; 201 text-align: center;
227 width: 100%; 202 width: 100%;
228 } 203 }
......