WeChat 미니 프로그램 개발 하단 탐색

WeChat 미니 프로그램 개발

소개:

소프트웨어 세트의 애플리케이션 아키텍처에는 데이터 계층, 비즈니스 로직 계층, 서비스 계층, 제어 계층, 디스플레이 계층 및 사용자와 같은 여러 계층이 포함됩니다.

기본 구성 파일 app.json:

기본 구성 파일 app.json은 프로젝트의 기본 디렉터리에 있으며 현재 프로젝트를 전역적으로 구성하는 데 사용됩니다.

코드 예는 다음과 같습니다.

{
  "pages": [
    "pages/index/index",
    "pages/new/new",
  ],
  "window": {
    "backgroundColor": "#F6F6F6",
    "backgroundTextStyle": "light",
    "navigationBarBackgroundColor": "#F6F6F6",
    "navigationBarTitleText": "我的第一个小程序",
    "navigationBarTextStyle": "black"
  }
}

위 코드에는 두 개의 페이지가 있습니다. 이것은 json 개체입니다. 속성 페이지는 미니 프로그램의 페이지를 정의하는 데 사용됩니다. , 하나는 "pages/index" 아래에 있는 "index"라는 이름이고 다른 하나는 "page/new" 아래에 있는 new라는 이름입니다.

페이지 배열의 첫 번째 항목은 미니 프로그램의 초기 페이지, 즉 미니 프로그램 시작 시 실행되어 표시되는 페이지를 나타냅니다. 페이지를 계속 추가하는 경우 페이지 배열에 추가할 수 있습니다.

구성 상태:

배경색: 창의 배경색을 설정하는 데 사용됩니다. 이는 HTML의 색상 설정과 동일합니다. 색상을 설정하려면 16진수 RGB를 사용하세요. 기본값은 흰색입니다.

BackgroundTextStyle: 드롭다운 배경 글꼴과 로딩 이미지 스타일을 설정하는 데 사용되며 두 가지 값은 "어두움"과 "밝음"입니다.

enablePullDownRefresh: 풀다운 새로 고침 활성화 여부를 설정하는 데 사용되며 기본값은 false입니다.

navigationBarBackgroundColor: 탐색 모음의 배경색을 설정하는 데 사용됩니다.

navigationBarTextStyle: 탐색 모음 제목 색상을 설정합니다.

navigationBarTitleText: 탐색 모음 제목의 텍스트 내용을 설정합니다.

하단 탐색 구성:

"tabBar": {
    "list": [
      {
      "pagePath": "pages/index/index",
      "text": "首页",
      "iconPath": "images/icon_HOME.png",
      "selectedIconPath": "images/icon_HOMEED.png",
      "lang":"pagePath显示的页面,text文本，iconPath未激活的图标，selectedIconPath激活的图标"
    }, 
    {
      "pagePath": "pages/new/new",
      "text": "广场",
      "iconPath": "images/icon_GUANGCHANG.png",
      "selectedIconPath": "images/icon_GUANGCHANGED.png",
      "lang":"pagePath显示的页面,text文本，iconPath未激活的图标，selectedIconPath激活的图标"
    },
    {
      "pagePath": "pages/userConsole/userConsole",
      "text": "设置",
      "iconPath": "images/icon_SET.png",
      "selectedIconPath": "images/icon_SETED.png",
      "lang":"pagePath显示的页面,text文本，iconPath未激活的图标，selectedIconPath激活的图标"
    }]
  }

tabBar는 하단 탐색입니다. 위 코드에는 3개의 하단 탐색이 있습니다.

Color: 탭 비활성 상태의 텍스트 색상을 설정합니다.

selectedColor: 탭 활성화 상태의 텍스트 색상을 설정합니다.

borderStyle: 하단 탐색 테두리를 설정합니다.

BackgroundColor: 하단 탐색 배경색을 설정합니다.

list: 숫자입니다. 하단 탐색 수를 최소 2개, 최대 5개로 설정합니다.

text: 탐색 텍스트를 설정합니다.

pagePath, 텍스트 텍스트, iconPath 비활성 아이콘, selectedIconPath 활성화 아이콘으로 표시되는 페이지입니다.

위 내용은 WeChat 미니 프로그램 개발 하단 탐색의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!