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

}
相关推荐
用户29307509766916 小时前
用React 完成Todos 的 组件应用:深入理解单向数据流与组件通信
前端
玉宇夕落16 小时前
React 父子组件通信 Todo List 看透单向数据流与不可变数据
前端
软件开发技术深度爱好者16 小时前
国际音标魔法实验室工具HTML5实现
前端·html5·英语学习
FogLetter16 小时前
嘘!WebSocket正在“偷听”你的网络请求——全双工通信的魔法
前端·面试
用户9385156350716 小时前
从零构建 React Todo 应用:组件化设计与数据流深度解析
前端·javascript
IT_陈寒16 小时前
Python线程池把我坑惨了,这些盲区你不踩?
前端·人工智能·后端
程序员爱钓鱼17 小时前
第一个 Go 程序:Hello World
前端·后端·go
阳光是sunny17 小时前
LangGraph 核心概念详解:从编译到可视化
前端·人工智能·后端
不好听61317 小时前
React 父子组件通信:从 Todo 应用理解单向数据流
前端·react.js
_lucas17 小时前
做了一个glsl在线调试工具
前端·javascript·three.js