开发是遇到的问题,在此记录一下。页面中引入svg格式图片却展示不出来。
代码:
<template>
<div class="click_icon"></div>
</template>
<script>
</script>
<style>
.click_icon {
width:30px;
height:30px;
background:url('../assets/icon/svg/click.svg') no-repeat;
background-size:100%
}
</style>
问题出现在这个svg文件中,点开svg文件会发现:
画圆圈位置即问题所在,图片编译问题,改成下图就正常显示了