资产

文件夹 assets 可以包含不属于其他目录的任何文件和子文件夹。您可以将其用于以下用途：

  • JavaScript 样式（必须位于 assets/js 内）；
  • CSS 样式（必须位于 assets/css 内）；
  • 图片；
  • 字体；
  • 其他您需要包含的内容。

assets/js

assets/js 目录是保留目录，应仅包含 JavaScript 文件。 若要由小部件使用，请在 manifest.json 中指定这些文件。

例如：

"assets": {
    "js": ["class.widget.js"]
}

assets/css

assets/css 目录是保留目录，应仅包含 CSS 样式文件。 若希望被小部件使用，请在 manifest.json 中指定这些文件。

例如：

"assets": {
    "css": ["mywidget.css"]
}
CSS样式

CSS 文件可能包含自定义属性 theme，用于为特定前端主题定义不同的样式。

可用主题及其属性值：

  • 蓝色 - [theme='blue-theme']
  • 暗色 - [theme='dark-theme']
  • 高对比度亮色 - [theme='hc-light']
  • 高对比度暗色 - [theme='hc-dark']

示例：

.widget {
    background-color: red;
}

[theme='dark-theme'] .widget {
    background-color: green;
}