Browse Source

[新增] 申请退款页面增加已输入的字数显示

dev
邓平艺 4 years ago
parent
commit
31d98fae2d
  1. 21
      pages/order/apply-refund.vue

21
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>
Loading…
Cancel
Save