135-1821-9792

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

  • page-status 页面状态模板
    • 示例
      • 代码示例
    • Bug & Tip

    page-status 页面状态模板

    从开发者工具 v2.25.1-rc 版本开始支持。

    创新互联凭借在网站建设、网站推广领域领先的技术能力和多年的行业经验,为客户提供超值的营销型网站建设服务,我们始终认为:好的营销型网站就是好的业务员。我们已成功为企业单位、个人等客户提供了成都做网站、网站建设、外贸营销网站建设服务,以良好的商业信誉,完善的服务及深厚的技术力量处于同行领先地位。

    解释:页面状态模板。可在 JS 中配置不同的 theme 数据,展示不同的页面状态:loadingStatus 加载中,noWifiStatus 无网络,noContent 暂无内容。

    示例

    扫码体验

    代码示例

    请使用百度APP扫码

    代码示例

    • SWAN
     
     
     
    1. s-if="{{theme == 'loadingStatus'}}"
    2. class="area-content"
    3. loading="{{loadingStatus.loading}}">
    4. s-if="{{theme == 'noWifiStatus'}}"
    5. class="area-content"
    6. loading="{{noWifiStatus.loading}}"
    7. icon="{{noWifiStatus.icon}}"
    8. title="{{noWifiStatus.title}}"
    9. desc="{{noWifiStatus.desc}}"
    10. bind:smtreloading="reloading"
    11. data-theme="{{theme}}">
    12. s-if="{{theme == 'noContent'}}"
    13. class="area-content"
    14. loading="{{noContent.loading}}"
    15. title="{{noContent.title}}"
    16. desc="{{noContent.desc}}"
    17. showBtn="{{noContent.showBtn}}">

    Bug & Tip

    • Tip:模板中使用的是测试数据,你需要从接口中获取真实的数据。
    • Tip:模板中内置了部分数据记录,你可以定义自己需要记录的数据。

    名称栏目:创新互联百度小程序教程:page-status页面状态模板
    文章来源:http://www.wtcwzsj.com/article/coessij.html
    

    Copyright © 2009-2022 www.wtcwzsj.com 青羊区广皓图文设计工作室(个体工商户) 版权所有 蜀ICP备19037934号

    • 温岭网站建设
      温岭网站建设