请选择 进入手机版 | 继续访问电脑版
 找回密码
 立即注册
搜索

第三方工具 快应用UI组件库Quist-UI

14
回复
1164
查看
  [复制链接]

5

主题

25

帖子

150

积分

 楼主| 2018-10-9 13:43:59 显示全部楼层 |阅读模式
本帖最后由 secretFE 于 2018-11-5 11:03 编辑

一套基于快应用开发的UI组件库,总结了业务中常用的UI组件,开发者可下载即用。
通过下面的二维码,可以在手机中体验 Quist-UI (请使用快应用调试器扫码):



ty.png

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~

文档

组件列表

基础组件
表单组件

功能组件

提示反馈

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


回复

使用道具 举报

0

主题

17

帖子

85

积分

2018-10-10 14:34:47 显示全部楼层
不错,研究了下动画样式代码  从下面升到上面的抽屉组件我也写过,没有动态变化高度,一直不行,现在可以了
回复

使用道具 举报

5

主题

25

帖子

150

积分

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

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

使用道具 举报

5

主题

25

帖子

150

积分

 楼主| 2018-10-24 10:03:41 显示全部楼层
quist-ui发布1.0.5版本,新增了城市选择组件和Picker组件
回复

使用道具 举报

5

主题

25

帖子

150

积分

 楼主| 2018-10-26 10:08:34 显示全部楼层

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

使用道具 举报

5

主题

25

帖子

150

积分

 楼主| 2018-11-1 16:49:54 显示全部楼层
quits-ui发布1.0.8版本,更新内容如下:
1. 优化 Button 组件,可自定义按钮的大小、颜色、边框、圆角及按钮文字大小、颜色。
2. 新增 Tabs 组件。

关注quist-ui的同学可以看下我们的更新日志,我们团队一直在不断优化、完善,以满足更多开发者的使用需求。日志url:https://jdsecretfe.github.io/quist-ui/guide/CHANGELOG.html
回复

使用道具 举报

5

主题

25

帖子

150

积分

 楼主| 2018-11-12 10:53:15 显示全部楼层
1.0.9
  • 优化 Counter 组件,可自定义样式,计数器的宽高、边框颜色、圆角大小、加减号按钮的背景色、字体大小、字体颜色、禁用时的字体颜色。
  • 删除 Counter 组件中间可输入的功能。
  • 更新了 Swiper 的展示形式及索引的样式

回复

使用道具 举报

5

主题

25

帖子

150

积分

 楼主| 2018-11-12 10:53:32 显示全部楼层
本帖最后由 secretFE 于 2018-11-19 16:29 编辑

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

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

回复

使用道具 举报

0

主题

7

帖子

35

积分

2018-11-22 16:25:23 显示全部楼层
请问是组织
回复

使用道具 举报

5

主题

25

帖子

150

积分

 楼主| 2018-11-23 09:20:45 显示全部楼层

??
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册