【CSS】u-textarea组件超出两行后换行需要点两下问题

Komorebi゛

已于 2024-07-30 14:35:29 修改

阅读量129

点赞数 1

分类专栏： CSS 文章标签：前端 css

于 2024-07-30 14:34:53 首次发布

本文链接：https://blog.csdn.net/Komorebi_00/article/details/140795518

版权

CSS 专栏收录该内容

12 篇文章 0 订阅

订阅专栏

<view class="footer-input">
  <u--textarea v-model.trim="value1" :height="72" @blur="blur_" @focus="focus_" :focus="isfocus" :confirmType="null" :adjustPosition="true" border="none" :cursor="30" :autoHeight="true" :fixed="true" :maxlength="4000" @confirm="goMessage()"></u--textarea>
</view>

解决方法

.footer-input {
  flex: 1;
  transition: all 0.1s ease;
  margin: 0 24rpx;
  /deep/ .u-textarea {
    padding: 16rpx 24rpx;
    box-sizing: border-box;
    background-color: #ffffff;
    border-radius: 44rpx;
  }
  /deep/.u-textarea__field {
    font-size: 28rpx;
    color: #333;
    line-height: 40rpx;
  }
  /deep/.uni-textarea-textarea {
    max-height: 80rpx;
    overflow-y: auto !important;
  }
  /deep/.uni-textarea-compute {
    max-height: 80rpx;
  }
}