13518219792

建站动态

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

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

page-status 页面状态模板

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

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

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

示例

扫码体验

代码示例

请使用百度APP扫码

代码示例

 
 
 
  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://cdbrznjsb.com/article/coessij.html
  • 网站建设专属方案

  • 网站定制化设计

  • 7X24小时服务

  • N对管家服务

让你的专属顾问为你服务