weex加入iconfont

weex加入圖標多是項目開發中最頭疼的事情了,還好有 阿里巴巴矢量圖標庫解決了開發時的圖標問題,下面咱們一塊兒來踩坑吧




<text class="left">&#xe600;</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/
搜索你想要的圖標 => 加入購物車 => 把圖標整理好以後 => 點右上角的購物車圖標 => 添加到項目
選擇第一個,生成代碼,複製下方代碼到項目裏

相關文章
相關標籤/搜索