From c5bf3cfc953f9865bd70f109363c2ea4e45c0c96 Mon Sep 17 00:00:00 2001
From: zhengyiming <540361168@qq.com>
Date: 星期四, 15 五月 2025 17:05:34 +0800
Subject: [PATCH] fix: 修改首页ui
---
packages/components/src/views/RechargeGrid/RechargeGrid.vue | 40 +++++++++++-----------------------------
1 files changed, 11 insertions(+), 29 deletions(-)
diff --git a/packages/components/src/views/RechargeGrid/RechargeGrid.vue b/packages/components/src/views/RechargeGrid/RechargeGrid.vue
index c99dbee..2da5701 100644
--- a/packages/components/src/views/RechargeGrid/RechargeGrid.vue
+++ b/packages/components/src/views/RechargeGrid/RechargeGrid.vue
@@ -1,35 +1,24 @@
<template>
<MainCell title="蹇�熺即璐�">
- <!-- <Grid square :gutter="20" :column-num="2" class="recharge-grid-wrapper">
- <GridItem class="recharge-grid-item" text="璇濊垂" @click="emit('phoneBillRecharge')">
- <img :src="IconFreePhone" class="recharge-grid-item-icon" />
- <div class="discountTag" v-if="lifePayPhoneRate > 0">{{ lifePayPhoneRate }}鎶�</div>
- </GridItem>
- <GridItem class="recharge-grid-item" text="鐢佃垂" @click="emit('electricityBillRecharge')">
- <img :src="IconFreeDian" class="recharge-grid-item-icon" />
- <div class="discountTag" v-if="lifePayElectricRate > 0">{{ lifePayElectricRate }}鎶�</div>
- </GridItem>
- <GridItem class="recharge-grid-item" text="鐕冩皵" @click="emit('gasBillRecharge')">
- <img :src="IconFreeGas" class="recharge-grid-item-icon" />
- <div class="discountTag" v-if="lifePayGasRate > 0">{{ lifePayGasRate }}鎶�</div>
- </GridItem>
- </Grid> -->
<div class="recharge-list-wrapper">
- <div class="recharge-list-item">
- <img :src="IconFreePhone" class="recharge-list-item-icon" />
+ <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">
- <img :src="IconFreeDian" class="recharge-list-item-icon" />
+ <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">
- <img :src="IconFreeGas" class="recharge-list-item-icon" />
+ <!-- <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>
+ <div class="discountTag" v-if="lifePayGasRate > 0">{{ lifePayGasRate }}鎶�</div>
+ </div> -->
</div>
</MainCell>
</template>
@@ -37,14 +26,7 @@
<script setup lang="ts">
import MainCell from '../../components/Layout/MainCell.vue';
import { Button as NutButton } from '@nutui/nutui-taro';
-import IconFreePhone from '../../assets/icon-free-phone.png';
-console.log(
- 'IconFreePhone: ',
- IconFreePhone,
- new URL('../../assets/icon-free-phone.png', import.meta.url)
-);
-import IconFreeDian from '../../assets/icon-free-dian.png';
-import IconFreeGas from '../../assets/icon-free-gas.png';
+import { OssAssets } from '../../constants';
import { useGetRate } from '../../hooks';
defineOptions({
--
Gitblit v1.9.1