介绍

本项目为 colorUI3.x 微信小程序原生版。

colorUI3.x 默认只支持 uni-app，本项目中 colorUI 框架为移植修改版。

colorUI3.x 地址： https://github.com/weilanwl/coloruiBeta

在线文档：https://mp.color-ui.com/ （主地址，挂在Github上的）

备用在线文档：https://mp-cu.izaizai.cn/ （防止Github抽风，挂在vercel.com上的，建议收藏下）

内置的vuex 渲染引擎参考了 wxMiniStore 项目。

准备配置

需要先升级小程序开发工具到 2021-10-11 之后的版本, 然后，检查根目录下，project.config.json 配置文件内的 "setting" 节点下，是否配置了：

"useCompilerPlugins": [
    "sass"
]

如果没有配置，需要手动配置一下

由于小程序默认开启了 v2 的样式，在v2模式下，colorUI 部分样式会失效。 完整 colorUI 样式，需要在 app.json 文件内，删除 "style": "v2" 即可

"style": "v2"

框架配置

您可单独设置一个 config.js 里面配置相关信息，然后暴露方法给 app.js 在全局引用

import { ColorUi } from './config'
App({  
    ColorUi,        //挂载到app上，此步骤必须要有！
    onLaunch() {
        
    }
})

然后在根目录的 app.scss 文件里引入相关框架的css文件。

@import './mp-cu/colorUI/scss/ui';

/* 实际项目中，可删除下面的相关文件和引用，因为图标太多，体积较大，可能你项目里并不需要这么多图标，建议自行添加需要的扩展icon图标引用。*/
/* @import './mp-sdk/icon/doc'; */

更多相关内容，可访问：mp.color-ui.com/

鸣谢

感谢 【文晓港(ColorUI作者 / @weilanwl)】, 【胖虎(@bypanghu)】