From 95dc61cc00f7249c7b552932a95c9c854514bbf5 Mon Sep 17 00:00:00 2001 From: zhengyiming <540361168@qq.com> Date: 星期五, 21 二月 2025 14:07:04 +0800 Subject: [PATCH] fix: 页面 --- packages/components/assets/icon-free-dian.png | 0 packages/components/assets/icon-free-phone.png | 0 packages/components/src/styles/rechargeGrid.scss | 5 +++++ packages/components/src/views/RechargeGrid/RechargeGrid.vue | 6 ++++-- 4 files changed, 9 insertions(+), 2 deletions(-) diff --git a/packages/components/assets/icon-free-dian.png b/packages/components/assets/icon-free-dian.png new file mode 100644 index 0000000..a8f48ec --- /dev/null +++ b/packages/components/assets/icon-free-dian.png Binary files differ diff --git a/packages/components/assets/icon-free-phone.png b/packages/components/assets/icon-free-phone.png index b98d1f8..4b262e2 100644 --- a/packages/components/assets/icon-free-phone.png +++ b/packages/components/assets/icon-free-phone.png Binary files differ diff --git a/packages/components/src/styles/rechargeGrid.scss b/packages/components/src/styles/rechargeGrid.scss index 1099404..dffc078 100644 --- a/packages/components/src/styles/rechargeGrid.scss +++ b/packages/components/src/styles/rechargeGrid.scss @@ -10,6 +10,11 @@ font-size: 18px; color: boleGetCssVar('text-color', 'primary'); } + + .recharge-grid-item-icon { + width: 32px; + height: 32px; + } } } diff --git a/packages/components/src/views/RechargeGrid/RechargeGrid.vue b/packages/components/src/views/RechargeGrid/RechargeGrid.vue index b9105ce..93d9cf3 100644 --- a/packages/components/src/views/RechargeGrid/RechargeGrid.vue +++ b/packages/components/src/views/RechargeGrid/RechargeGrid.vue @@ -2,10 +2,10 @@ <MainCell title="鐢熸椿缂磋垂"> <Grid square :gutter="20" :column-num="2" class="recharge-grid-wrapper"> <GridItem class="recharge-grid-item" text="璇濊垂" @click="emit('phoneBillRecharge')"> - <Dongdong /> + <img :src="IconFreePhone" class="recharge-grid-item-icon" /> </GridItem> <GridItem class="recharge-grid-item" text="鐢佃垂" @click="emit('electricityBillRecharge')"> - <Dongdong /> + <img :src="IconFreeDian" class="recharge-grid-item-icon" /> </GridItem> </Grid> </MainCell> @@ -15,6 +15,8 @@ import MainCell from '../../components/Layout/MainCell.vue'; import { Grid, GridItem } from '@nutui/nutui-taro'; import { Dongdong } from '@nutui/icons-vue-taro'; +import IconFreePhone from '../../../assets/icon-free-phone.png'; +import IconFreeDian from '../../../assets/icon-free-dian.png'; defineOptions({ name: 'RechargeGrid', -- Gitblit v1.9.1