Css 离子2拆分窗格更改sass变量不起作用

我正在使用拆分窗格组件，希望根据我的要求更改左面板的最小宽度和最大宽度

为此，我将从

variables.scss

文件中的爱奥尼亚文档中更改为SplitPane提供的sass变量

但是，在执行此操作后，

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

---

谢谢。

根据文档

默认情况下，当屏幕大于768px时，SplitPane将展开。如果要自定义此项，请使用when输入。when输入可以接受任何有效的媒体查询，因为它在下面使用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
    }
  }
}

...
类MyClass{
构造函数（）{}
shouldShow（）{
如果（条件A）{
返回真值
}否则{
返回错误
}
}
}