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

}

效果

相关推荐
爱学习 爱分享12 小时前
微信小程序html 在 webview 会打开再缩放一下
微信小程序·小程序·html
梦梦代码精13 小时前
深度拆解:上门按摩系统如何成为本地生活“到家时代”的新引擎?
docker·小程序·uni-app·开源·生活·开源软件
Geek_Vison15 小时前
如何借助小程序容器技术实现跨端APP的敏捷开发
小程序·apache·敏捷流程
xshirleyl15 小时前
微信小程序开发week6-慕尚花坊项目
微信小程序·小程序
usdoc文档预览15 小时前
国产化踩坑:Vue3 / React / 小程序如何免插件实现 OFD 及复杂 Office 文档同屏预览
前端·javascript·react.js·小程序·pdf·word·office文件在线预览
倒流时光三十年15 小时前
第二章 小程序目录结构与核心文件详解
spring boot·小程序
好赞科技17 小时前
2026年八大上门服务预约小程序:解锁高效生活新体验
大数据·微信小程序
维双云17 小时前
从零到一:一份关于“做小程序的步骤”的完整实操指南
小程序
编程猪猪侠17 小时前
uni-app微信小程序车牌号输入组件实现
微信小程序·uni-app
客场消音器1 天前
如何使用codex进行UI重构,让AI开发的前端页面不再千篇一律
前端·后端·微信小程序