1、效果展示：

2、项目结构

3、 app.json 代码

 

{

  "pages": [

    "pages/qq/qq",

    "pages/wx/wx",

    "pages/foxmail/foxmail",

    "pages/logs/logs",

    "pages/index/index"

  ],

  "window": {

    "backgroundTextStyle": "light",

    "navigationBarBackgroundColor": "#fff",

    "navigationBarTitleText": "Test",

    "navigationBarTextStyle": "black",

    "enablePullDownRefresh":true

  },

  "tabBar": {

    "list": [{

      "pagePath": "pages/qq/qq",

      "text": "qq",

      "iconPath": "imgs/qq.png",

      "selectedIconPath": "imgs/qq.png"

    },

    {

      "pagePath": "pages/wx/wx",

      "text": "wx",

      "iconPath": "imgs/weixin.png",

      "selectedIconPath": "imgs/weixin.png"

    },{

      "pagePath": "pages/foxmail/foxmail",

      "text": "foxmail",

      "iconPath": "imgs/foxmail.png",

      "selectedIconPath": "imgs/foxmail.png"

    }]

  },

  "sitemapLocation": "sitemap.json",

  "debug": true

}