欢迎光临散文网 会员登陆 & 注册

小程序未设置bottom值致苹果手机不显示

2022-01-03 15:16 作者:Tuple_元组  | 我要投稿

现象是:在微信小程序中将某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>


小程序未设置bottom值致苹果手机不显示的评论 (共 条)

分享到微博请遵守国家法律