From 1910e9f27373b8b4da75f076762025ceb3419965 Mon Sep 17 00:00:00 2001
From: zhengyiming <540361168@qq.com>
Date: 星期四, 12 六月 2025 15:40:50 +0800
Subject: [PATCH] fix: 暂时隐藏电信充值通道
---
packages/components/src/views/RechargeGrid/RechargeGrid.vue | 41 ++++++++++++++++++++++++++++++++++++-----
1 files changed, 36 insertions(+), 5 deletions(-)
diff --git a/packages/components/src/views/RechargeGrid/RechargeGrid.vue b/packages/components/src/views/RechargeGrid/RechargeGrid.vue
index 6cfba46..f26bc05 100644
--- a/packages/components/src/views/RechargeGrid/RechargeGrid.vue
+++ b/packages/components/src/views/RechargeGrid/RechargeGrid.vue
@@ -1,8 +1,35 @@
<template>
- <div>RechargeGrid</div>
+ <MainCell title="蹇�熺即璐�">
+ <div class="recharge-list-wrapper">
+ <div class="recharge-list-item" @click="emit('phoneBillRecharge')">
+ <img :src="OssAssets.home.FreePhone" class="recharge-list-item-icon" />
+ <div class="recharge-list-item-text">璇濊垂</div>
+ <NutButton type="primary" class="recharge-list-item-button">绔嬪嵆缂磋垂</NutButton>
+ <div class="discountTag" v-if="lifePayPhoneRate > 0">{{ lifePayPhoneRate }}鎶�</div>
+ </div>
+ <div class="recharge-list-item" @click="emit('electricityBillRecharge')">
+ <img :src="OssAssets.home.FreeDian" class="recharge-list-item-icon" />
+ <div class="recharge-list-item-text">鐢佃垂</div>
+ <NutButton type="primary" class="recharge-list-item-button">绔嬪嵆缂磋垂</NutButton>
+ <div class="discountTag" v-if="lifePayElectricRate > 0">{{ lifePayElectricRate }}鎶�</div>
+ </div>
+ <!-- <div class="recharge-list-item" @click="emit('gasBillRecharge')">
+ <img :src="OssAssets.home.FreeGas" class="recharge-list-item-icon" />
+ <div class="recharge-list-item-text">鐕冩皵璐�</div>
+ <NutButton type="primary" class="recharge-list-item-button">绔嬪嵆缂磋垂</NutButton>
+ <div class="discountTag" v-if="lifePayGasRate > 0">{{ lifePayGasRate }}鎶�</div>
+ </div> -->
+ </div>
+ </MainCell>
</template>
<script setup lang="ts">
+import MainCell from '../../components/Layout/MainCell.vue';
+import { Button as NutButton } from '@nutui/nutui-taro';
+import { OssAssets } from '../../constants';
+import { useGetRate } from '../../hooks';
+import IconPhone from '../../assets/icon-free-phone.png';
+
defineOptions({
name: 'RechargeGrid',
});
@@ -10,8 +37,12 @@
// type Props = {};
// const props = withDefaults(defineProps<Props>(), {});
-</script>
-<style lang="scss">
-@import '@/styles/common.scss';
-</style>
+const emit = defineEmits<{
+ (e: 'phoneBillRecharge'): void;
+ (e: 'electricityBillRecharge'): void;
+ (e: 'gasBillRecharge'): void;
+}>();
+
+const { lifePayPhoneRate, lifePayElectricRate, lifePayGasRate } = useGetRate();
+</script>
--
Gitblit v1.9.1