From 988837b3fbffb8abea06dcb875f5746b9fce3c57 Mon Sep 17 00:00:00 2001
From: zhengyiming <540361168@qq.com>
Date: 星期四, 20 二月 2025 18:22:20 +0800
Subject: [PATCH] fix: 页面
---
packages/components/src/views/RechargeGrid/RechargeGrid.vue | 24 +++++++++++++++++++-----
1 files changed, 19 insertions(+), 5 deletions(-)
diff --git a/packages/components/src/views/RechargeGrid/RechargeGrid.vue b/packages/components/src/views/RechargeGrid/RechargeGrid.vue
index 6cfba46..b9105ce 100644
--- a/packages/components/src/views/RechargeGrid/RechargeGrid.vue
+++ b/packages/components/src/views/RechargeGrid/RechargeGrid.vue
@@ -1,8 +1,21 @@
<template>
- <div>RechargeGrid</div>
+ <MainCell title="鐢熸椿缂磋垂">
+ <Grid square :gutter="20" :column-num="2" class="recharge-grid-wrapper">
+ <GridItem class="recharge-grid-item" text="璇濊垂" @click="emit('phoneBillRecharge')">
+ <Dongdong />
+ </GridItem>
+ <GridItem class="recharge-grid-item" text="鐢佃垂" @click="emit('electricityBillRecharge')">
+ <Dongdong />
+ </GridItem>
+ </Grid>
+ </MainCell>
</template>
<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';
+
defineOptions({
name: 'RechargeGrid',
});
@@ -10,8 +23,9 @@
// 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;
+}>();
+</script>
--
Gitblit v1.9.1