微信小程序使用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;// 设置默认高度 ,解决设置自适应高度之后高度无效问题

}

效果

相关推荐
CHU72903513 小时前
安心陪伴,便捷就医:陪诊代办小程序的温暖设计
前端·小程序·php
CHU72903514 小时前
线上扭蛋机拆盒小程序前端功能版块解析
前端·小程序·php
深海蓝山17 小时前
基于Canvas的原生签名组件,兼容小程序和H5
小程序·canvas·签名
毕设源码-邱学长17 小时前
【开题答辩全过程】以 基于微信小程序的课程表信息系统的开发实现为例,包含答辩的问题和答案
微信小程序·小程序
CHU72903517 小时前
线上美容预约小程序:开启便捷美肤新方式
小程序
编程、小哥哥18 小时前
物业小程序(业主端+物业端)功能逻辑图与原型图
小程序
Goona_18 小时前
PyQt+Excel学生信息管理系统,增删改查全开源
python·小程序·自动化·excel·交互·pyqt
郑州光合科技余经理18 小时前
O2O上门预约小程序:全栈解决方案
java·大数据·开发语言·人工智能·小程序·uni-app·php
weixin_1772972206918 小时前
旧物回收新风尚,绿色生活新篇章——小程序引领环保新潮流
小程序·生活