支付寶小程序結(jié)果類(lèi)組件 異常頁(yè)·Page-result

異常組件，主要分為全局異常與局部異常。

全局異常組件：提供了可愛(ài)的螞蟻形象作為異常場(chǎng)景的反饋提示，包括網(wǎng)絡(luò)問(wèn)題和服務(wù)器問(wèn)題，同時(shí)提供了對(duì)應(yīng)的處理按鈕。

局部異常組件：用于頁(yè)面某個(gè)區(qū)塊出現(xiàn)異常時(shí)的反饋提示，同時(shí)提供了對(duì)應(yīng)的處理按鈕。

   "page-result": "mini-ali-ui/es/page-result/index"
 }
}
<page-result
 type="network"
 title="網(wǎng)絡(luò)不給力"
 brief="世界上最遙遠(yuǎn)的距離莫過(guò)于此"
 footer="{{footer}}"
 onTapLeft="onTapLeft"
 onTapRight="onTapRight"
/>
Page({
 data: {
   footer: [{
     text: '修復(fù)',
   }, {
     text: '刷新',
   }],
 },
 onTapLeft(e) {
   console.log(e, 'onTapLeft');
 },
 onTapRight(e) {
   console.log(e, 'onTapRight');
 },
});

倒計(jì)時(shí)模式，10 秒后可點(diǎn)擊按鈕（與 native 規(guī)范一致）。

<!-- 倒計(jì)時(shí)模式 -->
<page-result
 type="busy"
 footer="{{footer}}"
 isCountDown="{{true}}"
 onTapLeft="onTapLeft"
/>

Page({
 data: {
   footer: [{
     text: '刷新',
   }],
 },
 onTapLeft(e) {
   console.log(e, 'onTapLeft');
 },
});

屬性

Bug & Tip

• 異常組件新增五個(gè)非必選屬性 footer、onTapLeft、onTapRight、isCountDown、countDownText；
• 組件提供默認(rèn) slot 的處理按鈕（最多兩個(gè)按鈕），開(kāi)發(fā)者也可自定義 slot 覆蓋默認(rèn)內(nèi)容；
• 如需使用組件規(guī)范的處理按鈕，請(qǐng)?jiān)?footer 中定義按鈕的文案，配合 onTapLeft 和 onTapRight 方法，分別對(duì)應(yīng) footer[0] 和 footer[1] 的按鈕實(shí)例（若只有一個(gè)按鈕，只需定義 onTapLeft 屬性）;
• 如需將操作按鈕設(shè)置倒計(jì)時(shí)模式（僅一個(gè)按鈕），可配置 isCountDown 屬性，約定 10 秒的倒計(jì)時(shí)按鈕（與 native 規(guī)范一致），默認(rèn)文案為 10 秒后重新刷新，可通過(guò) countDownText 配置替代 重新刷新 文案；
• 設(shè)置了倒計(jì)時(shí)模式，需要配合 footer 和 onTapLeft 屬性定義倒計(jì)時(shí)后的處理按鈕。