简单CSS无法用于我的SAPUI5应用程序UI元素TextView

2020-09-06 15:35发布

         点击此处--->   EasySAP.com群内免费提供SAP练习系统(在群公告中)

加入QQ群:457200227(SAP S4 HANA技术交流) 群内免费提供SAP练习系统(在群公告中)


我一定很想念一些简单的东西,但无法弄清楚。

在标记下的 index.html 中,我具有以下内容:

 
 

1。 这是放的正确位置吗?

然后在我的 createContent 函数中,所有UI元素都在我的 X.view.js 文件中,我有一个类似于以下内容的元素:

 new sap.ui.commons.TextView(" l_total",{
    textAlign:"右",
 }).addStyleClass(" background_test");
 

那根本行不通。 元素输出,但不应用任何样式。

然后我尝试使用以下继承的CSS及其 DID 的工作方式:

 new sap.ui.commons.TextView(" l_total",{
    textAlign:"右",
 }).addStyleClass(" sapUiTfBrd"); 

我还尝试创建单独的CSS文件,并在 index.html 的部分中使用以下语句无济于事:

  

2。 那么,如何覆盖现有的继承CSS并使用简单的自定义CSS?

谢谢

         点击此处--->   EasySAP.com群内免费提供SAP练习系统(在群公告中)

加入QQ群:457200227(SAP S4 HANA技术交流) 群内免费提供SAP练习系统(在群公告中)


我一定很想念一些简单的东西,但无法弄清楚。

在标记下的 index.html 中,我具有以下内容:

 
 

1。 这是放的正确位置吗?

然后在我的 createContent 函数中,所有UI元素都在我的 X.view.js 文件中,我有一个类似于以下内容的元素:

 new sap.ui.commons.TextView(" l_total",{
    textAlign:"右",
 }).addStyleClass(" background_test");
 

那根本行不通。 元素输出,但不应用任何样式。

然后我尝试使用以下继承的CSS及其 DID 的工作方式:

 new sap.ui.commons.TextView(" l_total",{
    textAlign:"右",
 }).addStyleClass(" sapUiTfBrd"); 

我还尝试创建单独的CSS文件,并在 index.html 的部分中使用以下语句无济于事:

  

2。 那么,如何覆盖现有的继承CSS并使用简单的自定义CSS?

谢谢

付费偷看设置
发送
12条回答
wang628962
1楼 · 2020-09-06 16:16.采纳回答

你好Akhilesh:

感谢您的回复,但我觉得我们现在使事情变得过于复杂了,因此尽管无法正常工作,我将关闭此线程。

Sean

也请检查以下内容:background:#000000!important;

但是,我认为您的css类不在正确的位置,请检查并写入适当的html文件,或为其创建css文件。

小熊yu生菜
3楼-- · 2020-09-06 16:12

您好< a hraf=" https://answers.sap.com/users/40909/seanmachado2.html"> Sean Machado

您仅将CSS应用于自定义类。 如果要应用自定义css,则需要确定标准类,并将标准类和自定义类结合起来,则需要在X.view.js文件中应用css这样的

,这不是必需的 要添加标准类(sapUiTfBrd),自定义类(background_grey)就足够了:

 new sap.ui.commons.TextView(" l_subtotal",{
    textAlign:"右",
    文字:"测试文字",
    宽度:" 150px",
 }).addStyleClass(" background_grey"),

在您的style.css

 .background_grey.sapUiTv {background:#000000} 

谢谢

Viplove

hongfeng1314
4楼-- · 2020-09-06 16:17

感谢Viplove:

但是它没有用。 现在,由于删除了第一个样式类,我失去了边框。 只是没有应用我的CSS,我也不知道为什么?

 
 
 new sap.ui.commons.TextView(" l_subtotal",{
    textAlign:"右",
    文字:"测试文字",
    宽度:" 150px",
 }).addStyleClass(" background_grey"),

 新的sap.ui.commons.TextView(" l_total",{
    textAlign:"右",
    宽度:" 150px"
 }).addStyleClass(" sapUiTfBrd sapUiBodyBackground")//第1类-放置边框,第2类-颜色BG
 

结果:

大道至简
5楼-- · 2020-09-06 15:58

你好,阿基希尔斯:

恐怕我不熟悉该特定语法。 我的代码如下吗? Eclipse编译器不喜欢它,它也不起作用。

元数据:{
    包括:[" style.css"]
 } 

尝试了这些链接以了解您的意思,但只是语法不正确。

http://stackoverflow.com/questions/28016642/adding-a-custom-library-as-a-dependency-in-sap-fiori

http://stackoverflow.com/questions/20521267/documentation-on-components-metadata

https: //openui5.hana.ondemand.com/#docs/api/symbols/sap.ui.base.ManagedObject.html

您能否提供该代码段的完整语法?

谢谢,

当学会了学习
6楼-- · 2020-09-06 16:14

请选中此项,以了解如何在组件文件中包含CSS文件

http://help-legacy.sap.com/fiori_bs2013/helpdata/zh/27/ce0e4987cd426f8fa3e60836316428/ content.htm

或者,如果您使用的是manifest.json文件,则在manifest.json中编写以下代码,

"资源":{
    " css":[
            {
             " uri":" style.css"
            }
          ]
 } 

一周热门 更多>