快应用UI组件库Quist-UI

secretFE

一套基于快应用开发的UI组件库，总结了业务中常用的UI组件，开发者可下载即用。 通过下面的二维码，可以在手机中体验 Quist-UI (请使用快应用调试器扫码)： github: https://github.com/JDsecretFE/quist-ui 安装

1. $ npm install quist-ui -D or $ yarn add quist-ui --dev

复制代码

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

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

复制代码

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

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

文档

Quist-UI 组件库文档

Quist-UI 源码地址

组件列表

基础组件

• 进度条 progress

表单组件

• 按钮 button
• 多选框 checkbox
• 单选框 radio
• 开关 switch
• 输入框 input

功能组件

• 计数器 counter
• 加载 loading
• 轮播图 swiper
• 城市选择器 cityPicker
• 选择器 picker

提示反馈

• 抽屉 drawer
• 提示 toast
• 对话框 dialog

如果觉得好用请在github给个star，你们的支持就是我们的动力。

快应用布道者

不错，研究了下动画样式代码 从下面升到上面的抽屉组件我也写过，没有动态变化高度，一直不行，现在可以了

secretFE

快应用布道者 发表于 2018-10-10 14:34 不错，研究了下动画样式代码 从下面升到上面的抽屉组件我也写过，没有动态变化高度，一直不行，现在可以了 ...

这里我们把高度或宽度暴露给调用者，调用者可自己设置想要的高度或宽度mask的值。

secretFE

quist-ui发布1.0.5版本，新增了城市选择组件和Picker组件

secretFE

quist-ui发布1.0.6版本，新增了 Progress进度条 组件

secretFE

quits-ui发布1.0.8版本，更新内容如下： 1. 优化 Button 组件，可自定义按钮的大小、颜色、边框、圆角及按钮文字大小、颜色。 2. 新增 Tabs 组件。 关注quist-ui的同学可以看下我们的更新日志，我们团队一直在不断优化、完善，以满足更多开发者的使用需求。日志url：https://jdsecretfe.github.io/quist-ui/guide/CHANGELOG.html

secretFE

1.0.9

• 优化 Counter 组件，可自定义样式，计数器的宽高、边框颜色、圆角大小、加减号按钮的背景色、字体大小、字体颜色、禁用时的字体颜色。
• 删除 Counter 组件中间可输入的功能。
• 更新了 Swiper 的展示形式及索引的样式

secretFE

Quist-UI发布1.1.0大版本，由于这版改动的较多，感兴趣可以直接看下面的地址

https://jdsecretfe.github.io/quist-ui/guide/CHANGELOG.html。

目前90%的组件都支持开发者自定义样式。传值方式大有不同，可以看Checkbox、Radio或Switch组件。灵活得不得了~~~

大橙子

请问是组织

secretFE

大橙子 发表于 2018-11-22 16:25 请问是组织

？？