fix: 修改首页ui

zhengyiming

2 天以前 80dc90be027ee26869c63860b7d6a0759a03546b

 packages/components/src/components/SelectPayTypeFormItem/SelectPayTypeFormItem.vue

@@ -1,34 +1,46 @@
<template>
  <NutFormItem label="选择支付方式" class="bole-form-item" prop="lifePayType" required>
    <NutRadioGroup v-model="lifePayType" direction="horizontal">
      <BlRadio
        :label="LifeRechargeConstants.LifePayTypeEnum.AliPay"
        shape="button"
        class="select-pay-type-view-form-item-radio"
        v-if="showAliPay"
  <Chunk
    borderRadiusSmall
    :hasPaddingBottom="false"
    style="padding: 0"
    class="select-pay-type-view"
  >
    <div class="select-pay-type-form-item-title">选择支付方式</div>
    <NutFormItem class="bole-form-item" prop="lifePayType" required style="padding-bottom: 0">
      <NutRadioGroup
        v-model="lifePayType"
        text-position="left"
        class="select-pay-type-view-form-item-radio-group"
      >
        <div class="select-pay-type-view-form-item">
          <img class="select-pay-type-view-form-item-icon" :src="IconAliPay" />
          {{
            LifeRechargeConstants.LifePayTypeEnumText[LifeRechargeConstants.LifePayTypeEnum.AliPay]
          }}
        </div>
      </BlRadio>
      <BlRadio
        :label="LifeRechargeConstants.LifePayTypeEnum.WxPay"
        shape="button"
        class="select-pay-type-view-form-item-radio"
        v-if="showWeixinPay"
      >
        <div class="select-pay-type-view-form-item">
          <img class="select-pay-type-view-form-item-icon" :src="IconWeixin" />
          {{
            LifeRechargeConstants.LifePayTypeEnumText[LifeRechargeConstants.LifePayTypeEnum.WxPay]
          }}
        </div>
      </BlRadio>
    </NutRadioGroup>
  </NutFormItem>
        <BlRadio
          :label="LifeRechargeConstants.LifePayTypeEnum.AliPay"
          class="select-pay-type-view-form-item-radio"
          v-if="showAliPay"
        >
          <div class="select-pay-type-view-form-item">
            <img class="select-pay-type-view-form-item-icon" :src="IconAliPay" />
            {{
              LifeRechargeConstants.LifePayTypeEnumText[
                LifeRechargeConstants.LifePayTypeEnum.AliPay
              ]
            }}
          </div>
        </BlRadio>
        <BlRadio
          :label="LifeRechargeConstants.LifePayTypeEnum.WxPay"
          class="select-pay-type-view-form-item-radio"
          v-if="showWeixinPay"
        >
          <div class="select-pay-type-view-form-item">
            <img class="select-pay-type-view-form-item-icon" :src="IconWeixin" />
            {{
              LifeRechargeConstants.LifePayTypeEnumText[LifeRechargeConstants.LifePayTypeEnum.WxPay]
            }}
          </div>
        </BlRadio>
      </NutRadioGroup>
    </NutFormItem>
  </Chunk>
</template>

<script setup lang="ts">
@@ -37,6 +49,7 @@
import BlRadio from '../Radio/Radio.vue';
import IconWeixin from '../../assets/icon-weixin-pay.png';
import IconAliPay from '../../assets/icon-alipay.png';
import Chunk from '../Layout/Chunk.vue';

defineOptions({
  name: 'SelectPayTypeFormItem',