字體圖標可以到阿里巴巴矢量圖上下載。
將下載好的iconfont.ttf放進mui/dist/fonts里面。在mui.css中加入以下代碼。
@font-face { font-family: Muiicons; font-weight: normal; font-style: normal; src: url('../fonts/icon.ttf') format('truetype');
} <!-- 從阿里巴巴矢量圖上選好圖標下載下來后,會包括一下代碼,引入后,就能使用了 --> .icon-myshouye:before { content: "\e605"; } .icon-myhuiyuan:before { content: "\e636"; } .icon-myicon-:before { content: "\e64b"; } .icon-mygaiicon-:before { content: "\e6cf"; }
<span class="mui-icon icon-myshouye"></span> //這樣就能調用了