真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆

vue.js使用字體圖標(biāo)庫(kù)的方法-創(chuàng)新互聯(lián)

小編給大家分享一下vue.js使用字體圖標(biāo)庫(kù)的方法，希望大家閱讀完這篇文章后大所收獲，下面讓我們一起去探討吧！

創(chuàng)新互聯(lián)建站專注于網(wǎng)站建設(shè)|成都網(wǎng)站維護(hù)|優(yōu)化|托管以及網(wǎng)絡(luò)推廣，積累了大量的網(wǎng)站設(shè)計(jì)與制作經(jīng)驗(yàn)，為許多企業(yè)提供了網(wǎng)站定制設(shè)計(jì)服務(wù)，案例作品覆蓋成都報(bào)廢汽車(chē)回收等行業(yè)。能根據(jù)企業(yè)所處的行業(yè)與銷(xiāo)售的產(chǎn)品，結(jié)合品牌形象的塑造，量身制作品質(zhì)網(wǎng)站。

vue.js使用字體圖標(biāo)庫(kù)的方法：首先選擇需要的圖標(biāo)并下載文件；然后把下載的文件放入【assets/iconfont】，并引入【iconfont.css】文件；最后在路由表中使用，標(biāo)注在icon中。

vue.js使用字體圖標(biāo)庫(kù)的方法：

1、選擇需要的圖標(biāo)加入購(gòu)物車(chē)–>然后添加入項(xiàng)目—>下載文件

vue.js使用字體圖標(biāo)庫(kù)的方法

2、把下載的文件放入 assets/iconfont

vue.js使用字體圖標(biāo)庫(kù)的方法

3、在 App.vue 中引入iconfont.css文件；

@import './assets/iconfont/iconfont.css';

4、在路由表中使用，標(biāo)注在 icon 中；

 {
       path: '',
       redirect: '/index',
       component: Layout,
       meta: { title: '首頁(yè)', icon: 'icon-Homehomepagemenu' },
       children: [{
           path: 'index',
           name: '首頁(yè)',
           component: () =>
               import ('@/view/homepage/index'),
           meta: { title: '首頁(yè)', icon: 'icon-Homehomepagemenu' },
           hidden: false
       }]
   }

5、最終使用到的還是再 i 標(biāo)簽中；如下：

6、就可以達(dá)到如下效果：

vue.js使用字體圖標(biāo)庫(kù)的方法