css - 使用 sap web ide 的 SAPUI5 应用程序中的 CSS 变量

Question

我想在我的 css 文件中设置一些基本的颜色代码。

我的 CSS 如下所示：

 @colorGood: #32CD32;
    @colorOk: #FFA500;
    @colorBad: #FF4500;

    .testClass{
         width: 80%;
         background: @colorGood;
    }

我的 XML 有一个按钮控件，如下所示：

<Button id="testBtn" class="testClass" />

我在 web-ide 中创建了上面的视图和 css。当我运行它时，它不会显示变量中提到的颜色。

1. 是否可以在 CSS 中包含变量 [因为 SAPUI5 库已经包含较少的预处理器]。
2. 这是在 webide 中实现它的正确方法吗？
3. 此外，通过 eclipse/HANA Studio IDE 实现这一目标的任何示例都会非常有帮助

Answer 1

一旦我不得不使用我自己的 CSS 文件并且必须做一件事：包含自定义 CSS。不确定这是否是最佳实践；至少对我有用：在我的组件初始化代码中，我添加了以下内容：

jQuery.sap.includeStyleSheet({
    url: jQuery.sap.getResourcePath("<full path to the CSS file>"),
    id: "custom_style"
});

其中还包括您的名称空间。假设您的命名空间是com.foo.project并且名为mystyle.css的 css 文件存储在css项目文件夹中，那么您的完整路径将是：“com/foo/project/css/mystyle.css”。