图标

注释:

大多数网站(如果不是所有网站)都有图标,因此可以使用一种简单的方法为作者引用图标。

图标被引用为 :<iconname>: 表示法。 由于浏览器中提供了多种图标(纯css类、图标字体或SVG)实施方式,因此我们提供一种非侵入式方法来支持所有这些图标。

样板项目包括一个自动机制,用于将SVG插入到图标`\`中,因为这是处理图标的最常见方式。

虽然代码中需要包含一些图标(例如块中引用的图标),但有时作者需要添加和引用新图标并持续更新它们。 这些图标可以也应该与下的内容共存 /icons/ 内容源中的文件夹(例如, Sharepoint或Google通道)。 也可以使用完全相同的方式引用这些图标 :<iconname>: 表示法。 这将允许营销人员添加和更新他们需要的内容图标,而无需依赖代码更改。

示例:

查看实时输出

内容结构:

:<iconname>: 可以插入为所有“默认内容”构造的一部分。

查看文档中的内容

代码:

图标是默认内容,并在项目特定的CSS代码中进行样式设置。 如果有任何加载SVG所需的JavaScript,则可以根据需要进行调整。
此代码包含在样板中,无需复制。

请参阅SVG加载代码

recommendation-more-help
10a6ce9d-c5c5-48d9-8ce1-9797d2f0f3ec