プラットフォームに応じて変数SASSを変更してください

Question

私のアプリケーションにはIonic2 RC3を使用しました。私はプラットフォームに応じてvarible SASSの価値を変えたいと思っています。たとえば、変数$ statusbar-heightは、デバイスがWindowsまたはAndroidの場合は0px、デバイスがIOSの場合は20pxです。 ありがとうございました。

Answer 1

私はこのような何かをするだろう：

$platform: android !default; 
$primary: black !default; 

@if $platform == android { 
    $primary: red; 
} @else if $platform == ios { 
    $primary: green; 
} @else { 
    $primary: blue; 
} 

.primary_class { 
    color : $primary; 
} 

また、あなたが./src/theme/variables.scssで$platform変数を置くことができます：それはあなたがあなたのアプリケーションの他のSCSSファイルからこの変数にアクセスできるようになります。