fix: 修改首页ui

zhengyiming

7 天以前 c5bf3cfc953f9865bd70f109363c2ea4e45c0c96

fix: 修改首页ui

 apps/taro/config/index.js

@@ -251,10 +251,6 @@
        })
      );

      chain.toConfig().module.rules.forEach((rule) => {
        console.log('rule', JSON.stringify(rule));
      });

      chain.plugin('unplugin-vue-components').use(
        ComponentsPlugin({
          include: [/\.[tj]sx?$/, /\.vue$/, /\.vue\?vue/],

 packages/components/package.json

@@ -24,6 +24,9 @@
    "./src/styles/index.scss": {
      "import": "./src/styles/index.scss"
    },
    "./src/assets/*": {
      "import": "./src/assets/*"
    },
    "./*": "./*"
  },
  "publishConfig": {

 packages/components/src/constants/img.ts

New file
@@ -0,0 +1,9 @@
const OssBasePath = 'https://renliyuan.oss-cn-hangzhou.aliyuncs.com/12333';

export const OssAssets = {
  home: {
    FreePhone: `${OssBasePath}/lifePayment/assets/home/icon-free-phone.png`,
    FreeDian: `${OssBasePath}/lifePayment/assets/home/icon-free-dian.png`,
    FreeGas: `${OssBasePath}/lifePayment/assets/home/icon-free-gas.png`,
  },
};

 packages/components/src/constants/index.ts

@@ -1,3 +1,5 @@
export * from './img';

export enum IspCode {
  /**中国移动 */
  yidong = 'yidong',

 packages/components/src/styles/rechargeGrid.scss

@@ -31,22 +31,23 @@
      min-width: 0;
    }

    .recharge-list-item-button {
      font-size: 26px;
      height: 48px;
      padding: 18px;
    }

    .discountTag {
      position: absolute;
      padding: 8px 16px;
      border-radius: 0px 0 20px 0;
      background: linear-gradient(
        186deg,
        rgba(255, 129, 45, 0.08) 14.82%,
        rgba(238, 67, 67, 0.08) 91.5%
      );
      color: #fb5100;
      font-size: 24px;
      font-weight: 700;
      line-height: 28px;
      padding: 0px 20px;
      border-radius: 0px 16px 0 16px;
      background: linear-gradient(133deg, #ff6d6e 0%, #ff4d4f 100%);
      color: #fff;
      font-size: 20px;
      line-height: 32px;
      position: absolute;
      top: -2px;
      left: -2px;
      top: -16px;
      left: 0;
    }
  }
}

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