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/
搜索你想要的圖標 => 加入購物車 => 把圖標整理好之后 => 點右上角的購物車圖標 => 添加到項目
選擇第一個,生成代碼,復制下方代碼到項目里






 
         
         
       


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM