Quist-UI

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

在线体验

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

安装

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

配置

如果是在已有项目安装，创建一个webpack.config.js文件(在根目录下，创建一个config文件夹，然后把此文件放入config文件夹下)，并添加如下配置

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
  • 步骤条 steps
• 表单组件
  • 按钮 button
  • 多选框 checkbox
  • 单选框 radio
  • 开关 switch
  • 输入框 input
  • 评分 rate
  • 滑动输入条 slider
• 功能组件
  • 计数器 counter
  • 加载 loading
  • 轮播图 swiper
  • 列表索引 indexlist
  • 选择器 picker
  • 滑动输入条 slider
• 提示反馈
  • 抽屉 drawer
  • 提示 toast
  • 对话框 dialog

反馈沟通

请扫码进入微信群，此群可快速及时地解答问题。

开源协议

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