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

이 글에서는 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!