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

}
相关推荐
摇滚侠13 小时前
11 空间转换 前端 Web 开发 HTML5 + CSS3 + 移动 web 视频教程,前端web入门首选黑马程序员
前端·css·html·css3·html5
小李子呢021114 小时前
前端八股网络浏览器---输入 URL 到页面呈现
前端·网络
Hello--_--World14 小时前
Vue:虚拟Dom
前端·javascript·vue.js
vivo互联网技术15 小时前
下一代图片格式 AVIF 在 vivo 社区的落地实践
前端·性能优化·图片压缩·avif
咸鱼翻身更入味15 小时前
Vue创建一个简单的Agent聊天
前端
布局呆星15 小时前
Vue Router 核心知识点梳理
前端·javascript·vue.js
得物技术15 小时前
基于 Harness + SDD + 多仓管理模式的 AI 全栈开发实践|得物技术
前端·人工智能·后端
不会写DN15 小时前
如何通过 Python 实现招聘平台自动投递
开发语言·前端·python
miaowmiaow15 小时前
一行命令把 PSD 还原成 HTML / React / Vue:psd2code 实战干货
前端·ai编程