1

in a Intel-Xdk AppFramework 3 application i would like to style a card element according to the current os Theme.

I want the Header of the card to be the same color of the header of the page , how do i do?

card:

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

1 に答える 1

0

Intel XDK のアプリ デザイナーの card 要素は、AppFramework UI 要素の一部ではなく、すべてのフレームワークのカスタム要素であるため、手動でクラスを追加し、フレームワークのヘッダーの色に一致するように css を追加する必要があります:(

ここで osTheme のサンプル css をチェックアウトし、次のようなカスタム css を追加します。

.ios7 .card-header {...}
.android .card-header {...}
...
于 2015-12-11T23:23:48.990 に答える