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

  • page-status 页面状态
    • 属性说明
    • 示例
      • 代码示例
    • Bug & Tip

    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扫码

    代码示例

    • SWAN
    • JS
    • CSS
    • JSON
     
     
     
    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://www.mswzjz.cn/qtweb/news21/6721.html

    攀枝花网站建设、攀枝花网站运维推广公司-贝锐智能,是专注品牌与效果的网络营销公司;服务项目有等

    广告

    声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 贝锐智能