收藏
回答

遮罩层在部分手机上只展示一半

自己写的遮罩层组件, 结果在部分手机上只展示了一半的弹窗,代码如下。没找到是什么原因。问一下大家你们遮罩层是怎么写的,是用fixed布局吗?

<view class="dialog">
  <view class="dialog__mask" catchtap='hidePopup'></view>
  <view class="dialog__slot">
    <slot ></slot>
  </view>
</view>
.dialog {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 99;
}
 
.dialog__mask {
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,.6);
  position: absolute;
}
 
.dialog__slot {
  background-color: #ffffff;
  position: absolute;
  border-radius: 16rpx;
}


回答关注问题邀请回答
收藏

1 个回答

  • sheng
    sheng
    2019-03-18

    弹窗界面的wxss里面加上Page { width: 100%; }

    2019-03-18
    有用
    回复
登录 后发表内容