一、textare超出父容器
情景如下:
修复后如下:
1、原因:
textarea带有默认固定宽高(类似的问题:images也自带固定宽高)
2、解决方案:
给textarea重新定义宽度,我是给textarea加了一个class,在它里面定义width=100%,由于class样式的优先级大于标签样式,所以会覆盖原有样式。
3、解决方案代码:
//index.less
.out-box-input {
margin: rpx(30);
.inner-box {
background-color: white;
padding: rpx(30);
border-radius: rpx(18);
.textarea {
width: 100%;
}
}
}
//index.wxml
<view class="out-box-input">
<view class="inner-box">
<textarea class="textarea" placeholder="请输入"></textarea>
</view>
</view>