查看: 847|回复: 0

uniapp开发小程序或者app时textarea组件默认高度和随文本自定增加高度

[复制链接]

748

主题

39

回帖

3907

积分

管理员

总舵主

积分
3907
QQ
发表于 2024-11-16 11:35:28 | 显示全部楼层 |阅读模式
css代码:

  1. .nui-textarea {
  2.                 font-size: 28rpx;
  3.                 background-color: #f5f5f5;
  4.                 border: 1px solid #f5f5f5;
  5.                 padding: 10rpx;
  6.                 width: 100%;
  7.                 min-height: 90rpx;
  8.                 box-sizing: border-box;
  9.         }
复制代码
组件代码:
  1. <tui-list-cell :unlined="true" :hover="false">
  2.                                 <view class="tui-item-box">
  3.                                         <view class="tui-list-cell_name">取奶备注</view>
  4.                                         <view class="tui-right">
  5.                                                 <textarea :auto-height="true" class="nui-textarea" placeholder="可以备注每周哪几天取奶,比如:周一至周五送奶" @input="inputRemark"></textarea>
  6.                                         </view>
  7.                                 </view>
  8.                         </tui-list-cell>
复制代码
函数:
  1. // 填写规则
  2.                         inputRemark(e) {
  3.                                 console.log(e)
  4.                                 this.remark = e.detail.value;
  5.                         },
复制代码



道不同,不相为谋!理想要有,万一实现了呢?
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关注公众号

相关侵权、举报、投诉及建议等,请发 E-mail:2513533699@qq.com

Powered by Discuz! X5.0 © 2001-2026 Discuz! Team.|鲁ICP备19000917号|鲁公网安备37078302000320号

在本版发帖
关注公众号
QQ客服返回顶部