From 1327b99efda99ada27a956981648950f580314b0 Mon Sep 17 00:00:00 2001
From: zhengyiming <540361168@qq.com>
Date: 星期四, 22 五月 2025 14:17:47 +0800
Subject: [PATCH] fix: 修改ui
---
packages/components/src/views/PhoneBillRecharge/PhoneBillRechargeStep1.vue | 52 ++++++++++++++++++++++++++++++----------------------
1 files changed, 30 insertions(+), 22 deletions(-)
diff --git a/packages/components/src/views/PhoneBillRecharge/PhoneBillRechargeStep1.vue b/packages/components/src/views/PhoneBillRecharge/PhoneBillRechargeStep1.vue
index ca42ed0..77e1c85 100644
--- a/packages/components/src/views/PhoneBillRecharge/PhoneBillRechargeStep1.vue
+++ b/packages/components/src/views/PhoneBillRecharge/PhoneBillRechargeStep1.vue
@@ -1,31 +1,38 @@
<template>
<PhoneBillRechargeBaseForm ref="formRef" v-model:form="form">
<NutFormItem label="澶囨敞淇℃伅" class="bole-form-item" prop="remark">
- <NutInput
- v-model.trim="form.remark"
- class="bole-input-text"
+ <NutTextarea
placeholder="璇疯緭鍏ュ娉ㄤ俊鎭�"
- type="text"
- max-length="30"
- />
+ placeholderClass="bole-input-text-placeholder"
+ autoSize
+ class="bole-input-textarea"
+ v-model="form.remark"
+ :max-length="30"
+ limit-show
+ >
+ </NutTextarea>
</NutFormItem>
- <div class="common-content">
- <nut-button class="recharge-button" type="primary" @click="handleNext">
- <div class="recharge-button-inner">
- <div class="recharge-button-text">绔嬪嵆鍏呭��</div>
- </div>
- </nut-button>
- <nut-button class="recharge-button" type="primary" plain @click="goToNext">
- <div class="recharge-button-inner">
- <div class="recharge-button-text">杩斿洖</div>
- </div>
- </nut-button>
- </div>
</PhoneBillRechargeBaseForm>
+ <div class="chunk-form-actions">
+ <nut-button class="recharge-button" type="primary" @click="handleNext">
+ <div class="recharge-button-inner">
+ <div class="recharge-button-text">淇濆瓨</div>
+ </div>
+ </nut-button>
+ <nut-button class="recharge-button" type="primary" plain @click="goToNext">
+ <div class="recharge-button-inner">
+ <div class="recharge-button-text">杩斿洖</div>
+ </div>
+ </nut-button>
+ </div>
</template>
<script setup lang="ts">
-import { Button as NutButton, FormItem as NutFormItem, Input as NutInput } from '@nutui/nutui-taro';
+import {
+ Button as NutButton,
+ FormItem as NutFormItem,
+ Textarea as NutTextarea,
+} from '@nutui/nutui-taro';
import { reactive, ref, computed, provide } from 'vue';
import PhoneBillRechargeBaseForm from './PhoneBillRechargeBaseForm.vue';
import { usePhoneBillRechargeContext } from './context';
@@ -40,9 +47,11 @@
name: 'PhoneBillRechargeStep1',
});
+const { blLifeRecharge } = useLifeRechargeContext();
+
const form = reactive({
- ispCode: '',
- phone: '',
+ ispCode: blLifeRecharge.getCarrierByPhoneNumber(blLifeRecharge.accountModel.phoneNumber),
+ phone: blLifeRecharge.accountModel.phoneNumber,
name: '',
remark: '',
});
@@ -61,7 +70,6 @@
}
const { addUpdateUserAccount } = useAddUpdateUserAccount();
-const { blLifeRecharge } = useLifeRechargeContext();
async function handleAddUpdateUserAccount() {
try {
--
Gitblit v1.9.1