nerdcel/kirby3-icon-sprite

Kirby3 插件，用于管理 SVG 图标。

维护者

详细信息

github.com/nerdcel/kirby3-icon-sprite

主页

源代码

问题

安装次数： 1,279

依赖项: 0

建议者: 0

安全性: 0

星标: 1

关注者: 2

分支: 0

开放性问题: 0

类型：kirby-plugin

1.3.4 2024-08-12 10:46 UTC

Requires

Requires (Dev)

MIT a67d40e1d638edf4f47488d33cce27ba7a568a24

  • Marcel Hieke <office.woop@marcelhieke.com>

kirbykirby3kirby-pluginkirby-cmsgetkirby

This package is auto-updated.

Last update: 2024-09-12 10:57:48 UTC

README

screen-icon-sprite-panel

此插件提供辅助函数，可用于在模板中生成 SVG 图标精灵，在模板中引用 SVG 图标以及直接将 SVG 图标注入模板。它还提供文件上传的蓝图以及 site.yml 的文件部分，用于管理图标。要设置自定义选项，请参阅此 README 文件中的 选项 部分。

此插件完全免费，并采用 MIT 许可证发布。然而，如果您在商业项目中使用它，并希望帮助我维护，请考虑 进行任意金额的捐赠。

安装

下载

下载并将此存储库复制到 /site/plugins/icon-sprite。

Git 子模块

git submodule add https://github.com/nerdcel/kirby3-icon-sprite.git site/plugins/icon-sprite

Composer

composer require nerdcel/kirby3-icon-sprite

设置

模板

<?php echo svgSprite();  ?>
<?php echo svgIcon('slug', 'css-classes', [ /** Additional attributes as key => value */]);  ?>
<?php //echo inlineIcon('icon-path or filename', 'css-classes');  ?>

site.yml

...
sections:
  svgicons: sections/svgsprite
  label: Override
  ...

选项

以下选项可以使用您的 site/config/config.php 设置

'nerdcel.icon-sprite' => [
    'withStyles' => true,
    'fill' => '#0a0a0a',
    'width' => '24px',
    'aspectRatio' => '1'
]

许可证

MIT

致谢