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

}
相关推荐
文心快码BaiduComate6 分钟前
Comate搭载DeepSeek-V4
前端·后端
豹哥学前端8 分钟前
5分钟搞懂事件委托
前端·javascript·面试
Awu122713 分钟前
🍎把数学公式搬进 Web 表格:一个 VTable 实战案例
前端
江无行者15 分钟前
aly oss技能应用
前端
朝阳3922 分钟前
单向数据流
前端
小小小小宇24 分钟前
H5 嵌入微信 / 支付宝 / 抖音小程序 WebView:调用原生能力完整方案
前端
卷帘依旧25 分钟前
React中父子组件生命周期的执行顺序
前端
绝世唐门三哥30 分钟前
ES6 --- import/export 全解析
开发语言·前端·javascript
小杍随笔30 分钟前
【iNovel 前端架构深度解析:基于 Vue 3 + TypeScript + Tauri 的跨端小说写作工具】
前端·架构·typescript
yqcoder31 分钟前
JavaScript 异步基石:Promise 完全指南
开发语言·前端·javascript