自定義圖標(biāo)的添加方法：
CustomIcon 擴展自定義圖標(biāo)庫 | uView 2.0 - 全面兼容nvue的uni-app生態(tài)框架 - uni-app UI框架
這里1.0版本和2.0版本教程都是一樣的，估計是很長沒動過了。
解決步驟：
1.先按照上述鏈接把圖標(biāo)css文件下載下來，然后把css中的修改成和官方教程中的一樣
2.修改css中的類名，把custom-icon改成custom-icon-，（原理在最下面）
修改之后的，
@font-face {
/* 聲明"custom-icon"字體 */
font-family: "custom-icon";
src: url('data:application/x-font-woff2;charset=utf-8;base64,xxxxxxxx') format('woff2');
}
.custom-icon- {
/* 引用上面聲明的"custom-icon"字體 */
font-family: "custom-icon" !important;
font-size: 16px;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/* 字體圖標(biāo)的前綴為"custom-icon-" */
.custom-icon-copy:before {
content: "\e641";
}3.寫代碼，把圖標(biāo)引入進去，注意這里用的代碼和官方的不同
<u-icon custom-prefix="custom-icon-copy custom-icon"></u-icon>原理（可以不看）：
官方說的給兩個值，一個是custom-prefix，一個是name，其實在內(nèi)部合并成了custom-prefix-name。舉例：
<u-icon custom-prefix="custom-icon" name="copy"></u-icon>在組件u-icon內(nèi)部處理出兩個參數(shù)，一個是uClasses，是個類組成的數(shù)組，這里會push進去custom-prefix加上-和name拼接成的類名，也就是第一步的css中類名；一個是icon，自定義圖標(biāo)下用的是name。
也就是參數(shù)傳遞進去的組件和下面的一樣
<text
class="custom-icon-copy"
>copy</text>這樣自定義圖標(biāo)是出不來的。換個寫法就行了，同時不把name傳遞進去，因為圖標(biāo)遮不住這個參數(shù)name的文字。文章來源：http://www.zghlxwxcb.cn/news/detail-490793.html
<text
class="custom-icon-copy custom-icon"
></text>所以寫法應(yīng)該是這樣的。之所以在第一步把css的類名后面加-，是因為組件u-icon內(nèi)部會自己拼接上減號，custom-icon傳進去會變成custom-icon-文章來源地址http://www.zghlxwxcb.cn/news/detail-490793.html
<u-icon custom-prefix="custom-icon-copy custom-icon"></u-icon>到了這里，關(guān)于解決uView添加自定義圖標(biāo)不成功的文章就介紹完了。如果您還想了解更多內(nèi)容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
