sparrow_miniapp_ui
v1.0.10
Published
sparrow_miniapp_ui 是北京汉光百货前端团队自主开发的微信小程序ui组件库,旨在帮助开发者快速开发微信小程序。 > 注意:目前该组件库还处于beta阶段,图标库还未完善。非团队成员请先不要使用该组件库。
Downloads
13
Keywords
Readme
sparrow_miniapp_ui
介绍
sparrow_miniapp_ui 是北京汉光百货前端团队自主开发的微信小程序ui组件库,旨在帮助开发者快速开发微信小程序。
注意:目前该组件库还处于beta阶段,图标库还未完善。非团队成员请先不要使用该组件库。
快速上手
使用之前
微信小程序最低基础版本号为:1.9.90
注意:部分组件的部分功能要求的版本号比较高,如果发现部分功能不生效,可能是版本号太低的原因
组件是基于微信小程序自定义组件构建,需要开发者先阅读熟悉小程 自定义组件
引入组件
通过npm
的方式下载构建
如何使用
以actionsheet为例:
- 在页面的json文件中加入 usingComponents 配置字段
"usingComponents": {
"spr-actionsheet": "miniprogram_npm/sparrow_miniapp_ui/actionsheet/actionsheet"
}
- 在对应页面的wxml中直接使用改组件
<spr-actionsheet show="{{show}}" selectList="{{selectList}}" title="{{title}}" active="{{active}}" bind:select="select"></spr-actionsheet>
Page({
data: {
show: false,
selectList: ['选项一', '选项二', '选项三'],
active: 0,
title: '这是一个标题'
},
showActionSheet() {
this.setData({
show: true,
})
},
select(e) {
let {
value,
index
} = e.detail;
this.setData({
active: index,
})
}
})
各组件的具体用法需要参考具体文档:使用文档