Ionic 2 SplitPane, изменяющая переменные sass, не работает
Я использую компонент с разделенной панелью и хочу изменить минимальную и максимальную ширину левой панели в соответствии с моими требованиями.
Для этого я меняю предоставленные переменные sass для SplitPane из документации ionic в файле variables.scss.
но изменение не отражается в файле main.css после выполнения ионной подачи.
Сначала я подумал, что это может быть проблема с sass, но я изменил другую переменную @background-color, и она сработала.
Пожалуйста, может ли кто-нибудь помочь с этим?
Вот ионная информация
@ionic/cli-utils : 1.19.2
ionic (Ionic CLI) : 3.20.0
local packages:
@ionic/app-scripts : 1.1.4
Ionic Framework : ionic-angular 2.2.0
System:
Node : v6.11.1
npm : 3.10.10
OS : Windows 10
Misc:
backend : legacy
Спасибо.
Ответы 1
По документации здесь
По умолчанию SplitPane расширяется, когда размер экрана превышает 768 пикселей. Если вы хотите настроить это, используйте ввод когда. Когда ввод может принимать любой допустимый медиа-запрос, так как он использует matchMedia () внизу.
<ion-split-pane when = "(min-width: 475px)">
<!-- our side menu -->
<ion-menu [content] = "content">
....
</ion-menu>
<!-- the main content -->
<ion-nav [root] = "root" main #content></ion-nav>
</ion-split-pane>
Вы также можете настроить его в своем коде
<ion-split-pane [when] = "shouldShow()">
...
</ion-split-pane>
class MyClass {
constructor(){}
shouldShow(){
if (conditionA){
return true
} else {
return false
}
}
}