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

}
相关推荐
得物技术1 天前
前端日志回捞系统的性能优化实践|得物技术
前端·javascript·性能优化
陶甜也1 天前
threeJS 实现开花的效果
前端·vue·blender·threejs
用户7678797737321 天前
后端转全栈之Next.js 路由系统App Router
前端·next.js
OEC小胖胖1 天前
Next.js数据获取入门:`getStaticProps` 与 `getServerSideProps`
前端·前端框架·web·next.js
薛定谔的算法1 天前
JavaScript栈的实现与应用:从基础到实战
前端·javascript·算法
深圳外环高速1 天前
React 受控组件如何模拟用户输入
前端·react.js
土了个豆子的1 天前
03.缓存池
开发语言·前端·缓存·visualstudio·c#
手握风云-1 天前
JavaEE 进阶第四期:开启前端入门之旅(四)
前端
魔云连洲1 天前
React中的合成事件
前端·javascript·react.js