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

}
相关推荐
十里-6 分钟前
为什么创建1x1的gif图片,和png 或者jpg图片有什么区别
前端
u***u68514 分钟前
Vue云原生
前端·vue.js·云原生
OpenTiny社区30 分钟前
TinyEngine 低代码实时协作揭秘:原理 +实操,看完直接用!
前端·vue.js·低代码
5***79001 小时前
Vue项目性能优化
前端·javascript·vue.js
天若有情6732 小时前
【c++】手撸C++ Promise:从零实现通用异步回调组件,支持链式调用+异常安全
开发语言·前端·javascript·c++·promise
抱琴_2 小时前
【Vue3】大屏性能优化黑科技:Vue 3 中实现请求合并,让你的大屏飞起来!
前端·vue.js
不会玩电脑的Xin.2 小时前
HTML + CSS
前端·css·html
hadage2333 小时前
--- JavaScript 的一些常用语法总结 ---
java·前端·javascript
彭于晏爱编程3 小时前
🍭🍭🍭升级 AntD 6:做第一个吃螃蟹的人
前端