乐趣区

关于vue.js:开源了一个uniapp组件库-这里有你想要的

介绍

cc-ui 是 uni-app 生态组件库, 主旨是所有为了简略。

因为作者儿子名字叫岑岑, 所以为组件库名字取名为 cc, 算是送给儿子的礼物。

本组件库应用与 uni-app 开发, 目前适配了全副 h5 和微信小程序端, 大部分的 app 端, 后续会陆续适配所有端。
在保护此组件库的同时, 作者也会陆续推出 vue3 版本和 react 版本, 敬请期待。

在线文档

cc-ui 在线文档

在线预览

  1. 你能够通过手机浏览器拜访: cc-ui, 如是用电脑浏览器拜访, 请将浏览器设置为手机模式。
  2. 微信小程序请扫码预览或者间接在小程序市场搜寻 ccccccui 组件库

    <img src=’https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/e574d4477d9b4f3aaecc98b47ca4ed20~tplv-k3u1fbpfcp-zoom-1.image’ width=’300′ height=’300′>

初衷

原本并没有想做成组件库的, 一开始是作者为了写 vue3 + ts 的组件, 而后模拟 vant 组件库写了很多组件, 写着写着不经意写了 20 多个了, 前面转念一想, 原本当初工作中用 uni-app 用的比拟多, 何不做成一个组件库, 毕竟当初 uni-app 组件毕竟少, 而后一发不可收拾, 间接写了 60 多个组件。

借鉴

该组件库的 api 和款式次要借鉴了 uview 和 vant, 但在编写组件的过程中, 发现这两个组件库的个别 api 设计的不是很合乎我的预期, 我的预期是每个组件要有高度的扩展性和自定义性, 于是在编写的过程当中从新设计了很多 api, 所以可能大家第一次用的时候可能不太习惯, 但为了更好的扩大, 我也只能这样。在此, 特别感谢 uview 和 vant 这两个组件库的作者, 这两个组件库真的很优良, 我也只能缓缓追赶他们, 当然只借鉴了款式, 但组件代码还是本人辛辛苦苦设计编写的。

劣势

cc-ui 次要集成了 uview 和 vant 的大部分组件, 包含 vant 独有的业务组件, 因为之前看到很多同学吐槽, 用惯了 vant, 发现其余组件库没有 vant 的一些组件, 我就在想, 何不把 vant 的组件搬过去呢, 在此再次申明, 只借鉴了款式和个别 api, 因为 vant 是用 jsx 编写的, 所以对我的代码没有意义。所以咱们的劣势就是这里有你想要的组件。

收货

vue 的常识倒没多少提高, 只能说更相熟了, 倒是 css 提高一大截, 特地是动画成果, 还学会了应用 vuepress 部署文档。

布局

作者接下来的大部分工夫会投入到组件库的保护和更新下面, 并且会陆续推出 vue3 的版本 (曾经编写了一半的组件)和 react 版本, 我还在思考是编写纯 react 的还是 taro 的, 心愿各位同学给我一点倡议。

心愿

因为所有的组件和文档都是我一个人编写的, 作者一个人精力切实无限, 而且又要带孩子, 常常爆肝到凌晨两三点, 所以我心愿有更多的同学可能退出进来, 欢送大家参加开源我的项目的为何和更新, 更加欢送大家 pr。

cc-ui 交换群: 868811435

请备注: cc-ui

最初

我只是一个一般的码农, 写组件库也只是本人的趣味和情怀, 心愿大家给与更多的宽容和了解, 写的代码必定问题还很多, 心愿和大家一起提高, 共同努力, 欢送大家 pr 和 star。

目前该组件库还在 uni-app 插件市场审核中, 审核通过即可应用, 你也能够从 github 下面下载源码, 在我的项目当中导入 components 到我的项目即可应用。

退出移动版