이온 성 3

Question

이미 각 이온 탭 스타일을 사용하려고

the menu that I want to build

3 이온

에서 컬러 탐색 모음을 만들려고 노력하고있어 다채로운 탭 음 만들하지만이 작동하지 않았다 방법 나는 또한 Ionic Sass 변수를 오버라이드 해 보았지만 나는 성공적이지 못했다. 누군가 나를 도울 수 있습니까?

내가 variables.scss에 생성 된 HTML 코드이를 확인하면

Answer 1

You can give a different color to tab like this. 
<ion-tabs> 
     <ion-tab color="primary"></ion-tab> 
     <ion-tab color="secondary"></ion-tab> 
</ion-tabs> 

Declare a color in theme/variables.scss 
Like : 

$colors: (
    primary: #488aff, 
    secondary: #32db64, 
    danger:  #f53d3d, 
    light:  #f4f4f4, 
    dark:  #222 
); 

Answer 2

감사합니다

탭-T0-x는 탭 x의 ID, 아마 최고

.tab-button.icon-only#tab-t0-0{ 
    background-color: #fcaf17; 
} 

.tab-button.icon-only#tab-t0-1{ 
    background-color: #f37043; 
} 

.tab-button.icon-only#tab-t0-2{ 
    background-color: #ef4056; 
} 

.tab-button.icon-only#tab-t0-3{ 
    background-color: #46c3e6; 
} 

.tab-button.icon-only#tab-t0-4{ 
    background-color: #88c240; 
} 

$tabs-md-tab-icon-color : #FFFFFF; 
$tabs-md-tab-icon-color-active : #272525; 

솔루션,하지만 내 문제를 해결.