操屁眼的视频在线免费看,日本在线综合一区二区,久久在线观看免费视频,欧美日韩精品久久综

微信小程序一出來就引起了一片熱議，我也終于不懶了，想著還是看看吧，結果發現與我之前學的 react 神似。

基礎知識什么的就不再闡述了，其地址如下：

下面就是我做的第一個功能：底部導航切換欄，：

圖片.png

項目結構：

-75F9-4EE9-9AFF-.png

的配置主要在 app.json 下面：

{
  "pages":[
    "pages/home/home",
    "pages/category/category",
    "pages/cart/cart",

    "pages/mine/mine",
    "pages/index/index",
    "pages/logs/logs"
  ],
  "tabBar": {
    "color": "#464a56",
    "selectedColor": "#6595e9",
    "backgroundColor": "#FFFFFF",
    "borderStyle": "white",
    "list": [{
      "pagePath": "pages/home/home",
      "text": "首頁",

      "iconPath": "images/ic_nav_main_home.png",
      "selectedIconPath": "images/ic_nav_main_home_press.png"
    },{
      "pagePath": "pages/category/category",
      "text": "分類",
      "iconPath": "images/ic_nav_main_category.png",
      "selectedIconPath": "images/ic_nav_main_category_press.png"
    },{
      "pagePath": "pages/cart/cart",
      "text": "購物車",
      "iconPath": "images/ic_nav_main_cart.png",
      "selectedIconPath": "images/ic_nav_main_cart_press.png"

    },{
      "pagePath": "pages/mine/mine",
      "text": "我的",
      "iconPath": "images/ic_nav_main_mine.png",
      "selectedIconPath": "images/ic_nav_main_mine_press.png"
    }]
  },
  "window":{
    "backgroundTextStyle":"light",
    "navigationBarBackgroundColor": "#6595e9",
    "navigationBarTitleText": "WeChat",
    "navigationBarTextStyle":"white",

    "backgroundColor": "#eeeeee"
  }
}

這里需要注意的是，pages 中接受的是一個數組，小程序的頁面就放在這個里面。

但是尤其要注意的是，數組中的第一個頁面就是小程序的初始頁面，所以這里我們就要將 home 頁面放在第一位，這樣小程序啟動起來才能看到我們的。

小程序新增或者減少頁面的時候都需要對 pages 進行修改。

在做的時候微信小程序 圖片庫，為了表示每個頁面，我們可以給每個頁面一個標題欄，xt。

圖片.png

標題欄是首頁、分類、購物車以及個人中心都需要的，所以我們可以在 app.json 下面配置之后，再在各個頁面直接用。

app.json 是全局配置，而各個頁面也可以對自己的頁面進行配置，即首頁就可以在 home.json 下面進行配置微信小程序 圖片庫，不過它不需要將配置寫在中：

app.json（全局）:

"window":{
    "backgroundTextStyle":"light",
    "navigationBarBackgroundColor": "#6595e9",
    "navigationBarTitleText": "WeChat",
    "navigationBarTextStyle":"white",
    "backgroundColor": "#eeeeee"
  }

home.json ：

{
    "navigationBarTitleText": "首頁"
}

這么簡單的配置后，就可以實現了。