页面状态模板

解释: 页面状态模板，可通过配置theme主题选择不同的页面状态：loadingStatus加载中，noWifiStatus无网络，noContent暂无内容。

示例

扫码体验

使用方法

-

  1. npm i @smt-ui-template/page-status

-

  1. npm i

代码示例

  1. <view class="card-panel">    <smt-page-status        s-if="{{theme == 'loadingStatus'}}"        class="area-content"        loading="{{loadingStatus.loading}}">    </smt-page-status>    <smt-page-status        s-if="{{theme == 'noWifiStatus'}}"        class="area-content"        loading="{{noWifiStatus.loading}}"        icon="{{noWifiStatus.icon}}"        title="{{noWifiStatus.title}}"        desc="{{noWifiStatus.desc}}"        bind:smtreloading="reloading"        data-theme="{{theme}}">    </smt-page-status>    <smt-page-status        s-if="{{theme == 'noContent'}}"        class="area-content"        loading="{{noContent.loading}}"        title="{{noContent.title}}"        desc="{{noContent.desc}}"        showBtn="{{noContent.showBtn}}">    </smt-page-status></view>
  • 可在js中配置不同的theme数据，展示不同的模板状态：loadingStatus加载中，noWifiStatus无网络，noContent暂无内容。

    Bug & Tip

  • -