快应用UI组件库Quist-UI
本帖最后由 secretFE 于 2018-11-5 11:03 编辑一套基于快应用开发的UI组件库,总结了业务中常用的UI组件,开发者可下载即用。
通过下面的二维码,可以在手机中体验 Quist-UI (请使用快应用调试器扫码):
github: https://github.com/JDsecretFE/quist-ui
安装$ npm install quist-ui -D or $ 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')
})
}
}
本地体验
此操作适用于在没有项目的基础上进行安装
[*]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,你们的支持就是我们的动力。
不错,研究了下动画样式代码从下面升到上面的抽屉组件我也写过,没有动态变化高度,一直不行,现在可以了 快应用布道者 发表于 2018-10-10 14:34
不错,研究了下动画样式代码从下面升到上面的抽屉组件我也写过,没有动态变化高度,一直不行,现在可以了 ...
这里我们把高度或宽度暴露给调用者,调用者可自己设置想要的高度或宽度mask的值。 quist-ui发布1.0.5版本,新增了城市选择组件和Picker组件
quist-ui发布1.0.6版本,新增了 Progress进度条 组件 quits-ui发布1.0.8版本,更新内容如下:
1. 优化 Button 组件,可自定义按钮的大小、颜色、边框、圆角及按钮文字大小、颜色。
2. 新增 Tabs 组件。
关注quist-ui的同学可以看下我们的更新日志,我们团队一直在不断优化、完善,以满足更多开发者的使用需求。日志url:https://jdsecretfe.github.io/quist-ui/guide/CHANGELOG.html 1.0.9
[*]优化 Counter 组件,可自定义样式,计数器的宽高、边框颜色、圆角大小、加减号按钮的背景色、字体大小、字体颜色、禁用时的字体颜色。
[*]删除 Counter 组件中间可输入的功能。
[*]更新了 Swiper 的展示形式及索引的样式
本帖最后由 secretFE 于 2018-11-19 16:29 编辑
Quist-UI发布1.1.0大版本,由于这版改动的较多,感兴趣可以直接看下面的地址https://jdsecretfe.github.io/quist-ui/guide/CHANGELOG.html。
目前90%的组件都支持开发者自定义样式。传值方式大有不同,可以看Checkbox、Radio或Switch组件。灵活得不得了~~~
请问是组织 大橙子 发表于 2018-11-22 16:25
请问是组织
??
页:
[1]
2