2014-07-12 5 views
0

OnsenUI 질문 :OnsenUI 사용자 정의 로고

가 어떻게 온천 - UI에서 (탐색 섹션에서) 왼쪽 상단에 내 로고를 표시 할 수 있습니까?

enter image description here

그리고 하위 페이지에

, 나는 다시 옆에있는 탐색에 로고를 가지고 싶습니다 내가 여기에 로고를 표시 할 말할 수있는 몇 가지 속성이 같은 뭔가가 있나요

< [로고] 대신

enter image description here

I는 예를 들어 이미지 (단지 예시하기 위해 상기 표시를 표시하는 '최근 "하고자 최근은 로고로 바뀝니다.)

답변

0

네비게이터의 시작 페이지에서 적어도 이것을 이해했습니다. 지금은 충분합니다.

는 사용자 정의 클래스

<ons-navigator 
    title="Recent Ideas" 
    right-button-icon="fa fa-lg fa-search" 
    left-button-icon="fa fa-lg app-logo" 
    on-right-button-click="ons.navigator.pushPage('page3.html', { title: 'Page 3' })" 
    page="feed.html"> 
</ons-navigator> 

에 왼쪽 버튼 아이콘 BG와 로고 이미지를 사용하여 CSS에서 사용자 정의 클래스를 정의 설정합니다.

.app-logo { 
    background: url('../images/logo.png'); 
    width: 3em; 
    height: 3em; 
    background-repeat: no-repeat; 
    background-position: center .5em; 
} 
0

업데이트의 마지막 버전으로 OnsenUI (오늘은 1.1.1이다) 새로운 '기능 도구 모음'요소가 당신이 바로 된 div를 왼쪽, 중앙 구성 할 수 있습니다. 어쩌면 당신은 약간의 CSS 적응을해야합니다.

관련 문제