日本综合一区二区|亚洲中文天堂综合|日韩欧美自拍一区|男女精品天堂一区|欧美自拍第6页亚洲成人精品一区|亚洲黄色天堂一区二区成人|超碰91偷拍第一页|日韩av夜夜嗨中文字幕|久久蜜综合视频官网|精美人妻一区二区三区

Half Screen Dialog

半屏彈窗，輔助完成當(dāng)前頁面任務(wù)時(shí)；提醒用戶并引導(dǎo)用戶的下一步操作；用戶主動(dòng)發(fā)起的任務(wù)時(shí)。

創(chuàng)新互聯(lián)公司主要從事成都網(wǎng)站設(shè)計(jì)、成都做網(wǎng)站、外貿(mào)網(wǎng)站建設(shè)、網(wǎng)頁設(shè)計(jì)、企業(yè)做網(wǎng)站、公司建網(wǎng)站等業(yè)務(wù)。立足成都服務(wù)雙峰,10多年網(wǎng)站建設(shè)經(jīng)驗(yàn),價(jià)格優(yōu)惠、服務(wù)專業(yè),歡迎來電咨詢建站服務(wù):18980820575

代碼引入

在 page.json 中引入組件

{
  "usingComponents": {
    "mp-halfScreenDialog": "../../components/half-screen-dialog/half-screen-dialog"
  }
}

示例代碼

Open

// page.js示例代碼
Page({
    data: {
        show: false,
        buttons: [
            {
                type: 'default',
                className: '',
                text: '輔助操作',
                value: 0
            },
            {
                type: 'primary',
                className: '',
                text: '主操作',
                value: 1
            }
        ]
    },
    open: function () {
        this.setData({
            show: true
        })
    },
    buttontap(e) {
        console.log(e.detail)
    }
});

效果展示

屬性列表

屬性	類型	默認(rèn)值	說明
extClass	string		組件類名
closabled	boolean	true	是否展示關(guān)閉按鈕
title	string		組件標(biāo)題，可通過slot自定義
subTitle	string		組件副標(biāo)題，可通過slot自定義
desc	string		輔助操作描述內(nèi)容
tips	string		輔助操作提示內(nèi)容
maskClosable	boolean	true	點(diǎn)擊遮罩是否關(guān)閉改組件
mask	boolean	true	是否需要遮罩層
show	boolean	true	是否開啟彈窗
buttons	array	[]	輔助操作按鈕列表

自定義事件

事件名稱	說明	回調(diào)參數(shù)
buttontap	點(diǎn)擊輔助操作按鈕時(shí)觸發(fā)	e.detail = { index, item }
close	組件關(guān)閉時(shí)候觸發(fā)

Slot

名稱	描述
title	組件自定義標(biāo)題欄
desc	組件自定義操作描述
footer	操作按鈕區(qū)域slot

網(wǎng)頁題目：創(chuàng)新互聯(lián)小程序教程：微信小程序WeUI·半屏彈窗
新聞來源：http://www.dlmjj.cn/article/ccdospj.html