uniApp使用textarea,默认高度且文字多后自适应设置

需求是有一个默认高度且文字溢出时需要自适应高度

代码如下

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

textarea {

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

  padding: 15rpx; // 内边距

  border-radius: 10rpx; 

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

  line-height: 28rpx;

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

}
相关推荐
guslegend18 小时前
第11节:前端 UI 设计与前端基础组件
前端·ui·ai编程
摇滚侠18 小时前
13 移动端 WEB 前端 WEB 开发 HTML5 + CSS3 + 移动 WEB
前端·css3·html5
就爱瞎逛19 小时前
解决Ant Design Vue 日期选择器中文不生效
前端·javascript·vue.js
快递鸟社区19 小时前
快递鸟海运查询接口全面解析:从入门到精通,助力跨境物流可视化
java·前端·人工智能
踩着两条虫19 小时前
可视化设计器组件系统:从交互核心到 AI 智能代理的落地实践
开发语言·前端·人工智能·低代码·设计模式·架构
光影少年19 小时前
大前端框架生态
前端·javascript·flutter·react.js·前端框架·鸿蒙·angular.js
知彼解己19 小时前
前端发布流程总结(Vue + Element 项目)
前端·javascript·vue.js
Royzst19 小时前
集合进阶(Map集合)
java·前端·数据库
wand codemonkey19 小时前
(三十)web应用+【核心】+【规矩】+【原理】
java·开发语言·前端
一拳一个娘娘腔19 小时前
【SRC漏洞挖掘系列】第02期:XSS与CSRF——Web世界的“偷家”艺术
前端·xss·csrf