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"
}

2. 在对应页面的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,
        })
    }
})

各组件的具体用法需要参考具体文档：使用文档