wxss:
.refund{
width: 96%;
margin: auto;
display: flex;
flex-direction: column;
}
.refund .text{
color: #333333;
font-size: 28rpx;
line-height: 70rpx;
}
.refund .text .xt{
padding-left: 16rpx;
color: #999999;
font-size: 22rpx;
}
/* textarea */
.edit_tkyy{
width: 96%;
margin: auto;
height: 230rpx;
background: #fff;
border-radius: 20rpx;
font-size: 28rpx;
text-indent: 1em;
padding: 10rpx;
}
.currentWordNumber{
color: #999999;
font-size: 24rpx;
position: absolute;
right: 20rpx;
top: 195rpx;
}
wxml:
<view class="refund">
<view class='text'>退款说明<text class='xt'>(选填)</text></view>
<textarea class='edit_tkyy' bindinput='input' rows="3" placeholder="请输入退款备注" maxlength="100" hidden='{{dleg3}}'>
<text class="currentWordNumber">{{currentNoteLen|0}}/{{noteMaxLen}}个字</text>
</textarea>
</view>
wx.js:
data: {
isopen:false,
tihuoWay: '请选择退款原因',
noteMaxLen: 100, //字数限制
currentNoteLen: 0, //输入的字数
},
input(event) {
var value = event.detail.value,
len = parseInt(value.length);
let that = this;
this.setData({
currentNoteLen: len
})
}
data: {
noteMaxLen: 500,
currentNoteLen: 0,
opinion: "",
},
onTijiao(e) {
this.setData({
opinion: e.detail.value.yijian,
});
var data = {
opinion: this.data.opinion,
}
if (this.data.opinion == "") {
wx.showToast({
title: '意见不能为空',
icon: 'loading',
duration: 1500,
mask: true
})
} else {
// var that = this;
// opinionModel.createOpinion(data, (scallback) => {
// wx.showToast({
// title: '提交成功',
// duration: 1500,
// mask: true
// })
// that.setData({
// opinion: "",
// currentNoteLen: 0
// })
// });
}
},
input(event) {
var value = event.detail.value,
len = parseInt(value.length);
let that = this;
this.setData({
currentNoteLen: len
});
},