colorui这是开发小程序的神器，非常好用，再也不用重复写繁琐的css代码了

第一次正式在项目中使用 ColorUI，说实话，之前一直听说它很强大，但真正用起来才发现，它比我想象的还要方便！作为一个常年和原生小程序开发打交道的程序员，这次体验让我有种“相见恨晚”的感觉。趁着今天项目告一段落，我来记录一下使用 ColorUI 的感受，顺便对比一下原生开发，看看它到底带来了哪些好处。

之前在论坛上有人介绍就去下载安装一下，以前用原生开发，光是写一个轮播图就得折腾半天：先写结构，再调样式，最后还得加 JavaScript 控制逻辑。使用 ColorUI，直接ctrol+c复制过来就能用

<swiper class="screen-swiper" :indicator-dots="true" :autoplay="true">
  <swiper-item>
    <image src="https://via.placeholder.com/750x350" mode="aspectFill"></image>
  </swiper-item>
</swiper>

原生开发时，我通常会用 flex 布局自己写一个网格，调间距、对齐方式、图标大小，一堆样式写下来，头都大了。而 ColorUI 直接提供了一个 grid 组件，只需要这样写：

<view class="cu-list grid col-4">
  <view class="cu-item" v-for="(item, index) in categoryList" :key="index">
    <image :src="item.icon" mode="aspectFill"></image>
    <text>{{ item.name }}</text>
  </view>
</view>

样式统一。以前用原生开发，每个页面的样式都是独立写的，经常会出现按钮大小不一致、颜色不统一的问题。而 ColorUI 提供了一套完整的样式规范，比如按钮的类名 cu-btn，卡片的类名 cu-card，直接用就行

原生开发的优点是可以完全自定义，但代价是工作量巨大，尤其是对于时间紧迫的项目，根本来不及打磨细节。而 ColorUI 在保证灵活性的同时，提供了大量现成的解决方案，让我可以把更多时间花在业务逻辑上，而不是纠结样式问题。

最近使用coloru做了一款工具有兴趣看看