fix: 页面

zhengyiming

2025-02-21 95dc61cc00f7249c7b552932a95c9c854514bbf5

fix: 页面

 packages/components/assets/icon-free-dian.png

 packages/components/assets/icon-free-phone.png

 packages/components/src/styles/rechargeGrid.scss

@@ -10,6 +10,11 @@
      font-size: 18px;
      color: boleGetCssVar('text-color', 'primary');
    }

    .recharge-grid-item-icon {
      width: 32px;
      height: 32px;
    }
  }
}


 packages/components/src/views/RechargeGrid/RechargeGrid.vue

@@ -2,10 +2,10 @@
  <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" />
      </GridItem>
      <GridItem class="recharge-grid-item" text="电费" @click="emit('electricityBillRecharge')">
        <Dongdong />
        <img :src="IconFreeDian" class="recharge-grid-item-icon" />
      </GridItem>
    </Grid>
  </MainCell>
@@ -15,6 +15,8 @@
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',