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>