Table of Contents

资产

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;
       }