Iconify 图标选择器插件（1CMS）

用于在后台字段中选择 Iconify 图标，并在前台自动渲染 SVG。了解过Iconify的小伙伴都知道，这个平台图标数量非常庞大，总有你喜欢的一款。

安装

• 安装应用后会自动注册一个输入组件：iconify。

后台使用

• 在字段类型中选择 iconify。
• 字段值保存格式：prefix:name（例如 ri:home-4-line）。
• 可选配置：
  • 图标集 collections：分号分隔（如 ri;mdi;bi），留空使用默认图标集。

前台渲染

• 插件会在前台自动注入 iconify-loader.js。
• 模板里输出带 data-icon 的元素即可显示图标：

<i data-icon="{$.icon}"></i>

• 你可以在前端自己定义图标的显示效果，例如：

<style>
    [data-icon] svg {
        display: block;
        width: 10rem;
        height: 10rem;
    }
    [data-icon] svg:hover {
        color: red;
    }
</style>
<div class="icon">
    {if isset($.icon)}
    <i data-icon="{$.icon}"></i>
    {/if}
</div>

说明

• 图标通过 Iconify API 按需加载，并使用本地缓存减少重复请求。