weex加入圖標多是項目開發中最頭疼的事情了,還好有 阿里巴巴矢量圖標庫解決了開發時的圖標問題,下面咱們一塊兒來踩坑吧
<text class="left"></text>
<style>
.left{
font-family:iconfont
}
</style>
data(){...},
methods:{...},
created (){
var domModule=weex.requireModule("dom");
domModule.addRule('fontFace',{
'fontFamily':'iconfont', //注意這裏必須是駝峯命名,跟上面的css樣式對照
'src':"url(\'http://at.alicdn.com/t/font_492735_cqteemnpxk7ta9k9.ttf\')"
})
}
打開 http://www.iconfont.cn/
搜索你想要的圖標 => 加入購物車 => 把圖標整理好以後 => 點右上角的購物車圖標 => 添加到項目
選擇第一個,生成代碼,複製下方代碼到項目裏