From 8525b5c780d8855eca89c46790627c00b3d83c79 Mon Sep 17 00:00:00 2001
From: zhengyiming <540361168@qq.com>
Date: 星期三, 12 三月 2025 17:36:21 +0800
Subject: [PATCH] fix: 二期需求

---
 packages/components/src/views/PhoneBillRecharge/PhoneBillRechargeStep1.vue |   23 +++++++++++++++--------
 1 files changed, 15 insertions(+), 8 deletions(-)

diff --git a/packages/components/src/views/PhoneBillRecharge/PhoneBillRechargeStep1.vue b/packages/components/src/views/PhoneBillRecharge/PhoneBillRechargeStep1.vue
index ca42ed0..5878244 100644
--- a/packages/components/src/views/PhoneBillRecharge/PhoneBillRechargeStep1.vue
+++ b/packages/components/src/views/PhoneBillRecharge/PhoneBillRechargeStep1.vue
@@ -1,18 +1,21 @@
 <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 class="recharge-button-text">淇濆瓨</div>
         </div>
       </nut-button>
       <nut-button class="recharge-button" type="primary" plain @click="goToNext">
@@ -25,7 +28,11 @@
 </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';

--
Gitblit v1.9.1