fix: 修改ui

zhengyiming

1 天以前 23bfd958545ab5548d561ef6db1eafafe03e4e05

 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({