014 Mui

 一：概述

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.效果