现下载dist文件夹放在static目录下，

在main.js引入

import ‘../static/dist/css/iconfont.css‘
import ‘../static/dist/css/mui.css‘
import ‘../static/dist/js/mui.js‘

自定义图标

在iconcss修改

@font-face {font-family: "iconfont";
src:url(‘../fonts/iconfont.ttf‘) format(‘truetype‘);
}

.iconfont {
font-family: "iconfont" !important;
font-size: 16px;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

.icon-beijingtuda:before {
content: "\e600";
}

.icon-beijingtu1:before {
content: "\e635";
}

.icon-14:before {
content: "\e646";
}

.icon-13:before {
content: "\e647";
}

.icon-10:before {
content: "\e648";
}

去阿里巴巴下载，只保留iconfont.css.和icont.tff分别放进去对应的文件夹

此时js报错

解决[Intervention] Unable to preventDefault inside passive event listener due to target being treated as passive. See URL报错

在css里面

* {
touch-action: pan-y;

}

报错解决

vue mui使用

原文：https://www.cnblogs.com/xzhce/p/12957684.html