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

}
相关推荐
Momo__8 小时前
VueUse createReusableTemplate —— 单文件组件内的模板复用神器
前端·vue.js
程序员小富8 小时前
我开源了一个开发者专属的智能 JSON 工具,得到了媳妇高度认可
前端·vue.js·后端
小小小小宇8 小时前
程序员如何给 LLM 装工具以及看懂推理过程
前端
写代码的皮筏艇8 小时前
React中的forwardRef
前端·react.js·面试
槑有老呆8 小时前
花三个月工资请了个 AI 程序员,结果它连青岛啤酒股价都查不了
前端
风骏时光牛马8 小时前
Verilog开发常见问题汇总解析
前端
子兮曰8 小时前
AI Coding Method Map:一张图看懂 AI 编程的完整链路
前端·人工智能·后端
weedsfly9 小时前
语法糖褪去之后——Babel 转译产物中的 JavaScript 本貌
前端·javascript
夏碧笔9 小时前
uni-app跨端地图实战:用第三方LBS替代微信平台收费服务
uni-app