입문 위 챗 애플 릿

2472 단어 web
간단 한 소개
  • 위 챗 에서 실행 되 는 모 바 일 앱 프레임 워 크
  • 를 개발 하 는 데 사용 되 는 것 은 무엇 입 니까?
  • 구성 구조 시각 층 wxml, 스타일 파일 wxs, 논리 층 js, 프로필 json
  • 전역 설정
    애플 릿 루트 디 렉 터 리 에 있 는 app.json 파일 은 위 챗 애플 릿 을 전역 적 으로 설정 하고 페이지 파일 의 경로, 창 표현, 네트워크 시간 초과 설정, 다 중 tab 설정 등 을 결정 합 니 다.
  • 예제
      {
        "pages": [
          "pages/index/index",
          "pages/logs/logs",
          "pages/klass/klass",
        ],
        "window": {
          "backgroundTextStyle": "light",
          "navigationBarBackgroundColor": "#1aad16",
          "navigationBarTextStyle": "black"
        },
        "tabBar": {
          "color": "black",
          "selectedColor": "#129763",
          "list": [
            {
              "text": "  ",
              "pagePath": "pages/index/index"
            },
            {
              "text": "    ",
              "pagePath": "pages/klass/klass"
            }
          ]
        }
        "debug": true
      }
    pages 페이지 경로 window 페이지 의 창 표현 tabBar 아래쪽 메뉴 표시 줄 debug 이 열 릴 지 여부 debug 모드 에서 콘 솔 은 상세 한 디 버 깅 정보
  • 를 출력 합 니 다.
  • 효과
  • app. json 에 대한 자세 한 내용 은 공식 문서 참조
    경로
    1. navigator debug 의 속성 치
       navigate     (    )
       switchTab  tab(   )      
       reLaunch     url  ,          
       
    
  • 예제
            
                       
            
                     
            
                     
    open-type 기본 속성, 상단 에 반환 스타일 이 나타 납 니 다. open-type 속성 치 를 reLaunch 로 설정 하고 상단 에 반환 스타일 이 나타 나 지 않 습 니 다. open-type 속성 치 를 switchTab open-type 로 설정 합 니 다.
  • 2. API 를 이용 해 내 비게 이 션 점프 (실현 버튼 클릭 점프)* tab , app.json tab 대응 navigate 으로 건 너 뛰 기 wx.navigateTo(OBJECT) 대응 switchTab 으로 건 너 뛰 기 wx.switchTab(OBJECT) 대응 reLaunch 으로 다시 불 러 오기
  • 예제 index. js index. wxml
  • ... 에 대하 여wx.reLaunch(OBJECT) 의 더 많은 속성 치 는 공식 문서 에서 찾 아 볼 수 있 습 니 다.

    좋은 웹페이지 즐겨찾기