13518219792

建站动态

根据您的个性需求进行定制 先人一步 抢占小程序红利时代

创新互联百度小程序教程:page-status页面状态

page-status 页面状态

解释:页面状态组件,可用于全屏和半屏。用于展示页面加载,页面异常 - 有操作、页面异常 - 无操作三种页面状态。设计文档详见空态。

发展壮大离不开广大客户长期以来的信赖与支持,我们将始终秉承“诚信为本、服务至上”的服务理念,坚持“二合一”的优良服务模式,真诚服务每家企业,认真做好每个细节,不断完善自我,成就企业,实现共赢。行业涉及PE包装袋等,在成都网站建设公司成都全网营销推广、WAP手机网站、VI设计、软件开发等项目上具有丰富的设计经验。

属性说明

属性名 类型 必填 默认值 说明

theme

String

主题配置,默认浅色;沉浸式主题请指定 dark

loading

Boolean

false

页面状态配置,默认不展示加载状态页面

icon

String

content

空态/缺省页面下的图标名称

loadingTitle

String

“正在加载…”

加载页面下的标题文案

title

String

“单行标题”

空态/缺省页面下的标题文案

desc

String

空态/异常页面下的描述文案,最多展示 40 个字,超出内容会被截断

showBtn

Boolean

true

是否展示空态/缺省页面下的操作按钮,默认展示

btnText

String

“重新加载”

空态/缺省页面下,操作按钮的描述文案,最多显示 8 个汉字,超出内容会被截断

示例

跳转编辑工具

在开发者工具中打开

在 WEB IDE 中打开

扫码体验

代码示例

请使用百度APP扫码

代码示例

 
 
 
  1. {{item.titleBar}}
  2. class="area-content"
  3. loading="{{item.loading}}"
  4. theme="{{theme}}"
  5. icon="{{item.icon}}"
  6. data-index="{{index}}"
  7. bind:smtreloading="reloading"
  8. title="{{item.title}}"
  9. desc="{{item.desc}}"
  10. showBtn="{{item.showBtn}}"
  11. btnText="{{item.btnText}}">
  12. 沉浸式主题
  13. 查看页面模板

Bug & Tip

  • Tip:实际应用中若 6 秒仍未加载成功,页面由加载状态变为空态/异常状态。所需图标可从 smart-ui 的 icon 中选择与场景匹配的内容并直接引用。
  • Tip:若希望用户尝试再次加载或引导去相关场景,页面除标题(title)和描述文案(desc)请提供操作按钮(showBtn)请注意文案表达简洁明了。

网站标题:创新互联百度小程序教程:page-status页面状态
网页网址:http://cdbrznjsb.com/article/cddgpdi.html
  • 网站建设专属方案

  • 网站定制化设计

  • 7X24小时服务

  • N对管家服务

让你的专属顾问为你服务