hookehuyr

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

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