アリババベクトルアイコンライブラリの使用方法

1964 ワード

1.使いたいiconを選んでカートに保存し、カートに入ってダウンロードコードを選択
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;
  }