OnsenUI 질문 :OnsenUI 사용자 정의 로고
가 어떻게 온천 - UI에서 (탐색 섹션에서) 왼쪽 상단에 내 로고를 표시 할 수 있습니까?
그리고 하위 페이지에
, 나는 다시 옆에있는 탐색에 로고를 가지고 싶습니다 내가 여기에 로고를 표시 할 말할 수있는 몇 가지 속성이 같은 뭔가가 있나요< [로고] 대신
I는 예를 들어 이미지 (단지 예시하기 위해 상기 표시를 표시하는 '최근 "하고자 최근은 로고로 바뀝니다.)
OnsenUI 질문 :OnsenUI 사용자 정의 로고
가 어떻게 온천 - UI에서 (탐색 섹션에서) 왼쪽 상단에 내 로고를 표시 할 수 있습니까?
그리고 하위 페이지에
, 나는 다시 옆에있는 탐색에 로고를 가지고 싶습니다 내가 여기에 로고를 표시 할 말할 수있는 몇 가지 속성이 같은 뭔가가 있나요< [로고] 대신
I는 예를 들어 이미지 (단지 예시하기 위해 상기 표시를 표시하는 '최근 "하고자 최근은 로고로 바뀝니다.)
네비게이터의 시작 페이지에서 적어도 이것을 이해했습니다. 지금은 충분합니다.
는 사용자 정의 클래스
<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;
}
업데이트의 마지막 버전으로 OnsenUI (오늘은 1.1.1이다) 새로운 '기능 도구 모음'요소가 당신이 바로 된 div를 왼쪽, 중앙 구성 할 수 있습니다. 어쩌면 당신은 약간의 CSS 적응을해야합니다.