2017-09-20 1 views
0

이온 머리글에 다른 색상 인 을 성공적으로 구현할 수 있지만 모바일 응용 프로그램에 전역이 없으면 어떻게 제거 할 것인가는 문제입니다. 어떻게해야합니까? 다음은이온 2에 국경이없는 이온 머리글의 배경색을 변경하는 방법은 무엇입니까?

내가 시도 전부입니다 :

내 variable.scss SRC/테마/variable.scss에 흰색 추가 : 여기에 화이트 색상을 추가 할

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

오전 현재 수. SRC/페이지/login.html

<ion-header> 
    <ion-navbar color="white"> 
    <button ion-button menuToggle> <!--menuToggle removed and ion button hidden. You don't wanna show menu when they are yet to sign in--> 
     <ion-icon name="menu"></ion-icon> 
    </button> 
    <ion-title>Login</ion-title> 
    </ion-navbar> 
</ion-header> 

는 그러나 국경은 여전히 ​​보여줍니다. 나는 하숙인에게 보여주고 싶지 않다.

+0

전체 이온 헤더 블록을 삭제할 것,하지만 난 넣을 :

이 그래서 질문에 게시 코드를 기반으로, SRC/페이지/login.html이된다 단어 또는 작은 로고가 경계 표시없이 navbar가 보여주는 것으로 구분합니다. –

+0

'stackblitz' https://stackblitz.com/에서 시뮬레이션 할 수 있습니까? – Sampath

답변

0

좋아, 나는 단지 을 <ion-header> 이온 요소에 전달하여 알아 냈다. 그건 국경을 제거합니다.

<ion-header no-border> 
    <ion-navbar color="white"> 
    <button ion-button menuToggle> <!--menuToggle removed and ion button hidden. You don't wanna show menu when they are yet to sign in--> 
     <ion-icon name="menu"></ion-icon> 
    </button> 
    <ion-title>Login</ion-title> 
</ion-navbar> 

관련 문제