使用阿里字體圖標(biāo)庫iconfont.cn
font class方式應(yīng)用
<template>
<span><i class="iocnfont icon-waimai" ></i></span>
</template>
<style>
.icon-waimai{
font-size:50px;
background: -webkit-linear-gradient(right bottom, #9162e1, #c384e6);//從右下角方向開始線性漸變
-webkit-background-clip: text;//上色的部分為文字顯示的部分
-webkit-text-fill-color: transparent;//使用transparent屬性不會(huì)覆蓋背景顏色
}
</style>
