zhengyiming
2025-04-02 0886e91fdfe3b5528f80d2b6742083aa11d16ebb
packages/components/src/views/RechargeGrid/RechargeGrid.vue
@@ -3,12 +3,15 @@
    <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">{{ lifePayPhoneRate }}折</div>
      </GridItem>
      <GridItem class="recharge-grid-item" text="电费" @click="emit('electricityBillRecharge')">
        <img :src="IconFreeDian" class="recharge-grid-item-icon" />
        <div class="discountTag">{{ lifePayElectricRate }}折</div>
      </GridItem>
      <!-- <GridItem class="recharge-grid-item" text="燃气" @click="emit('gasBillRecharge')">
        <img :src="IconFreeGas" class="recharge-grid-item-icon" />
        <div class="discountTag">{{ lifePayGasRate }}折</div>
      </GridItem> -->
    </Grid>
  </MainCell>
@@ -20,6 +23,7 @@
import IconFreePhone from '../../assets/icon-free-phone.png';
import IconFreeDian from '../../assets/icon-free-dian.png';
import IconFreeGas from '../../assets/icon-free-gas.png';
import { useGetRate } from '../../hooks';
defineOptions({
  name: 'RechargeGrid',
@@ -34,4 +38,6 @@
  (e: 'electricityBillRecharge'): void;
  (e: 'gasBillRecharge'): void;
}>();
const { lifePayPhoneRate, lifePayElectricRate, lifePayGasRate } = useGetRate();
</script>