资源
文件夹 assets 可能包含任何不属于其他目录的文件和子文件夹。您可以将其用于:
- JavaScript 样式(必须位于 assets/js 内);
- CSS 样式(必须位于 assets/css 内);
- Images;
- Fonts;
- 任何您需要包含的其他内容。
assets/js
assets/js 目录是保留的,应该只包含 JavaScript 文件。 要由小部件使用,请在 manifest.json 中指定这些文件。
例如:
"assets": {
"js": ["class.widget.js"]
}
assets/js
assets/js 目录是保留的,应该只包含 JavaScript 文件。 要由小部件使用,请在 manifest.json 中指定这些文件。
例如:
"assets":
{"css": ["mywidget.css"]}
CSS 样式
CSS 文件可能包含自定义属性 theme,用于为特定前端主题定义不同的样式。
可用主题及其属性值:
- Blue - [theme='blue-theme']
- Dark - [theme='dark-theme']
- High-contrast light - [theme='hc-light']
- High-contrast dark - [theme='hc-dark']
示例:
.widget {
background-color: red;
}
[theme='dark-theme'] .widget {
background-color: green;
}