0.0.4 • Published 4 years ago

mini-scaffold v0.0.4

Weekly downloads
-
License
MIT
Repository
-
Last release
4 years ago

支付宝小程序开发脚手架

说明

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

主要功能:

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>