我在应用 SDK 2.0 中隐藏/删除卡片标头中的卡片所有者和图像时遇到问题。这在 1.30 中非常简单,只使用 CSS,但类似的 CSS 似乎不起作用,尝试以编程方式从渲染模板中删除 HTML 元素也是如此。
.CSS:
.cardOwner .cardOwnerName {
display: none !important;
}
.JS:
header.renderTpl.html = '{template-card owner/image els}';
header.renderTpl.master.body = '{template-card owner/image els}';
header.renderTpl.tpls[0].body = '{template-card owner/image els}';
header.initialConfig.renderTpl.html = '{template-card owner/image els}';
header.initialConfig.renderTpl.master.body = '{template-card owner/image els}';
header.initialConfig.renderTpl.tpls[0].body = '{template-card owner/image els}';
我不太明白从模板中删除元素时元素仍然如何呈现。我不知道指定元素的任何其他位置。
CSS根本不显示在开发人员工具中,这是非常奇特的。
用CSS删除它应该可以正常工作。 有两个单独的类,.cardOwner 和 .cardOwnerName,需要将显示设置为 none。
.cardOwner,
.cardOwnerName {
display: none !important;
}