九九在线精品视频专区,国产精品丝袜无码不卡

當(dāng)應(yīng)用中需要比較明顯的對用戶當(dāng)前的操作行為進(jìn)行警示或提醒時，可以使用對話框。用戶需要針對對話框進(jìn)行操作后方可結(jié)束。掃碼體驗

示例代碼

{
 "defaultTitle": "Modal",
 "usingComponents": {
   "modal": "mini-ali-ui/es/modal/index"
 }
}
<view>
  <button onTap="openModal">打開modal</button>
  <modal
    show="{{modalOpened}}"
    onModalClick="onModalClick"
    onModalClose="onModalClose"
    topImage="https://gw.alipayobjects.com/zos/rmsportal/yFeFExbGpDxvDYnKHcrs.png"
  >
    <view slot="header">標(biāo)題單行</view>
    說明當(dāng)前狀態(tài)、提示用戶解決方案，最好不要超過兩行。
    <view slot="footer">確定</view>
  </modal>
</view>
Page({
  data: {
    modalOpened: false,
  },
  openModal() {
    this.setData({
      modalOpened: true,
    });
  },
  onModalClick() {
    this.setData({
      modalOpened: false,
    });
  },
  onModalClose() {
    this.setData({
      modalOpened: false,
    });
  }
});

屬性

屬性	類型	默認(rèn)值	描述	最低版本
className	String	-	自定義 class。	-
show	Boolean	false	是否展示 modal。可選值：true、false。	-
showClose	Boolean	false	是否渲染關(guān)閉?？蛇x值：true、false。	-
mask	Boolean	true	是否展示蒙層?？蛇x值：true、false。	-
closeType	String	0	關(guān)閉圖表類型?？蛇x值：0-灰色圖標(biāo)；1-白色圖標(biāo)。	-
onModalClick	EventHandle	() => void	選擇區(qū)間時的回調(diào)。	-
onModalClose	EventHandle	() => void	點擊關(guān)閉的回調(diào), showClose 為 false 時無需設(shè)置。	-
topImage	String	-	頂部圖片。	-
topImageSize	String	md	頂部圖片規(guī)則.可選值：lg (帶圖彈框-大圖)md (帶圖彈框)sm(帶圖彈框-小圖)	-
buttons	Array<Object>	md	底部自定義多按鈕, 詳情見 buttons 配置。	-
onButtonClick	EventHandle	(e: Object) => void	點擊 buttons 部分的回調(diào)。	-
buttonsLayout	String	horizontal	設(shè)置 buttons 的對齊方式?？蛇x值：horizontal，vertical。	-
advice	Boolean	false	是否是運營類彈窗?？蛇x值：true、false。	-
zIndex	String/Number	-	設(shè)置彈框?qū)蛹墶?/td>	-
disableScroll	Boolean	false	modal 展示時是否禁止頁面滾動（以真機效果為準(zhǔn)）?？蛇x值：true、false。	-
onMaskClick	EventHandle	() => void	點擊遮罩層時的回調(diào)	1.1.2

buttons

提供按鈕組配置，每一項表示一個按鈕。

屬性	類型	描述
text	String	按鈕的文本。
extClass	String	按鈕自定義 Class，可用戶定制按鈕樣式。

slots

slotName	描述	必填
header	modal 頭部。	false
footer	modal 尾部。	false

支付寶小程序浮層組件 對話框·Modal

示例代碼

屬性

buttons

slots

支付寶小程序浮層組件對話框·Modal