帖子
帖子
用户
博客
课程
显示全部楼层
9
帖子
2
勋章
137
Y币

[多端开发] 请问想要引入iconfont的图标库该怎么弄?是否支持?

[复制链接]
发表于 2021-1-26 11:27:11
使用的是Symbol 引用方式,因为图标有部分是多色图标
但发现引入后报错,猜测是对他这种引入方式的svg标签  不识别?
可有什么办法? 不吝赐教

  1. <template name='icon-font'>
  2.     <svg class="icon" aria-hidden="true">
  3.                 <use xlink:href="#icon-artist-add"></use>
  4.         </svg>
  5. </template>
  6. <script>
  7.         import '../res/iconfont/iconfont.js';

  8.         export default {
  9.                 name: 'icon-font',
  10.                 props:{
  11.             icon: String
  12.                 }
  13.         }
  14. </script>
  15. <style>
  16.         .icon {
  17.                 width: 1em;
  18.                 height: 1em;
  19.                 vertical-align: -0.15em;
  20.                 fill: currentColor;
  21.                 overflow: hidden;
  22.         }
  23. </style>
复制代码


9
帖子
2
勋章
137
Y币
这是报的错:
  1. [2021-1-26 11:27:45][ERROR] at startup execute script failed.
  2. at pages/page4.js:11: TypeError: Cannot read property 'getAttribute' of undefined at page4.js : 0
复制代码
9
帖子
2
勋章
137
Y币
把  import '../res/iconfont/iconfont.js';  这段删了 错误就不报了
380
帖子
4
勋章
6
Y币
关注
28
帖子
1
勋章
1万+
Y币
不支持 svg,可以使用图片的方式。
14
帖子
3
勋章
2万+
Y币
我靠。。。亮亮,咋在这碰到你了
您需要登录后才可以回帖 登录

本版积分规则