开源了一个uni-app组件库, 这里有你想要的。

介绍

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到项目即可使用。

2 声望
1 粉丝
0 条评论
推荐阅读
单文件组件下的vue,可以擦出怎样的火花
与时俱进吧,看着 vue3 和 vite,虽然不会用,但还是心痒痒,然后就把原先基于 vue@2 的实现做了重构。不周之处,大家见谅!下面关于过期的内容,我就用删除线标记了。

leftstick65阅读 45.2k评论 18

从零搭建 Node.js 企业级 Web 服务器(零):静态服务
过去 5 年,我前后在菜鸟网络和蚂蚁金服做开发工作,一方面支撑业务团队开发各类业务系统,另一方面在自己的技术团队做基础技术建设。期间借着 Node.js 的锋芒做了不少 Web 系统,有的至今生气蓬勃、有的早已夭折...

乌柏木150阅读 12.4k评论 10

正则表达式实例
收集在业务中经常使用的正则表达式实例,方便以后进行查找,减少工作量。常用正则表达式实例1. 校验基本日期格式 {代码...} {代码...} 2. 校验密码强度密码的强度必须是包含大小写字母和数字的组合,不能使用特殊...

寒青56阅读 7.9k评论 11

JavaScript有用的代码片段和trick
平时工作过程中可以用到的实用代码集棉。判断对象否为空 {代码...} 浮点数取整 {代码...} 注意:前三种方法只适用于32个位整数,对于负数的处理上和Math.floor是不同的。 {代码...} 生成6位数字验证码 {代码...} ...

jenemy46阅读 6.1k评论 12

从零搭建 Node.js 企业级 Web 服务器(十五):总结与展望
总结截止到本章 “从零搭建 Node.js 企业级 Web 服务器” 主题共计 16 章内容就更新完毕了,回顾第零章曾写道:搭建一个 Node.js 企业级 Web 服务器并非难事,只是必须做好几个关键事项这几件必须做好的关键事项就...

乌柏木66阅读 6.2k评论 16

再也不学AJAX了!(二)使用AJAX ① XMLHttpRequest
「再也不学 AJAX 了」是一个以 AJAX 为主题的系列文章,希望读者通过阅读本系列文章,能够对 AJAX 技术有更加深入的认识和理解,从此能够再也不用专门学习 AJAX。本篇文章为该系列的第二篇,最近更新于 2023 年 1...

libinfs40阅读 6.4k评论 12

封面图
从零搭建 Node.js 企业级 Web 服务器(一):接口与分层
分层规范从本章起,正式进入企业级 Web 服务器核心内容。通常,一块完整的业务逻辑是由视图层、控制层、服务层、模型层共同定义与实现的,如下图:从上至下,抽象层次逐渐加深。从下至上,业务细节逐渐清晰。视图...

乌柏木44阅读 7.5k评论 6

2 声望
1 粉丝
宣传栏