Table of Contents

资源

文件夹 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;
       }