<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" />
|
</GridItem>
|
<GridItem class="recharge-grid-item" text="电费" @click="emit('electricityBillRecharge')">
|
<img :src="IconFreeDian" class="recharge-grid-item-icon" />
|
</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';
|
import IconFreePhone from '../../../assets/icon-free-phone.png';
|
import IconFreeDian from '../../../assets/icon-free-dian.png';
|
|
defineOptions({
|
name: 'RechargeGrid',
|
});
|
|
// type Props = {};
|
|
// const props = withDefaults(defineProps<Props>(), {});
|
|
const emit = defineEmits<{
|
(e: 'phoneBillRecharge'): void;
|
(e: 'electricityBillRecharge'): void;
|
}>();
|
</script>
|
