收藏
评论

高颜值, 高效率微信小程序组件库kai-ui(支持npm安装)


Github地址

地址

安装使用

安装npm包。

npm i kai-ui --save-dev

使用场景

该版本基于微信小程序环境、wepy 框架。
wepy-cli 版本要求 ^1.7.3,
低于 1.7.3 版本的可以直接把 src/component src/less下的资源文件拷贝到自己项目 component less 目录下

预览小程序


组件列表

  • [x] cell 列表

  • [x] button 按钮

  • [x] icon 图标

  • [x] popup 弹出层

  • [x] tag 标记

  • [x] tab 标签

  • [x] select 选择

  • [x] toptips 顶部提示

  • [x] toast 轻提示组件、

  • [x] numberpicker 数字输入框

  • [x] switch 开关

  • [x] actionsheet 操作盘

  • [x] dialog 对话框

  • [x] uploader 上传

  • [x] grid 宫格

  • [x] loadmore 更多

  • [x] loading 加载中

  • [x] panel 面板

  • [x] layout 布局

  • [x] checkbox 复选框

  • [x] radio 单选框

  • [x] noticebar 通知栏

  • [x] searchbar 搜索框

  • [x] input 输入框

  • [ ] step 步骤条

  • [ ] slider 滑块

  • [ ] rate 星级评分

  • [ ] folder 折叠面板

  • [ ] backtotop 返回顶部

  • [ ] calander 日期选择

  • [ ] swipeout 滑动菜单

  • [ ] scrollviewrefresh 下拉刷新


最后一次编辑于  2018-08-17  (未经腾讯允许,不得转载)
复制链接收藏赞 2

25 个评论

  • 卢霄霄
    卢霄霄
    2018-08-17

    不放点图?

    2018-08-17
    赞同
    回复 1
    • Chaunjie
      Chaunjie
      2018-08-17

      截图太麻烦了,直接可以扫码小程序预览

      2018-08-17
      赞同
      回复
  •  
     
    2018-08-20

    使用教程没有吗

    2018-08-20
    赞同
    回复 1
    • Chaunjie
      Chaunjie
      2018-08-20

       https://chaunjie.github.io/kai-ui/index.html#/components

      2018-08-20
      赞同
      回复
  • xxxx
    xxxx
    2018-08-23

    好东西,收藏一下。

    2018-08-23
    赞同
    回复 1
    • Chaunjie
      Chaunjie
      2018-08-23

      谢谢支持

      2018-08-23
      赞同
      回复
  • 杭_
    杭_
    2018-08-23

    好东西,感谢楼主

    2018-08-23
    赞同
    回复 1
    • Chaunjie
      Chaunjie
      2018-08-23

      谢谢支持

      2018-08-23
      赞同
      回复
  • 爱本无心
    爱本无心
    2018-08-24

    麻烦楼主可以发一下预览小程序的源码吗?(本人小白)

    2018-08-24
    赞同
    回复 5
    • Chaunjie
      Chaunjie
      2018-08-24

      github上面就是源码

      2018-08-24
      赞同
      回复
    • 爱本无心
      爱本无心
      2018-08-24回复Chaunjie

      不好意思啊,本人太菜,刚开始接触。那个GitHub上的是微信小程序的源码?!

      2018-08-24
      赞同
      回复
    • Chaunjie
      Chaunjie
      2018-08-24回复爱本无心

      https://github.com/Chaunjie/kai-ui 上面有源码

      2018-08-24
      赞同
      回复
    • 爱本无心
      爱本无心
      2018-08-24回复Chaunjie

      好,谢谢大佬

      2018-08-24
      赞同
      回复
    • Chaunjie
      Chaunjie
      2018-08-24回复爱本无心

      觉得好的可以给个star

      2018-08-24
      赞同
      回复
  • (๑`・ᴗ・´๑)
    (๑`・ᴗ・´๑)
    2018-08-28

    挺不错的,panel和搜索框我觉得we-ui的比较好,建议可以参考下,其他的真的挺全,表示下个项目会用

    2018-08-28
    赞同
    回复 1
    • Chaunjie
      Chaunjie
      2018-08-28

      谢谢支持,我去看下weui组件库

      2018-08-28
      赞同
      回复
  • 罢罢
    罢罢
    2018-09-12

    感谢楼主分享,很棒!

    2018-09-12
    赞同
    回复 1
    • Chaunjie
      Chaunjie
      2018-09-12

      谢谢支持

      2018-09-12
      赞同
      回复
  • 蛋蛋
    蛋蛋
    2018-11-21

    请问下这个源码下载后为什么用微信开发者工具打不开?

    2018-11-21
    赞同
    回复 5
    • Chaunjie
      Chaunjie
      2018-11-21

      需要跑dist目录

      2018-11-21
      赞同
      回复
    • 蛋蛋
      蛋蛋
      2018-11-21回复Chaunjie

      没找到你说的这个啊

      2018-11-21
      赞同
      回复
    • Chaunjie
      Chaunjie
      2018-11-21回复蛋蛋

      需要先npm run dev 会出来打包后的dist目录

      2018-11-21
      赞同
      回复
    • 蛋蛋
      蛋蛋
      2018-11-21回复Chaunjie

      小白表示没有接触过npm啊   不知道怎么弄

      2018-11-21
      赞同
      回复
    • Chaunjie
      Chaunjie
      2018-11-21回复蛋蛋

      你先去了解下概念,网上有教程

      2018-11-21
      赞同
      回复