提问人:Ahmed Hassan 提问时间:8/23/2022 最后编辑:Heretic MonkeyAhmed Hassan 更新时间:8/23/2022 访问量:68
无法插入自定义徽标离子图标?
cant insert a custom logo ion icon?
问:
当我使用以下代码时,我可以轻松地将 Twitter 徽标插入我的网站
<li class="social-item">
<a href="https://####" class="social-link">
<ion-icon name="logo-twitter"></ion-icon>
</a>
</li>
但是当我导入自定义徽标时 (11)
<li class="social-item">
<a href="https://####" class="social-link">
<ion-icon src="./11.svg"></ion-icon>
</a>
</li>
徽标消失了,11.svg也不存在!! 但是,我仍然可以单击徽标的位置,并且链接工作正常:/可能是什么问题,我该如何解决?
答:
1赞
Thaísa Vieira
8/23/2022
#1
我希望我能帮助你。 首先,确保 Ionic 已正确“安装”:
<script src="https://unpkg.com/[email protected]/dist/ionicons.js"></script>
确保您使用的是最新版本。然后,检查您的图标是否以 SVG 格式保存。完成此操作后,您需要做的就是使用标准组件,但引用自定义 SVG 的路径。 另一个提示是在index.html所在的文件夹中创建一个子文件夹并放置 SVG 文件,然后引用此路径,因为它似乎不是文档的语法错误。
上一个:如何使用模式进行 gsub
下一个:将表格从每一行拆分为新表格
评论
src
ion-icon