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

}
相关推荐
C_心欲无痕10 小时前
react - useImperativeHandle让子组件“暴露方法”给父组件调用
前端·javascript·react.js
BullSmall12 小时前
支持离线配置修改及删除操作的实现方案
前端
全栈前端老曹12 小时前
【前端路由】Vue Router 嵌套路由 - 配置父子级路由、命名视图、动态路径匹配
前端·javascript·vue.js·node.js·ecmascript·vue-router·前端路由
EndingCoder12 小时前
安装和设置 TypeScript 开发环境
前端·javascript·typescript
张雨zy13 小时前
Vue 项目管理数据时,Cookie、Pinia 和 LocalStorage 三种常见的工具的选择
前端·javascript·vue.js
五月君_13 小时前
Nuxt UI v4.3 发布:原生 AI 富文本编辑器来了,Vue 生态又添一员猛将!
前端·javascript·vue.js·人工智能·ui
!执行13 小时前
遇到 Git 提示大文件无法上传确实让人头疼
前端·github
坚持学习前端日记14 小时前
个人网站从零到盈利的成长策略
前端·程序人生
CamilleZJ14 小时前
eslint+prettier
前端·eslint·工程化·prettier
web小白成长日记14 小时前
深入理解 React 中的 Props:组件通信的桥梁
前端·javascript·react.js