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

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


咨詢
建站咨詢
