intel-xdk - 根据 os 主题将样式元素放入 intelxdk appframework 应用程序

Question

在 Intel-Xdk AppFramework 3 应用程序中，我想根据当前的操作系统主题设置卡片元素的样式。

我希望卡片的标题与页面标题的颜色相同，我该怎么做？

卡片：

<div class="widget uib_w_2 widget-container content-area vertical-col  uib-card d-margins section-dimension-2 cpad-1" data-uib="layout/card" data-ver="0">
                <section class="card-header widget-container content-area vertical-col">card header</section>
                <p>card content</p>
            </div>

Answer 1

英特尔 XDK 应用程序设计器中的卡片元素不是 AppFramework UI 元素的一部分，它是所有框架的自定义元素，因此您必须手动添加设置类并添加 css 以匹配框架标题颜色:(

在此处查看 osTheme 的示例 css并添加自定义 css，如下所示：

.ios7 .card-header {...}
.android .card-header {...}
...