WeChat Mini 프로그램 예: 내비게이션 바 사용자 정의 구현 방법

이 글의 내용은 위챗 애플릿 예시입니다: 네비게이션 바를 사용자 정의하는 방법입니다. 도움이 필요한 친구들이 참고할 수 있기를 바랍니다.

WeChat 애플릿에서 탐색 표시줄의 색상과 카피라이팅은 app.json의 창에서 설정하거나 특정 페이지에 있는 경우 단일 페이지에서 설정할 수 있습니다. json 파일의 구성에서 창을 제거해야 합니다. 예를 들어 app.json 구성에서:

{
    "window":{
       "backgroundTextStyle":"light",
       "navigationBarBackgroundColor": "#fff",
       "navigationBarTitleText": "WeChat",
       "navigationBarTextStyle":"black",
       "navigationStyle": "custom"
     } }

특정 페이지의 json 파일 구성에서:

{
  "backgroundTextStyle": "light",
  "navigationBarBackgroundColor": "#405f80",
  "navigationBarTitleText": "文与字",
  "navigationBarTextStyle": "white"}

#🎜🎜 #자세한 내용은 공식 문서를 참고해주세요 : https://developers.weixin.qq.com/miniprogram/dev/framework/config.html

하지만 가끔 업체에서 요구하는 네비게이션 바가 매우 특별하며 미니 프로그램에서 제공하는 탐색 모음은 요구 사항을 충족할 수 없으므로 현재로서는 사용자 정의만 가능합니다.

먼저 탐색 모음을 사용자 정의하는 단계에 대해 설명하겠습니다. 🎜🎜#

in app.json 창에 "navigationStyle": "custom" 속성을 추가합니다(기본 속성은 "navigationStyle": "default"입니다). 그림과 같이 미니 프로그램의 기본 탐색 모음이 사라집니다.

• 
  

다음 단계는 자신만의 탐색 모음을 추가하는 것입니다. 필요에 따라 각 페이지에
# 🎜🎜#참고: NavigationStyle은 app.json에서만 적용됩니다. 사용자 정의를 활성화한 후에는 하위 버전 클라이언트가 호환되어야 합니다. 개발자 도구 기본 라이브러리 버전을 1.7.0(최하위 버전을 의미하지 않고 디버깅 전용)으로 전환하면 이전 비전으로 쉽게 전환할 수 있습니다.

은 이 속성이 json으로 구성하면 단일 페이지에서 탐색 표시줄을 사용자 정의하는 것은 불가능합니다. 개인적으로는 미니 프로그램이 꽤 헷갈릴 수도 있습니다. #🎜🎜 #
관련 추천:

미니 프로그램 예시: 미니 프로그램 페이징 로딩 데이터 구현 코드

#🎜 🎜#WeChat 미니 프로그램 예: 클릭 이벤트 및 길게 누르기 이벤트의 코드 구현

버튼의 기본 스타일을 지우는 방법 및 미니 프로그램의 스크롤바(코드)

위 내용은 WeChat Mini 프로그램 예: 내비게이션 바 사용자 정의 구현 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!