zblogphp:development:features:1.7:fonticon
差别
这里会显示出您选择的修订版和当前版本之间的差别。
| 两侧同时换到之前的修订记录 前一修订版 后一修订版 | 前一修订版 上一修订版 两侧同时换到之后的修订记录 | ||
|
zblogphp:development:features:1.7:fonticon [2020/08/13 18:05] 捷闪站长网 完成该wiki |
zblogphp:development:features:1.7:fonticon [2020/08/18 17:39] zx.asd |
||
|---|---|---|---|
| 行 3: | 行 3: | ||
| 在现代化的网页中，图片图标已逐渐被字体图标取代。图片不仅增加了请求文件的大小，还额外多出很多 HTTP 请求，降低网页性能。另外，图片图标不能灵活地缩放、更改颜色等，降低用户体验。为此，在 1.7 版本中，我们的后台采用了字体图标替代了传统的图片图标，给 Bloggers 一个更好的写作和管理环境。 | 在现代化的网页中，图片图标已逐渐被字体图标取代。图片不仅增加了请求文件的大小，还额外多出很多 HTTP 请求，降低网页性能。另外，图片图标不能灵活地缩放、更改颜色等，降低用户体验。为此，在 1.7 版本中，我们的后台采用了字体图标替代了传统的图片图标，给 Bloggers 一个更好的写作和管理环境。 | ||
| - | 字体图标列表：（list.html的url） | + | 字体图标列表：（[[https://static.zblogcn.com/image/icon/demo.html|ZBlog Icon Sets Demo]]） |
| ===== 左侧菜单图标 ===== | ===== 左侧菜单图标 ===== | ||
| 行 25: | 行 25: | ||
| AddHeaderFontIcon('icon-class'); // icon-class 为图标的 class（在列表中找） | AddHeaderFontIcon('icon-class'); // icon-class 为图标的 class（在列表中找） | ||
| </code> | </code> | ||
| - | - 如果您的应用需要兼容 1.7 以下的版本，可自行判断版本，若版本低于 1.7 ，不调用该函数。 | + | - 如果您的应用需要兼容 1.7 以下的版本，可自行判断版本，若版本低于 1.7 ，不调用该函数。或者在 JS 代码中判断 ''AddHeaderFontIcon'' 函数是否存在，如：<code javascript> |
| + | typeof AddHeaderFontIcon === "function" ? AddHeaderFontIcon("icon-class") : AddHeaderIcon("old-img.png"); | ||
| + | </code> | ||
zblogphp/development/features/1.7/fonticon.txt · 最后更改: 2020/08/18 18:25 由 捷闪站长网
除额外注明的地方外，本维基上的内容按下列许可协议发布： CC Attribution-Noncommercial-Share Alike 4.0 International
