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

}
相关推荐
nihao5613 分钟前
Figma-Context-MCP 帮助前端快速生成页面
前端·ai编程·figma
阿蓝灬28 分钟前
React中的stopPropagation和preventDefault
前端·javascript·react.js
天天向上102430 分钟前
vue3 抽取el-dialog子组件
前端·javascript·vue.js
lecepin35 分钟前
AI Coding 资讯 2025-11-05
前端·javascript
excel38 分钟前
Vue 模板解析器 parserOptions 深度解析
前端
前端小咸鱼一条43 分钟前
17.React获取DOM的方式
前端·javascript·react.js
excel1 小时前
Vue 编译核心中的运行时辅助函数注册机制详解
前端
excel1 小时前
🌿 深度解析 Vue DOM 编译器模块源码:compile 与 parse 的构建逻辑
前端
excel1 小时前
深度解析 Vue 编译器中的 transformShow:v-show 指令的编译原理
前端
excel1 小时前
深度解析:decodeHtmlBrowser —— 浏览器端 HTML 解码函数设计
前端