根据 os 主题将样式元素添加到 intelxdk appframework 应用程序中

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

Intel XDK 的 App 设计器中的 card 元素不是 AppFramework UI 元素的一部分，它是所有框架的自定义元素，因此您手动添加 set a class 并添加 css 以匹配框架 header 颜色 :(

为 osTheme here 签出示例 css 并像这样添加自定义 css：

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

根据 os 主题将样式元素添加到 intelxdk appframework 应用程序中

style element into intelxdk appframework app according to os theme

appframework

intel-xdk