@litilexuezha/mini-components

Mini Components

小程序组件

使用

npm install @shuli/mini-components --save --registry http://registry.npm.shuli.com

然后在对应的index.json中引用

"usingComponents": {
  "xx": "@shuli/mini-components/alipay/xx"
}

目录结构

请注意组件与测试页面名相互 对应

├── alipay
│   ├── xxx        组件名
│   └── tests      测试
├── wechat         微信？可能之后会有
│   └── ...
├── README.md
└── package.json

图片使用

将图片上传至金融云 oss ，统一放到 sl-miniapp-frontend 的 @shuli/mini-components 下，之后复制外链后访问。命名有三部分：

1. 类型，alipay or wechat
2. 组件名称，xx
3. 具体作用 只有一张图片可省略

示例：alipay-network-error.png

尽量少用图片，且先到 <tinypng.com> 压缩后上传。

组件一览

alipay 为支付宝；wechat 为微信

alipay/network-error

无网络连接。在当前页面fixed全屏区域，有网时隐藏并自动切换