From c02e7a8fe42de2a5796e95e573f9e6b6735e4d0d Mon Sep 17 00:00:00 2001
From: zhengyiming <540361168@qq.com>
Date: 星期二, 25 三月 2025 17:06:43 +0800
Subject: [PATCH] fix: 四期需求
---
packages/components/src/views/RechargeGrid/RechargeGrid.vue | 18 +++++++++++++++---
1 files changed, 15 insertions(+), 3 deletions(-)
diff --git a/packages/components/src/views/RechargeGrid/RechargeGrid.vue b/packages/components/src/views/RechargeGrid/RechargeGrid.vue
index b9105ce..705f3af 100644
--- a/packages/components/src/views/RechargeGrid/RechargeGrid.vue
+++ b/packages/components/src/views/RechargeGrid/RechargeGrid.vue
@@ -2,11 +2,17 @@
<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" />
+ <div class="discountTag">{{ lifePayPhoneRate }}鎶�</div>
</GridItem>
<GridItem class="recharge-grid-item" text="鐢佃垂" @click="emit('electricityBillRecharge')">
- <Dongdong />
+ <img :src="IconFreeDian" class="recharge-grid-item-icon" />
+ <div class="discountTag">{{ lifePayElectricRate }}鎶�</div>
</GridItem>
+ <!-- <GridItem class="recharge-grid-item" text="鐕冩皵" @click="emit('gasBillRecharge')">
+ <img :src="IconFreeGas" class="recharge-grid-item-icon" />
+ <div class="discountTag">{{ lifePayGasRate }}鎶�</div>
+ </GridItem> -->
</Grid>
</MainCell>
</template>
@@ -14,7 +20,10 @@
<script setup lang="ts">
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';
+import IconFreeGas from '../../assets/icon-free-gas.png';
+import { useGetRate } from '../../hooks';
defineOptions({
name: 'RechargeGrid',
@@ -27,5 +36,8 @@
const emit = defineEmits<{
(e: 'phoneBillRecharge'): void;
(e: 'electricityBillRecharge'): void;
+ (e: 'gasBillRecharge'): void;
}>();
+
+const { lifePayPhoneRate, lifePayElectricRate, lifePayGasRate } = useGetRate();
</script>
--
Gitblit v1.9.1