アリババベクトルアイコンライブラリの使用方法
1.使いたいiconを選んでカートに保存し、カートに入ってダウンロードコードを選択
2.ロードした圧縮パッケージを解凍し、フォルダをsrcのディレクトリの下に置く.
例はsrc/assetsの下に置いてmain.jsにはinconfontが含まれている.js:
3.Vueファイルでの呼び出し:
ここで#icon-icon-test 1はアイコン名であり、ファイル家でdemo_index.htmlで表示
スタイルに追加
2.ロードした圧縮パッケージを解凍し、フォルダをsrcのディレクトリの下に置く.
例はsrc/assetsの下に置いてmain.jsにはinconfontが含まれている.js:
import '@/assets/iconfont/iconfont.js'
3.Vueファイルでの呼び出し:
ここで#icon-icon-test 1はアイコン名であり、ファイル家でdemo_index.htmlで表示
<svg class="icon" aria-hidden="true" >
<use xlink:href="#icon-icon-test1"></use>
</svg>
スタイルに追加
.icon {
width: 1.3em;
height: 1.3em;
vertical-align: -0.15em;
fill: currentColor;
overflow: hidden;
}