014 Mui

Posted 2022-09-20 juncaoit

 一：概述

1.说明

　　是开发出来的一套好用的代码片段

　　任何项目都可以使用MUI

　　官网：https://dev.dcloud.net.cn/mui/

　　不能使用npm进行下载，需要手动从git上下载

 

2.下载之后的包结构

　　

  

3.在项目src下新建一个lib

　　这个文件夹用于手动下载的包

　　

 

 

4.拷贝dist

　　将mui打包好的dist拷贝进刚刚新建的lib下，考虑到是mui的手动包，所以修改为mui

　　

 

 

5.使用参考文档

　　

 

 

二：使用

1.导入样式表

　　在main.js中导入

　　import ‘./lib/mui/css/mui.min.css‘

 

2.在App.vue中使用

　　<button type="button" class="mui-btn mui-btn-royal">紫色</button>

 

3.效果