Quist-UI

快应用UI组件库，简洁，易用，高效

在线体验

通过下面的二维码，可以在手机中体验 Quist-UI (请使用快应用调试器扫码)：

github: github.com/JDsecretFE/…

安装

$ npm install quist-ui -D 或 $ yarn add quist-ui --dev

配置

如果是在已有项目安装，请按如下代码配置webpack

var path = require('path')
module.exports = {
  postHook: function(webpackConf, options){
    webpackConf.resolve.alias = Object.assign(webpackConf.resolve.alias || {}, {
      '@quist-ui': path.join(process.cwd(), 'node_modules/quist-ui/components')
    })
  }
}

本地体验

此操作适用于在没有项目的基础上进行安装

1. Clone Quist-UI 仓库到本地
2. 安装依赖 $ npm install
3. 在 quist-ui 根目录下执行 $ npm run watch
4. 在 quist-ui 根目录下执行 $ npm run server
5. Done~

文档

• Quist-UI 组件库文档
• Quist-UI 源码地址

组件列表

• 基础组件
  • 进度条 progress
• 表单组件
  • 按钮 button
  • 多选框 checkbox
  • 单选框 radio
  • 开关 switch
  • 输入框 input
• 功能组件
  • 计数器 counter
  • 加载 loading
  • 轮播图 swiper
  • 城市选择器 cityPicker
  • 选择器 picker
• 提示反馈
  • 抽屉 drawer
  • 提示 toast
  • 对话框 dialog

开源协议

本项目基于 MIT License，请自由的享受、参与开源。