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

【问题标题】：style element into intelxdk appframework app according to os theme根据 os 主题将样式元素放入 intelxdk appframework 应用程序
【发布时间】：2015-12-11 10:20:22
【问题描述】：

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

我想让卡片的Header和页面的header颜色一样，怎么办？

卡片：

<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>

【问题讨论】：

标签： intel-xdk appframework

【解决方案1】：

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

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

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

【讨论】：

也许我不需要使用卡片，我需要将数据列表表示到网络应用程序中，我会使用表格，但在手机应用程序中没有 7 列的可用空间。我正在考虑为每个项目制作一个 2 列表，第一个字段为名称，第二个字段为值。