微信小程序使用textarea默认字数限制以及高度自适应和默认高度设置

复制代码
<textarea model:value="{{text}}" auto-height placeholder="请输入内容" maxlength="-1" />

auto-height 设置自适应高度 设置之后高度设置无效

maxlength="-1" 解决默认最大字数限制

css

// 文本域

textarea {

border: 1px solid rgb(201, 201, 201); // 边框

padding: 15rpx; // 内边距

border-radius: 10rpx;

font-size: 28rpx; // 设置字体大小和行高一样解决内部出现滚动条问题

line-height: 28rpx;

min-height: 200rpx;// 设置默认高度 ,解决设置自适应高度之后高度无效问题

}

效果

相关推荐
peachSoda711 小时前
uniapp小程序生成海报/图片并保存分享
小程序·uni-app
说私域12 小时前
社交电商引流策略中的让利行为及其影响——基于开源AI智能名片、链动2+1模式与S2B2C商城小程序的分析
人工智能·小程序·开源·产品运营·零售
罗政13 小时前
AI小程序+SpringAI+管理后台+源码+支持动态添加大模型+支持动态添加AI应用
人工智能·小程序
社会底层无业大学生14 小时前
微信小程序跳2
微信小程序·小程序·notepad++
泉城老铁16 小时前
springboot对接微信小程序,发送订阅消息
微信小程序
说私域17 小时前
开源AI大模型AI智能名片S2B2C商城小程序:科技浪潮下的商业新引擎
人工智能·小程序·开源·产品运营·零售
zru_960217 小时前
微信小程序事件详解
微信小程序·小程序
依辰19 小时前
小程序自动化构建与版本管理方案优化
前端·javascript·微信小程序
sunly_19 小时前
uniapp:微信小程序,一键获取手机号
微信小程序·小程序·uni-app