From e662aa7d894a0b259dc1816e79514c1f0d38da9f Mon Sep 17 00:00:00 2001
From: zhengyiming <540361168@qq.com>
Date: 星期三, 21 五月 2025 16:14:05 +0800
Subject: [PATCH] Merge branch 'dev-ui' of http://120.26.58.240:8888/r/LifePaymentFront into dev-ui
---
packages/components/src/components/SelectPayTypeFormItem/SelectPayTypeFormItem.vue | 71 +++++++++++++++++++++--------------
1 files changed, 42 insertions(+), 29 deletions(-)
diff --git a/packages/components/src/components/SelectPayTypeFormItem/SelectPayTypeFormItem.vue b/packages/components/src/components/SelectPayTypeFormItem/SelectPayTypeFormItem.vue
index 855f7e5..7fc78d3 100644
--- a/packages/components/src/components/SelectPayTypeFormItem/SelectPayTypeFormItem.vue
+++ b/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',
--
Gitblit v1.9.1