资讯专栏INFORMATION COLUMN

【Vue】 外部JSON数据引用Iconfont

pubdreamcc / 3613人阅读

摘要:尝试了方式之后发现动态写入的字符编码渲染成了字符串,我怀疑有可能是引入的顺序导致的字符编码没有被编译。尝试了官网给得第二张方法,坑的地方就是官方只给了一个地址但是并没有告诉我怎么使用,无意中在另一位同学的代码中看到那个地址出现在了里面的里。

尝试了uniclde方式之后发现动态写入的字符编码渲染成了字符串,我怀疑有可能是引入的顺序导致的字符编码没有被编译。
尝试了官网给得第二张方法 FontClass,坑的地方就是官方只给了一个地址
//at.alicdn.com/t/font_703595_fkypz725vpa.css
但是并没有告诉我怎么使用,无意中在另一位同学的代码中看到那个地址出现在了CSS里面的import里。好吧,我就是很菜。第三种方法还没有搞懂那个地址是引用在哪里的,在js里import里报错,暂时把坑放在这里,之后来填吧...

在CSS中引用

@import "//at.alicdn.com/t/font_703595_fkypz725v

在DOM结构中通过class引用

    

{{item.title}}

外部json的数据结构

              {
                "title": "云主机 UHost",
                "icon": "yuanhuan",
                "descrition": "高性能、稳定、低成本;提供多种机型满足不同业务需求",
                "link": "#"
              }, {
                "title": "容器集群 UDocker",
                "icon": "database",
                "descrition": "支持自由创建和管理容器集群",
                "link": "#"
              }

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/113499.html

相关文章

  • Vue外部JSON数据引用Iconfont

    摘要:尝试了方式之后发现动态写入的字符编码渲染成了字符串,我怀疑有可能是引入的顺序导致的字符编码没有被编译。尝试了官网给得第二张方法,坑的地方就是官方只给了一个地址但是并没有告诉我怎么使用,无意中在另一位同学的代码中看到那个地址出现在了里面的里。 尝试了uniclde方式之后发现动态写入的字符编码渲染成了字符串,我怀疑有可能是引入的顺序导致的字符编码没有被编译。尝试了官网给得第二张方法 Fo...

    Jiavan 评论0 收藏0
  • Vue外部JSON数据引用Iconfont

    摘要:尝试了方式之后发现动态写入的字符编码渲染成了字符串,我怀疑有可能是引入的顺序导致的字符编码没有被编译。尝试了官网给得第二张方法,坑的地方就是官方只给了一个地址但是并没有告诉我怎么使用,无意中在另一位同学的代码中看到那个地址出现在了里面的里。 尝试了uniclde方式之后发现动态写入的字符编码渲染成了字符串,我怀疑有可能是引入的顺序导致的字符编码没有被编译。尝试了官网给得第二张方法 Fo...

    zzzmh 评论0 收藏0
  • vue 项目总结一组件开发的配置和例子

    摘要:入口文件,影响全局,作用是引入全局使用的库公共的样式和方法设置路由等。项目里总会有一些复用的组件,例如弹出框发送手机验证码图片上传等,将它们作为通用组件,避免重复工作结构如下可以根据功能模块建立文件夹,放置本功能会用到的通用组件。 上一篇文章 https://segmentfault.com/a/11... 介绍了项目里文件夹的分类和作用,这次主要说明 src 文件夹里具体的文件分类和...

    melody_lql 评论0 收藏0
  • vue 项目总结一组件开发的配置和例子

    摘要:入口文件,影响全局,作用是引入全局使用的库公共的样式和方法设置路由等。项目里总会有一些复用的组件,例如弹出框发送手机验证码图片上传等,将它们作为通用组件,避免重复工作结构如下可以根据功能模块建立文件夹,放置本功能会用到的通用组件。 上一篇文章 https://segmentfault.com/a/11... 介绍了项目里文件夹的分类和作用,这次主要说明 src 文件夹里具体的文件分类和...

    isaced 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<