建站
咨詢
售后
建站咨詢
新聞中心
這里有您想知道的互聯(lián)網(wǎng)營(yíng)銷解決方案
創(chuàng)新互聯(lián)小程序教程：微信小程序 WeUI·頂部錯(cuò)誤提示組件
Toptips
Toptips頂部錯(cuò)誤提示組件，常用于表單校驗(yàn)或提交請(qǐng)求到后臺(tái)成功或失敗的錯(cuò)誤提示，如下圖所示。
成都創(chuàng)新互聯(lián)從2013年開始，先為秭歸等服務(wù)建站，秭歸等地企業(yè)，進(jìn)行企業(yè)商務(wù)咨詢服務(wù)。為秭歸企業(yè)網(wǎng)站制作PC+手機(jī)+微官網(wǎng)三網(wǎng)同步一站式服務(wù)解決您的所有建站問題。
引入組件
在 page.json 中引入組件
{
"usingComponents": {
"mp-toptips": "../../components/toptips/toptips"
}
}
示例代碼
// page.js示例代碼
Page({
data: {
error: ''
},
onShow() {
this.setData({
error: '這是一個(gè)錯(cuò)誤提示'
})
}
});
屬性列表
| 屬性 | 類型 | 默認(rèn)值 | 必填 | 說明 |
|---|---|---|---|---|
| ext-class | string | 否 | 添加在組件內(nèi)部結(jié)構(gòu)的class，可用于修改組件內(nèi)部的樣式 | |
| type | string | 否 | 提示類型，可以為info、error、success，表示三種提示顏色 | |
| show | boolean | false | 否 | 是否顯示Toptips |
| msg | string | 是 | 提示內(nèi)容 | |
| delay | number | 2000 | 否 | 提示內(nèi)容顯示后隱藏的ms值 |
| bindhide | eventhandler | 否 | 頂部提示隱藏的時(shí)候觸發(fā)的事件 |
網(wǎng)站標(biāo)題：創(chuàng)新互聯(lián)小程序教程：微信小程序 WeUI·頂部錯(cuò)誤提示組件
瀏覽地址：http://www.5511xx.com/article/dpogdjh.html
