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

}
相关推荐
坚持学习前端日记18 小时前
AI 产品开发经验
前端·javascript·人工智能·visual studio
张一凡9318 小时前
easy-model:简化领域驱动开发的理想选择
前端·react.js
雾削木18 小时前
STM32输入捕获测量PWM频率占空比
前端·javascript·stm32
weixin1997010801618 小时前
淘宝客商品详情页前端性能优化实战
java·前端·python·性能优化
JamesYoung797118 小时前
第八部分 — UI 表面 动作(工具栏)、徽标、弹出窗口
前端·javascript
Joker Zxc18 小时前
【前端基础(Javascript部分)】5、JavaScript的循环语句
开发语言·前端·javascript
Neweee19 小时前
JavaScript进阶内容详解
前端
大鸡爪19 小时前
Vue3 组件库实战(五):Icon 图标组件的设计与实现
前端·vue.js
bluceli19 小时前
前端测试实战指南:构建高质量代码的完整体系
前端·测试