Angular 如何调整Ionic 4中的选项卡大小?
我已经创建了一个选项卡,并根据这里找到的Ionic 4 CSS文档了解了如何更改颜色 但是没有关于如何改变尺寸的参考,离子3的代码不起作用 这是我的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.
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;
}
}