更新记录

1.0.4（2022-01-22）

1.新增动态刷新控件高度，当控件内容是动态呈现时候会根据数据变化响应式更新控件高度 2.新增一些新属性 3.修复H5页面有滚动条场景下关闭弹窗偏移问题 4.支持vue3

1.0.3（2022-01-15）

修复input，textarea层级穿透显示问题

1.0.2（2022-01-15）

1.修复小程序端有概率性滚动穿透 2.调整标题和图标上边距 3.调整了显示层级

平台兼容性

Props

Event

Slot 匿名插槽

手动刷新内容区域高度： this.$refs['xxxx'].setContViewHeight()

示例

vue2:

<popupBottom ref="popup"  :visible.sync="popupVisible" title="标题"  radius="40"  maxHeight="900"   @close="onClose" @reachBottom="onPopupReachBottom">
    <view class="cot">内容</view>
</popupBottom>

   this.popupVisible=true;
   this.$refs['popup'].setContViewHeight();//手动刷新内容区域高度

vue3:

<popupBottom  ref="popup"  v-model:visible="popupVisible" title="标题"  radius="40"  maxHeight="900"  @close="onClose" @reachBottom="onPopupReachBottom">
    <view class="cot">内容</view>
</popupBottom>

     const popupVisible=ref(false);
     const popup=ref();
     popupVisible.value=true;
     popup.value.setContViewHeight();//手动刷新内容区域高度

app端滚动条穿透问题暂时无解，请在页面级别做限制，弹窗时候隐藏页面滚动