支付寶小程序浮層組件 彈出菜單·Popup

彈出菜單。

掃碼體驗(yàn)

示例代碼

{
 "defaultTitle": "Popup",
 "usingComponents": {
   "popup": "mini-ali-ui/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,
   });
 },
});

屬性

slots

可以在 popup 組件中定義要展示部分，具體可參看示例代碼。