弹出菜单。
| 属性名 | 描述 | 类型 | 默认值 | 必选 |
| className | 自定义class | String | false | |
| show | 是否显示菜单 | Boolean | false | false |
| animation | 是否开启动画 | Boolean | true | false |
| mask | 是否显示mask，不显示时点击外部不会触发onClose | Boolean | true | true |
| position | 控制从什么方向弹出菜单，bottom表示底部，left表示左侧，top表示顶部，right表示右侧 | String | bottom | false |
| disableScroll | 展示mask时是否禁止页面滚动 | Boolean | true | false |
| zIndex | 定义popup的层级 | Number | 0 | false |
可以在popup组件中定义要展示部分，具体可参看下面示例。
{
"defaultTitle": "应用AntUI组件库",
"usingComponents": {
"popup": "mini-antui/es/popup/index"
}
}
<view>
<view class="btn-container">
<button onTap="onTopBtnTap">弹出popup</button>
</view>
<popup show="{{showTop}}" position="top" onClose="onPopupClose">
<view style="height: 200px; background: #fff; display: flex; justify-content: center; align-items: center;">hello world</view>
</popup>
</view>
Page({
data: {
showTop: false,
},
onTopBtnTap() {
this.setData({
showTop: true,
});
},
onPopupClose() {
this.setData({
showTop: false,
});
},
});
