uniapp怎么导入MinUI呢？

分类：uni-app

有个MinUI的库，觉得还不错，也写顺手了uniapp。那么怎么把这个UI库导入到uniapp项目中呢？

2019-09-23 10:16 负责人:无分享

5 个回复

hhyang - 如有问题，请添加QQ1606726660 备注付费咨询

具体步骤

初始 在顶级目录下新建 wxcomponents 文件夹并在 wxcomponents 文件夹下新建 MinUI 文件夹
安装 https://github.com/meili/minui 下载下来然后再把 packages 文件加下的所有复制到 MinUI 文件夹下，然后再安装他的脚手架 git clone https://github.com/meili/min-cli 然后切换到刚才的哪里目录下 cd ~/usingComponents/MinUI min dev 应该会生成一个 dist 文件然后你在引用下面的文件就好了
使用 在 pages.json 里找到你需要使用的页面新增 usingComponents 节点并填入你想用使用的组件。然后在页面中使用即可
效果 配置好后需要重新编译项目这种仅限 APP 及 小程序

        {  
            "path": "pages/tabbar/tabbar1",  
            "style": {  
                "usingComponents": {  
                                         'xxxxx': '/wxcomponents/MinUI/dist/xxxx'  
                },  
                "app-plus": {  
                    "bounce": "none",  
                    "scrollIndicator": "none"  
                }  
            }  
        }