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

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


咨詢
建站咨詢
