将自定义css应用于sapui5平铺

Apply custom css to sapui5 tile

本文关键字：sapui5 平铺 应用于 css 自定义      更新时间：2023-09-26

我已经为SAPUI5应用程序创建了动态平铺，这个页面上的平铺需要调整大小，所以我添加了一个自定义的css样式类。

.administrationTile {
    width: 18rem;
    height: 14rem;
}

我是这样申请的：

oTile.addStyleClass('administrationTile');

我的问题是，这只会调整互动程序本身的大小，但不会改变互动程序中内容的大小。我之前在onAfterRendering部分这样做：

setTimeout(function(){
for (var i = 1; i < 8; i++)
{
     $("#MyTileContainer-"+i+".sapMTile").css({
       width: "18rem",
       height: "14rem"    
     });
}
$("div.sapMTileContent").css({
    width: "18rem",
    height: "14rem"
});
$("div.sapMStdTileNumDiv").css("width", "12rem");
}, 200);

这确实有效，但这是一种非常丑陋的方法，因为它不总是有效，而且你可以看到瓷砖的大小在变化（没有超时，它甚至根本不起作用）

我的问题是，如果没有这个丑陋的解决方法，我如何应用属于这个磁贴的其他类（sapMTileContent和sapMStdTileNumDiv）。

这只会调整互动程序本身的大小，但不会更改互动程序中内容的大小。

据我所知，您正在修改平铺宽度，但没有修改内容。

.administrationTile {
    width: 18rem;
    height: 14rem;
    font-size: 4rem; /*  <---  */
}

看看这个Fiddle

您是否考虑过这可能是CSS继承问题。如果您检查对象并将注意力集中在您试图影响的对象上，然后使用Chrome的"检查元素"右键单击选项查看应用于该对象的CSS样式，您可能需要检查该样式是否在稍后的CSS链中被覆盖。（希望这有意义吗？）

相关文章：