Skip to content
This repository has been archived by the owner on Sep 14, 2021. It is now read-only.

kkguan/air-weapp

 
 

Repository files navigation

简单,实用的小程序 UI 库

Air Weapp

Build Status

概述

air-weapp 小程序UI库,简单, 实用。

⚡ 现已支持npm支持下载!请放心食用~

组件现已包含actionsheet, badge, button, cell, cell-group, icon, loading, loadmore, panel, popup, rate, stepper, switch, timer, top-tips, upload, qrcode.

下载

 npm install air-weapp --production

预览

AirUI-WeApp

  1. 在 air-weapp 根目录下运行
    # 安装项目依赖
    npm install
    # 执行组件编译
    npm run dev
  2. 打开微信web开发者工具,'本地小程序项目 - 添加项目',把 air-weapp/example 目录添加进去就可以预览示例demo了。

使用

把项目根目录下的dist目录,复制到项目中。

  1. 正常组件

    如按钮组件,只需要在页面中引入按钮自定义组件即可。

    {
        "usingComponents": {
            "air-button": "air-weapp/btn"
        }
    }
    <!-- example/btn/index.html -->
    <air-button>按钮</air-button>
  2. API类组件

    如 Top-Tips 组件,需要先在页面上引入自定义组件。之后在逻辑运行时,直接调用方法即可展示

    {
        "usingComponents": {
            "air-top-tips": "air-weapp/top-tips"
        }
    }
    <air-top-tips id="tips" />
        const { tips } = require('air-weapp/base/index');
    
        tips({
            content: '这是一条普通提醒'
        });

开源协议

本项目基于 MIT协议,请自由地享受和参与开源。

贡献

如果你有好的意见或建议,欢迎给我们提 [issue] 或 [PR],为优化 [Air-Weapp] 贡献力量

About

简单, 实用的小程序UI库

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • JavaScript 100.0%