1.0.32 • Published 3 years ago
sparrow_miniapp_ui_c v1.0.32
sparrow_miniapp_ui
介绍
sparrow_miniapp_ui 是北京汉光百货前端团队自主开发的微信小程序ui组件库,旨在帮助开发者快速开发微信小程序。
注意:目前该组件库还处于beta阶段,图标库还未完善。非团队成员请先不要使用该组件库。
快速上手
使用之前
微信小程序最低基础版本号为:1.9.90
注意:部分组件的部分功能要求的版本号比较高,如果发现部分功能不生效,可能是版本号太低的原因
组件是基于微信小程序自定义组件构建,需要开发者先阅读熟悉小程 自定义组件
引入组件
通过npm
的方式下载构建
注意
【特别注意】:将 app.json 中的 "style": "v2" 去除,小程序的新版基础组件强行加上了许多样式,难以去除,不关闭将造成部分组件样式混乱!!!
如何使用
以actionsheet为例:
1. 在页面的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,
})
}
})
各组件的具体用法需要参考具体文档:使用文档
1.0.32
3 years ago
1.0.31
3 years ago
1.0.30
3 years ago
1.0.29
4 years ago
1.0.28
4 years ago
1.0.27
4 years ago
1.0.26
4 years ago
1.0.25
4 years ago
1.0.24
4 years ago
1.0.23
4 years ago
1.0.22
4 years ago
1.0.21
4 years ago
1.0.20
4 years ago
1.0.19
4 years ago
1.0.18
4 years ago
1.0.17
4 years ago
1.0.16
4 years ago
1.0.15
4 years ago
1.0.14
4 years ago
1.0.13
4 years ago
1.0.12
4 years ago
1.0.11
4 years ago
1.0.10
4 years ago
1.0.9
4 years ago
1.0.8
4 years ago
1.0.7
4 years ago
1.0.6
4 years ago
1.0.5
4 years ago
1.0.4
4 years ago
1.0.3
4 years ago
1.0.2
4 years ago
1.0.1
4 years ago
1.0.0
4 years ago