图标
注释:
大多数网站(如果不是所有网站)都有图标,因此可以使用一种简单的方法为作者引用图标。
图标被引用为 :<iconname>:
表示法。 由于浏览器中提供了多种图标(纯css类、图标字体或SVG)实施方式,因此我们提供一种非侵入式方法来支持所有这些图标。
样板项目包括一个自动机制,用于将SVG插入到图标`\`中,因为这是处理图标的最常见方式。
虽然代码中需要包含一些图标(例如块中引用的图标),但有时作者需要添加和引用新图标并持续更新它们。 这些图标可以也应该与下的内容共存 /icons/
内容源中的文件夹(例如, Sharepoint或Google通道)。 也可以使用完全相同的方式引用这些图标 :<iconname>:
表示法。 这将允许营销人员添加和更新他们需要的内容图标,而无需依赖代码更改。
示例:
内容结构:
此 :<iconname>:
可以插入为所有“默认内容”构造的一部分。
代码:
图标是默认内容,并在项目特定的CSS代码中进行样式设置。 如果有任何加载SVG所需的JavaScript,则可以根据需要进行调整。
此代码包含在样板中,无需复制。
recommendation-more-help
10a6ce9d-c5c5-48d9-8ce1-9797d2f0f3ec