hookehuyr

✨ feat(小红花数量显示组件): 样式调整优化

1 <!-- 1 <!--
2 * @Date: 2022-06-25 03:29:05 2 * @Date: 2022-06-25 03:29:05
3 * @LastEditors: hookehuyr hookehuyr@gmail.com 3 * @LastEditors: hookehuyr hookehuyr@gmail.com
4 - * @LastEditTime: 2022-06-25 11:04:16 4 + * @LastEditTime: 2022-06-25 11:19:40
5 * @FilePath: /tswj/src/components/FlowerIcon/index.vue 5 * @FilePath: /tswj/src/components/FlowerIcon/index.vue
6 * @Description: 文件描述 6 * @Description: 文件描述
7 --> 7 -->
8 <template> 8 <template>
9 - <div v-if="type === 'center'" class="global-center" style="color: #222222;" @click="goTo"> 9 + <div :class="[type === 'center' ? 'global-center' : 'flower']" @click="goTo">
10 - <van-icon :name="icon_flower" color="#c5c5c5" size="1.25rem" :style="{ verticalAlign: align }" />
11 - <span :style="{ color, fontSize }">&nbsp;{{ qty }}</span>
12 - </div>
13 - <div v-if="type === 'right'" class="flower" @click="goTo">
14 <van-icon :name="icon_flower" color="#c5c5c5" size="1.25rem" :style="{ verticalAlign: align }" /> 10 <van-icon :name="icon_flower" color="#c5c5c5" size="1.25rem" :style="{ verticalAlign: align }" />
15 <span :style="{ color, fontSize }">&nbsp;{{ qty }}</span> 11 <span :style="{ color, fontSize }">&nbsp;{{ qty }}</span>
16 </div> 12 </div>
......
...@@ -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 13:51:47 3 * @Date: 2022-05-30 13:51:47
4 * @LastEditors: hookehuyr hookehuyr@gmail.com 4 * @LastEditors: hookehuyr hookehuyr@gmail.com
5 - * @LastEditTime: 2022-06-25 11:07:55 5 + * @LastEditTime: 2022-06-25 11:16:11
6 * @FilePath: /tswj/src/views/client/donateList.vue 6 * @FilePath: /tswj/src/views/client/donateList.vue
7 * @Description: 幼儿园捐赠人捐赠金额排行榜 7 * @Description: 幼儿园捐赠人捐赠金额排行榜
8 --> 8 -->
...@@ -29,7 +29,7 @@ ...@@ -29,7 +29,7 @@
29 </div> 29 </div>
30 </van-col> 30 </van-col>
31 <van-col> 31 <van-col>
32 - <flower-icon type="center" :qty="kgInfo.kg_total" align="bottom" font-size="1.25rem" /> 32 + <flower-icon type="center" :qty="kgInfo.kg_total" align="bottom" font-size="1.25rem" color="#713610" />
33 </van-col> 33 </van-col>
34 </van-row> 34 </van-row>
35 </div> 35 </div>
......
...@@ -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 13:51:47 3 * @Date: 2022-05-30 13:51:47
4 * @LastEditors: hookehuyr hookehuyr@gmail.com 4 * @LastEditors: hookehuyr hookehuyr@gmail.com
5 - * @LastEditTime: 2022-06-25 11:07:44 5 + * @LastEditTime: 2022-06-25 11:17:07
6 * @FilePath: /tswj/src/views/client/rankList.vue 6 * @FilePath: /tswj/src/views/client/rankList.vue
7 * @Description: 幼儿园儿童捐赠金额排行榜 7 * @Description: 幼儿园儿童捐赠金额排行榜
8 --> 8 -->
...@@ -27,7 +27,7 @@ ...@@ -27,7 +27,7 @@
27 </div> 27 </div>
28 </van-col> 28 </van-col>
29 <van-col> 29 <van-col>
30 - <flower-icon type="center" :qty="kgInfo.kg_total" align="bottom" font-size="1.25rem" /> 30 + <flower-icon type="center" :qty="kgInfo.kg_total" align="bottom" font-size="1.25rem" color="#713610" />
31 </van-col> 31 </van-col>
32 </van-row> 32 </van-row>
33 </div> 33 </div>
......