创新互联百度小程序教程: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.gawzjz.com/qtweb/news23/190073.html

    网站建设、网络推广公司-创新互联,是专注品牌与效果的网站制作,网络营销seo公司;服务项目有等

    广告

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