> 위챗 애플릿 > 미니 프로그램 개발 > WeChat 애플릿 개발 탭(창 하단의 TabBar) 페이지 전환 구현

WeChat 애플릿 개발 탭(창 하단의 TabBar) 페이지 전환 구현

PHPz
풀어 주다: 2018-05-15 14:17:20
원래의
5342명이 탐색했습니다.

이 글에서는 WeChat 애플릿 개발 시 탭(창 하단의 TabBar) 페이지 전환 관련 지식을 주로 소개합니다. 매우 좋은 참조 값을 가지고 있습니다. 아래 에디터로 살펴보겠습니다

위챗 애플릿 개발시 창 하단 탭바에서 페이지 전환이 매우 간단하고 편리합니다.

코드:

1.app.json

//app.json 
{ 
 "pages":[ 
  "pages/index/index", 
  "pages/logs/logs" 
 ], 
 "window":{ 
  "backgroundTextStyle":"light", 
  "navigationBarBackgroundColor": "#999999", 
  "navigationBarTitleText": "tab", 
  "navigationBarTextStyle":"white" 
 }, 
  "tabBar": { 
  "color": "#ccc", 
  "selectedColor": "#35495e", 
  "borderStyle": "white", 
  "backgroundColor": "#f9f9f9", 
  "list": [ 
   { 
    "text": "首页", 
    "pagePath": "pages/index/index", 
    "iconPath": "images/home.png", 
    "selectedIconPath": "images/home-actived.png" 
   }, 
   { 
    "text": "目录", 
    "pagePath": "pages/catalogue/catalogue", 
    "iconPath": "images/note.png", 
    "selectedIconPath": "images/note-actived.png" 
   }, 
   { 
    "text": "我的", 
    "pagePath": "pages/mine/mine", 
    "iconPath": "images/profile.png", 
    "selectedIconPath": "images/profile-actived.png" 
   } 
  ] 
 } 
}
로그인 후 복사

pagePath는 페이지 경로입니다. 이미지 경로이며 아이콘 크기는 40kb로 제한됩니다.

selectedIconPath: 선택 시 이미지 경로는 40kb로 제한됩니다.

탭 표시줄 최대 5개, 최소 2개입니다.

페이지 디렉토리에 페이지를 작성한 후 전환할 수 있습니다.

위 내용은 WeChat 애플릿 개발 탭(창 하단의 TabBar) 페이지 전환 구현의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿