From bd7dd96c732ded6854d47bf77f65e5c64d3d15e2 Mon Sep 17 00:00:00 2001
From: zhengyiming <540361168@qq.com>
Date: 星期三, 21 五月 2025 13:24:09 +0800
Subject: [PATCH] fix: 修改ui
---
packages/components/src/views/GasBillRecharge/GasBillRechargeStep2.vue | 45 ++++++++++++++++++++++++++-------------------
1 files changed, 26 insertions(+), 19 deletions(-)
diff --git a/packages/components/src/views/GasBillRecharge/GasBillRechargeStep2.vue b/packages/components/src/views/GasBillRecharge/GasBillRechargeStep2.vue
index 77f4644..9f28bb7 100644
--- a/packages/components/src/views/GasBillRecharge/GasBillRechargeStep2.vue
+++ b/packages/components/src/views/GasBillRecharge/GasBillRechargeStep2.vue
@@ -1,31 +1,38 @@
<template>
<GasBillRechargeBaseForm ref="formRef" v-model:form="preSetForm">
<NutFormItem label="澶囨敞淇℃伅" class="bole-form-item" prop="remark">
- <NutInput
- v-model.trim="preSetForm.remark"
- class="bole-input-text"
+ <NutTextarea
placeholder="璇疯緭鍏ュ娉ㄤ俊鎭�"
- type="text"
- max-length="30"
- />
+ placeholderClass="bole-input-text-placeholder"
+ autoSize
+ class="bole-input-textarea"
+ v-model="preSetForm.remark"
+ :max-length="30"
+ limit-show
+ >
+ </NutTextarea>
</NutFormItem>
- <div class="common-content">
- <NutButton class="recharge-button" type="primary" @click="handleNext">
- <div class="recharge-button-inner">
- <div class="recharge-button-text">绔嬪嵆鍏呭��</div>
- </div>
- </NutButton>
- <NutButton class="recharge-button" type="primary" plain @click="goToPrevious">
- <div class="recharge-button-inner">
- <div class="recharge-button-text">杩斿洖</div>
- </div>
- </NutButton>
- </div>
</GasBillRechargeBaseForm>
+ <div class="chunk-form-actions">
+ <NutButton class="recharge-button" type="primary" @click="handleNext">
+ <div class="recharge-button-inner">
+ <div class="recharge-button-text">淇濆瓨</div>
+ </div>
+ </NutButton>
+ <NutButton class="recharge-button" type="primary" plain @click="goToPrevious">
+ <div class="recharge-button-inner">
+ <div class="recharge-button-text">杩斿洖</div>
+ </div>
+ </NutButton>
+ </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, watch } from 'vue';
import GasBillRechargeBaseForm from './GasBillRechargeBaseForm.vue';
import { useGasBillRechargeContext } from './context';
--
Gitblit v1.9.1