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

}
相关推荐
刘宇琪14 分钟前
配置 TypeScript 支持 Vite 中的路径别名和自动类型提示
前端
前端付豪15 分钟前
AI Tutor v5:自动出卷系统
前端·python·llm
玉米Yvmi17 分钟前
TS 入门:给 React 穿上“防弹衣”
前端·react.js·typescript
换日线°17 分钟前
3D 旋转立方体效果(摇塞子)
前端·3d·vue
大雷神19 分钟前
HarmonyOS APP<玩转React>开源教程十一:组件化开发概述
前端·react.js·harmonyos
Flutter笔记21 分钟前
独立开发了一个睡眠记录 App:SleepDiary / 睡眠声音日记
前端
YimWu21 分钟前
面试官:能聊聊 oh-my-opencode 这个插件都有啥内容吗?
前端·agent·ai编程
前端付豪21 分钟前
AI Tutor v4:学习路径推荐(Learning Path)
前端·python·llm
爱吃的小肥羊25 分钟前
等了整整一年,Midjourney V8今天终于开放测试了!
前端
玉米Yvmi30 分钟前
给 JS穿上铠甲:TypeScript 基础核心概念详解(类型/接口/泛型)
前端·javascript·typescript