tdoescher/svguse-bundle

用于嵌入SVG文件的插入标签

维护者

详细信息

github.com/tdoescher/contao-svguse-bundle

源代码

问题

安装: 516

依赖: 0

建议者: 0

安全: 0

星级: 2

关注者: 1

分支: 1

开放问题: 0

类型:contao-bundle

2.0.0 2023-02-09 19:20 UTC

Requires

LGPL-3.0-or-later f803545cdd517b08f5c70d5c1a6853603abc112c

This package is auto-updated.

Last update: 2024-09-10 11:33:10 UTC

README

提供用于嵌入SVG文件或使用SVG图标的插入标签。创建图标的精灵可以使用IcoMonn应用 https://icomoon.io。

  • {{svgicon::id}} 用于使用图标字体。
  • {{svguse::id}} 用于使用SVG精灵。
  • {{svgimport::path/to/svg/icon}} 用于导入SVG文件（相对于文件目录）。

示例

{{svgicon::phone}} 插入标签将变为

<span class="icon-phone"></span>

{{svguse::mail}} 插入标签将变为

<svg class="icon icon-mail"><use xlink:href="#icon-mail"></use></svg>

{{svgimport::theme/svg/facebook}} 插入标签将变为

<svg class="icon icon-facebook" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">...</svg>

CSS类

可以通过第二个参数为插入标签 {{svgicon::id}} 和 {{svguse::id}} 指定CSS类。

{{svguse::mail::circle}} 插入标签将变为

<svg class="icon icon-mail circle"><use xlink:href="#icon-mail"></use></svg>