美文网首页
iconFont"变量"化引用

iconFont"变量"化引用

作者: Heymie黑米 | 来源:发表于2017-11-15 13:29 被阅读93次

最近项目接入字体图标,应该大家用过很多,大致写法不加多说。
截个图先


示例1.png

遇到一个场景,需要切换这个字体图标的显示内容,
那么问题来了,这种写法下内容不能作为一个变量存在,即不能使用类似  这种形式。
...
花了半天研究下了,字体图标实质是ttf文件下,用unicode去引用,而 这个就是Unicode码,
换个思路,将 改写成 \ue44d,系统也可以在指定的图标库中找到。


示例2.png

暂时未发现两种写法会带来问题。
测试下来,ReactNative也可以同样的方式引用。
\u****后面是16进制,这种写法的好处为 可变情况下,我们可以灵活的在代码中使用。

相关文章

  • iconFont"变量"化引用

    最近项目接入字体图标,应该大家用过很多,大致写法不加多说。截个图先 遇到一个场景,需要切换这个字体图标的显示内容,...

  • PHP面试 必背知识点-1

    1.PHP引用 什么是引用变量?在PHP当中,用什么符号定义引用变量? 对象本身就是引用传递,实例化以后的类如 $...

  • Dart学习-变量

    创建变量并初始化的例子: 变量存储引用。名为name的变量包含对String对象的引用,其值为“永动机”。 nam...

  • 变量 (Variables)

    下面是一个创建变量并初始化它的例子: 变量存储引用。调用的变量name包含对String值为“Bob” 对象的引用...

  • airbnb入门(一)

    Type 初始化变量,需要明确值 References const 当变量没有改变引用(reassign)时,优先...

  • c/c++ 指针与引用的区别与联系

    引用就是变量的另一个名字: 引用必须初始化,无空引用,无等级. int a = 10; int &b = a; <...

  • 关于Dart2那些事儿-变量

    变量 这里有一个创建变量并初始化它的例子:var name = ‘Bob’;变量存储引用。名为name的变量包含对...

  • Java入门 -- 接口方式的多态

    /* java多态的两种情况: 1. 父类的引用类型变量指向其子类的实例化对象; 2. 接口的引用类型变量指向该接...

  • Dart 操作符、方法与异常

    Dart基础 变量 变量是一个引用,未初始化的变量值是null。 可以用 Object、var 与 dynamic...

  • shell脚本学习(二)[变量,转义,运算符等]

    Chapter8 变量的引用 变量的引用 1.1 ${变量名}称作对变量的引用。 1.2 echo ${变量名}查...

网友评论

      本文标题:iconFont"变量"化引用

      本文链接:https://www.haomeiwen.com/subject/bkjtyttx.html