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

技术分享 快应用UI组件库Quist-UI

2
回复
102
查看
[复制链接]

3

主题

5

帖子

40

积分

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

一套基于快应用开发的UI组件库,总结了业务中常用的UI组件,开发者可下载即用。


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




github: https://github.com/JDsecretFE/quist-ui


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


文档




组件列表

表单组件
按钮 button
多选框 checkbox
单选框 radio
开关 switch
输入框 input

功能组件
计数器 counter
加载 loading
轮播图 swiper

提示反馈
抽屉 drawer
提示 toast
对话框 dialog


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







回复

使用道具 举报

0

主题

17

帖子

85

积分

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

使用道具 举报

3

主题

5

帖子

40

积分

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

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

使用道具 举报

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