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/
搜索你想要的图标 => 加入购物车 => 把图标整理好之后 => 点右上角的购物车图标 => 添加到项目
选择第一个,生成代码,复制下方代码到项目里

weex加入iconfont







 
                    
            
                

相关文章:

  • 2021-12-27
  • 2021-12-22
  • 2022-01-18
  • 2022-01-02
  • 2021-09-07
  • 2021-04-26
  • 2021-06-30
  • 2022-12-23
猜你喜欢
  • 2021-07-10
  • 2022-12-23
  • 2022-01-01
  • 2021-07-28
  • 2021-09-27
  • 2021-04-05
  • 2022-12-23
相关资源
相似解决方案