uniapp引入最新版coloruiBeta

去官网下载color ui【https://gitee.com/color-ui/coloruiBeta】

1 创建uniapp项目，将coloruiBeta中的ui和app两个文件都复制到项目中，然后在uni.scss中引入全局的scss 

@import '@/ui/scss/var';

2 在项目的App.vue中引入js和scss

<script>
    import store from '@/ui/store'
</script>

<style lang="scss">
    /*每个页面公共css */
    @import '@/ui/scss/ui';
</style>

3 到项目的main.js中引入ui 

import ui from './ui'

4 配置easycom组件自动引入规则，传统vue组件，需要安装、引用、注册，三个步骤后才能使用组件。easycom将其精简为一步。只要组件路径符合规范，就可以不用引用、注册，直接在页面中使用。

复制以下代码到pages.json中

{
    "pages": [
         // ...
     ],
    "easycom": {
        "ui-(.*)": "@/ui/components/ui-$1/ui-$1.vue"
    }
}