From 31d98fae2d78e5a444b39fcc2b30bd6895169268 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=82=93=E5=B9=B3=E8=89=BA?= <52643018@qq.com>
Date: Fri, 9 Jul 2021 11:01:26 +0800
Subject: [PATCH] =?UTF-8?q?[=E6=96=B0=E5=A2=9E]=20=E7=94=B3=E8=AF=B7?=
 =?UTF-8?q?=E9=80=80=E6=AC=BE=E9=A1=B5=E9=9D=A2=E5=A2=9E=E5=8A=A0=E5=B7=B2?=
 =?UTF-8?q?=E8=BE=93=E5=85=A5=E7=9A=84=E5=AD=97=E6=95=B0=E6=98=BE=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/order/apply-refund.vue | 21 ++++++++++++++++-----
 1 file changed, 16 insertions(+), 5 deletions(-)

diff --git a/pages/order/apply-refund.vue b/pages/order/apply-refund.vue
index 67c43f1..d51876b 100644
--- a/pages/order/apply-refund.vue
+++ b/pages/order/apply-refund.vue
@@ -77,8 +77,9 @@
 					<view class="cu-self menu">
 						<view class="lf-font-32 text-black1">退款说明</view>
 					</view>
-					<view class="cu-self menu" style="margin-top: 30rpx;">
-						<textarea :cursor-spacing="120" :adjust-position="true" type="text" v-model="applyInfo" class="text-left lf-font-32 area-self" placeholder="请输入反馈信息" />
+					<view class="cu-self menu" style="margin-top: 30rpx;position: relative;">
+						<textarea :cursor-spacing="120" maxlength="300" :adjust-position="true" type="text" v-model="applyInfo" class="text-left lf-font-32 area-self" placeholder="请输入反馈信息" />
+						<view class="font-change">{{ dynamicLength() }}/300</view>
 					</view>
 				</view>
 				<view class="cu-form-group">
@@ -143,6 +144,9 @@
 			},1000)
 		},
 		methods: {
+			dynamicLength(){
+				return parseInt(this.applyInfo.length);
+			},
 			getApplyDetails() {
 				this.$http(this.API.API_APPLY_DETAILS, {order_id: this.order_id}).then(res => {
 					if(res.code == 0) {
@@ -339,10 +343,17 @@
 	}
 	.area-self {
 		width: 100%;
-		padding: 30rpx 0 0 30rpx;
-		color: #999999;
+		padding: 30rpx;
+		padding-bottom: 36rpx;
+		color: #333;
 		border: 1px solid #D0D0D0;
 		border-radius: 10rpx;
 	}
-
+	.font-change{
+		position: absolute;
+		right: 10rpx;
+		bottom: 10rpx;
+		width: max-content;
+		color: #777777;
+	}
 </style>