您的当前位置:首页正文

uniapp在web端怎么使用svg图标呢

2024-11-19 来源:个人技术集锦
import Vue from 'vue';
import svg from '@/utils/svg.js';
Vue.use(svg);
  1. 在页面中使用
<svg class="svg-icon">
	<use xlink:href="#icon-tubiao-zhinengwangguan"></use>
</svg>

其中的 icon-tubiao-zhinengwangguan 就是仓库中对应图标的名称

.svg-icon {
	width: 40px;
	height: 40px;
}

效果:

显示全文