新聞中心
- page-status 頁(yè)面狀態(tài)
- 屬性說(shuō)明
- 示例
- 代碼示例
- Bug & Tip
page-status 頁(yè)面狀態(tài)
解釋:頁(yè)面狀態(tài)組件,可用于全屏和半屏。用于展示頁(yè)面加載,頁(yè)面異常 - 有操作、頁(yè)面異常 - 無(wú)操作三種頁(yè)面狀態(tài)。設(shè)計(jì)文檔詳見(jiàn)空態(tài)。

發(fā)展壯大離不開(kāi)廣大客戶長(zhǎng)期以來(lái)的信賴(lài)與支持,我們將始終秉承“誠(chéng)信為本、服務(wù)至上”的服務(wù)理念,堅(jiān)持“二合一”的優(yōu)良服務(wù)模式,真誠(chéng)服務(wù)每家企業(yè),認(rèn)真做好每個(gè)細(xì)節(jié),不斷完善自我,成就企業(yè),實(shí)現(xiàn)共贏。行業(yè)涉及PE包裝袋等,在成都網(wǎng)站建設(shè)公司、成都全網(wǎng)營(yíng)銷(xiāo)推廣、WAP手機(jī)網(wǎng)站、VI設(shè)計(jì)、軟件開(kāi)發(fā)等項(xiàng)目上具有豐富的設(shè)計(jì)經(jīng)驗(yàn)。
屬性說(shuō)明
| 屬性名 | 類(lèi)型 | 必填 | 默認(rèn)值 | 說(shuō)明 |
|---|---|---|---|---|
theme | String | 否 | 主題配置,默認(rèn)淺色;沉浸式主題請(qǐng)指定 dark | |
loading | Boolean | 否 | false | 頁(yè)面狀態(tài)配置,默認(rèn)不展示加載狀態(tài)頁(yè)面 |
icon | String | 否 | content | 空態(tài)/缺省頁(yè)面下的圖標(biāo)名稱(chēng) |
loadingTitle | String | 否 | “正在加載…” | 加載頁(yè)面下的標(biāo)題文案 |
title | String | 否 | “單行標(biāo)題” | 空態(tài)/缺省頁(yè)面下的標(biāo)題文案 |
desc | String | 否 | 空態(tài)/異常頁(yè)面下的描述文案,最多展示 40 個(gè)字,超出內(nèi)容會(huì)被截?cái)?/p> | |
showBtn | Boolean | 否 | true | 是否展示空態(tài)/缺省頁(yè)面下的操作按鈕,默認(rèn)展示 |
btnText | String | 否 | “重新加載” | 空態(tài)/缺省頁(yè)面下,操作按鈕的描述文案,最多顯示 8 個(gè)漢字,超出內(nèi)容會(huì)被截?cái)?/p> |
示例
跳轉(zhuǎn)編輯工具
在開(kāi)發(fā)者工具中打開(kāi)
在 WEB IDE 中打開(kāi)
掃碼體驗(yàn)
代碼示例
請(qǐng)使用百度APP掃碼
代碼示例
- SWAN
- JS
- CSS
- JSON
{{item.titleBar}} class="area-content"loading="{{item.loading}}"theme="{{theme}}"icon="{{item.icon}}"data-index="{{index}}"bind:smtreloading="reloading"title="{{item.title}}"desc="{{item.desc}}"showBtn="{{item.showBtn}}"btnText="{{item.btnText}}">沉浸式主題 查看頁(yè)面模板
Bug & Tip
- Tip:實(shí)際應(yīng)用中若 6 秒仍未加載成功,頁(yè)面由加載狀態(tài)變?yōu)榭諔B(tài)/異常狀態(tài)。所需圖標(biāo)可從 smart-ui 的 icon 中選擇與場(chǎng)景匹配的內(nèi)容并直接引用。
- Tip:若希望用戶嘗試再次加載或引導(dǎo)去相關(guān)場(chǎng)景,頁(yè)面除標(biāo)題(title)和描述文案(desc)請(qǐng)?zhí)峁┎僮靼粹o(showBtn)請(qǐng)注意文案表達(dá)簡(jiǎn)潔明了。
當(dāng)前題目:創(chuàng)新互聯(lián)百度小程序教程:page-status頁(yè)面狀態(tài)
瀏覽地址:http://www.5511xx.com/article/cddgpdi.html


咨詢
建站咨詢
