小程序:全局配置(pages、windows、tabBar)


1、pages:頁面(配置頁面中所有的文件)

第一行為默認打開的顯示頁面

  "pages": [
    "pages/index/index",
    "pages/logs/logs"
  ],

 

 js文件:邏輯

json文件:配置

wxml文件:結構

wxss文件:頁面樣式

 

2、windows:全局的默認窗口表現,用於設置小程序的狀態欄、導航條、標題、窗口背景色。

(1)導航欄顏色:

  "window": {
    "backgroundTextStyle": "light",
    "navigationBarBackgroundColor": "#444",
    "navigationBarTitleText": "WeChat",
    "navigationBarTextStyle": "white"
  },

 

 (2)名稱:

  "window": {
    "backgroundTextStyle": "light",
    "navigationBarBackgroundColor": "#444",
    "navigationBarTitleText": "cNode",
    "navigationBarTextStyle": "white"
  },

 

 (3)下拉刷新:默認為false,設置為true

  "window": {
    "backgroundTextStyle": "light",
    "navigationBarBackgroundColor": "#444",
    "navigationBarTitleText": "cNode",
    "enablePullDownRefresh":true
  },

 

 

 

3、tabBar(https://developers.weixin.qq.com/miniprogram/dev/reference/configuration/app.html#window

  "tabBar":{
      "list":[
        {
          "pagePath":"pages/index/index",
          "text":"首頁"
        },
        {
          "pagePath":"pages/index/index",
          "text":"入門"
        },
        {
          "pagePath":"pages/index/index",
          "text":"消息"
        },
        {
          "pagePath":"pages/index/index",
          "text":"API"
        },
        {
          "pagePath":"pages/index/index",
          "text":"個人"
        }
      ],
      "color":"#2E2E2E",
      "selectedColor":"#F8B7D2",
      "backgroundColor":"#DEE1E6"
  },

效果:

 (https://developers.weixin.qq.com/miniprogram/dev/reference/configuration/app.html#window

(1)list里面的屬性

pagePath:要跳轉的頁面路徑

text:按鈕上的文字

iconPath:按鈕的圖片路徑

selectedIconPath:選中時的圖片路徑

(2)tabBar屬性

color:tab 上的文字默認顏色,僅支持十六進制顏色

selectedColor:tab 上的文字選中時的顏色,僅支持十六進制顏色

backgroundColor:tab 的背景色,僅支持十六進制顏色

 

4、utils目錄

書寫一些公用的代碼。

 

5、其它

app.js:全局的js文件,包括生命周期函數,只能有一個app方法

app.wxss:全局的樣式文件,頁面的樣式與全局的樣式重疊的情況下,頁面的樣式起作用

 

6、編輯首頁文件方式

(1)把要編輯的頁面放到app.json文件的pages數組的第一行

(2)點擊上面將普通編譯進行修改,選擇自己想要修改的頁面

 

7、小程序的注冊

在app.js中進行配置:

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM