애플릿의 글로벌 구성 및 페이지 구성

1. 글로벌 구성

(1) 전역 구성 파일 및 공통 구성 항목

---

애플릿의 루트 디렉토리에 있는 파일은 app.json 애플릿에 속합니다 全局配置文件. 일반적으로 사용되는 구성 항목은 다음과 같습니다.

1. 페이지
   • 현재 애플릿의 모든 페이지의 저장 경로 기록
2. window
   • 애플릿 창의 모양을 전체적으로 설정
3. tabBar
   • 애플릿 하단에 tabBar 효과 설정
4. 스타일
   • 구성 요소 스타일의 새 버전을 활성화할지 여부

(2) window

---

1. 애플릿 창의 구성 요소

2. 윈도우 노드 공통 구성 항목 이해

3. 내비게이션 바 제목 설정

4. 내비게이션 바 배경색 설정

5. 내비게이션 바 제목 색상 설정

6. 풀다운 새로 고침 기능을 전역적으로 활성화

7. 풀다운 새로 고침 설정 시窗口的背景色

8. 아래로 당겨서 새로 고침할 때 로딩 스타일 설정

9. 풀업 하단 거리 설정

(3) 탭바

---

1. 탭바란?

2. tabBar의 6가지 구성 요소

3. tabBar 노드의 구성 항목

4. 탭 항목별 설정 옵션

(4) 경우: tabBar 구성

---

app.json

  "pages":[
    "pages/home/home",
    "pages/message/message",
    "pages/contact/contact",
    "pages/shoplist/shoplist"
  ],

  "window":{
    
    
    "backgroundTextStyle":"light",
    "navigationBarBackgroundColor": "#2b4b6b",
    "navigationBarTitleText": "生活服务",
    "navigationBarTextStyle":"white"
  },

  "tabBar": {
    
    
    "list": [
      {
    
    
        "pagePath": "pages/home/home",
        "text": "首页",
        "iconPath": "/images/tabs/home.png",
        "selectedIconPath": "/images/tabs/home-active.png"
      },
      {
    
    
        "pagePath": "pages/message/message",
        "text": "消息",
        "iconPath": "/images/tabs/message.png",
        "selectedIconPath": "/images/tabs/message-active.png"
      },
      {
    
    
        "pagePath": "pages/contact/contact",
        "text": "联系我们",
        "iconPath": "/images/tabs/contact.png",
        "selectedIconPath": "/images/tabs/contact-active.png"
      }
    ]
  },

2. 페이지 구성

1. 페이지 구성 파일의 역할

---

• 애플릿에서 각 페이지에는 当前页面창 모양, 페이지 효과 등을 구성하는 데 사용되는 자체 .json 구성 파일이 있습니다.

2. 페이지 구성과 글로벌 구성 간의 관계

---

3. 페이지 구성에서 일반적으로 사용되는 구성 항목

---