支付宝小程序开发脚手架

说明

以统一规范快速开发支付宝小程序。

主要功能：

1、规范化接口配置。

2、自动埋点处理。

3、骨架屏和异常页处理。

API

use(pluginFn)

pluginFn函数接受两个参数：

第一个参数为 Page(options) 或 Component(options) 中的 options；

第二个参数为 true 代表是组件配置，否则是页面配置；

例如：

scaffold.use((options, isComponent) => options.isComponent = isComponent);

useConfig(options)

用于包装页面配置。

例如：

import { useConfig } from 'mini-scaffold';

Page(useConfig({
  data: {},
  onReady() {},
}));

useComponentConfig(options)

用于包装组件配置。 例如：

import { useComponentConfig } from 'mini-scaffold';

Component(useComponentConfig({
  data: {},
  didMount() {},
}));

对于页面实例或组件实例，有以下方法控制骨架屏和异常页展示：

this.showLoadingPage()

显示骨架屏

this.hideLoadingPage()

隐藏骨架屏

this.showErrorPage([type])

显示类型为 type 的错误页

this.hideErrorPage()

关闭错误页

骨架屏和错误页也可以自定义，方法如下：

<scaffold>
  <view slot="error">Error</view>
  <view slot="loading">Loading</view>
  <view>Page</view>
</scaffold>