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

时间:2016-07-20 07:14:02

标签: css sapui5 hana-cloud-platform

我想在我的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. 这是在网络上实现此功能的正确方法吗?
  3. 此外,通过eclipse / HANA Studio IDE实现此功能的任何示例都非常有用

1 个答案:

答案 0 :(得分:0)

一旦我不得不使用我自己的CSS文件,有一件事是必须的:包含自定义CSS。不确定这是不是最好的做法;至少为我工作:在我的Component init代码中,我添加了以下内容:

Closing

其中还包括您的姓名空间。假设您的名称空间为 com.foo.project ,名称为 mystyle.css 的css文件存储在 css 项目文件夹中,然后您就完整了路径将是: &#34; COM /富/项目/ CSS / mystyle.css&#34;