小程序未设置bottom值致苹果手机不显示
现象是:在微信小程序中将某view设置为position:fixed,起初未设置bottom值,安卓手机可正常显示,但苹果手机能拉起键盘,但显示不了输入框。
1.CSS
.inputCommentView {
position: fixed;
background: aliceblue;
/* 注 bottom 必须设置,否则苹果手机不显示输入框 */
bottom: 40rpx;
padding: 10rpx 0rpx;
}
2.WXML
<view wx:if="{{newCommentData!=null}}" class="inputCommentView">
<form bindsubmit="addComment">
<view style="display: flex;justify-content: space-around;align-items: center;">
<textarea name="Content" type="text" cursor-spacing="20" class="textareaStyle" auto-height="true" auto-focus="true" placeholder="说点什么..."></textarea>
<button type="primary" size="mini" form-type="submit">确定</button>
</view>
</form>
</view>