Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/31.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/gwt/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angular 如何调整Ionic 4中的选项卡大小?_Angular_Ionic4 - Fatal编程技术网

Angular 如何调整Ionic 4中的选项卡大小?

Angular 如何调整Ionic 4中的选项卡大小?,angular,ionic4,Angular,Ionic4,我已经创建了一个选项卡,并根据这里找到的Ionic 4 CSS文档了解了如何更改颜色 但是没有关于如何改变尺寸的参考,离子3的代码不起作用 这是我的 ion-tabs { margin-top: 80px; --ion-tabbar-background-color: #FBFBFB; --ion-tabbar-text-color-active: #87BCDE; --ion-tabbar-text-color: #424242; font-size: 40px; }对于variable.

我已经创建了一个选项卡,并根据这里找到的Ionic 4 CSS文档了解了如何更改颜色

但是没有关于如何改变尺寸的参考,离子3的代码不起作用

这是我的

ion-tabs {
margin-top: 80px;
--ion-tabbar-background-color: #FBFBFB;
--ion-tabbar-text-color-active: #87BCDE;
--ion-tabbar-text-color: #424242;
font-size: 40px;

}

对于variable.scss中的颜色:

  --ion-tab-bar-background: var(--ion-color-primary);                    
  --ion-tab-bar-color: var(--ion-color-dark);    
  --ion-tab-bar-color-activated: var(--ion-color-light); 
至于尺寸,我认为它还没有准备好这样的风格。 您可以更改global.sass中所选选项卡的样式

:root{
    .tab-selected{
        font-size: 32px !important;

        ion-icon{
            font-size: 32px !important
        }
    } 
}

使用以下代码,您可以更改选项卡标签的大小:

ion-tab-button {        
        ion-label {  
            font-size: 12px;
        }
    }