<view class="xinxi">
<textarea placeholder='请提供详细的设备故障信息' minlength="{{min}}" maxlength="{{max}}" bindinput="inputs">
<text class="currentWordNumber">{{currentWordNumber|0}}/{{max}}</text>
</textarea>
</view>
.xinxi{
width:690rpx;
height:360rpx;
border-radius:8rpx;
margin: 28rpx auto;
border: 2rpx solid #E5E5E5;
box-sizing: border-box;
position: relative;
}
.xinxi >textarea{
width: 638rpx;
height: 360rpx;
padding: 26rpx 26rpx 0rpx 26rpx;
}
.currentWordNumber{
position: absolute;
bottom:40rpx;
right: 26rpx;
color: #888;
}
Page({
data: {
min:0,
max: 200,
},
inputs: function (e) {
var value = e.detail.value;
var len = parseInt(value.length);
if (len > this.data.max) return;
this.setData({
currentWordNumber: len
});
}
})