根据os主题将样式元素导入intelxdk appframework app

Question

在Intel-Xdk AppFramework 3应用程序中，我想根据当前的OS主题设置一个卡片元素。

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

卡：

<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的App设计器中的卡元素不是AppFramework UI元素的一部分，它是所有框架的自定义元素，因此您手动添加了一个类并添加了css以匹配框架标题颜色：（

查看osTheme here的示例css并添加如下自定义css：

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