app.json

  • 小程序根目录下的 app.json 文件用来对微信小程序进行全局配置。 ```json //app.json 文件

{
//页面路径列表 => 项目中有几个页面,这里就要写几个页面 //=> 新增/减少页面，都需要对 pages 数组进行修改 “pages”: [
“pages/index/index”, //第一项代表小程序的初始页面（首页） “pages/logs/logs”, “pages/history/history” ],

// 用于设置小程序全局的状态栏、导航条、标题、窗口背景色。 “window”: { “backgroundTextStyle”: “light”, // 下拉 loading 的样式 “navigationBarBackgroundColor”: “#64b2f9”, // 导航栏背景颜色

  1. "navigationBarTitleText": "weapp",  // 导航栏标题文字内容    
  3. "navigationBarTextStyle": "white"  //导航栏标题颜色

},

  1. //用于设置底部或顶部有 tab 栏可以切换页面,以及对 tab 栏的配置

“tabBar”: { “color”: “#F8F8FF”, //tab 上的文字默认颜色

  1. "position": "bottom",  //tabBar 的位置是顶部还是底部 => 顶部没法设置图标,只有底部才可以
  3. "selectedColor": "#F8F8FF", //tab 上的文字选中时的颜色
  5. "borderStyle": "black",  // tabbar 上边框的颜色
  7. "backgroundColor": "#64b2f9", //tab 的背景色
  9.   // list 接受一个数组，只能配置最少 2 个、最多 5 个 tab
  10. "list": [       
  11.   {
  12.     "pagePath": "pages/index/index",  
  13.     //点击后转到的 tab 路径=>必须在pages也要定义这个路径
  14.     "text": "翻译",        
  15.     //tab 上按钮文字
  16.     "iconPath": "pages/index/2.png",  
  17.     //tab没有选中时候的图片路径
  18.     "selectedIconPath":  "pages/index/1.png" //tab选中时的图片显示
  19.   },
  20.   {
  21.     "pagePath": "pages/history/history",
  22.     "text": "生词本",
  23.     "iconPath": "pages/index/4.png",
  24.     "selectedIconPath":  "pages/index/5.png"
  25.   }
  26. ]

},

“usingComponents”: { “iconfont”: “/iconfont/iconfont” },

“style”: “v2”, “sitemapLocation”: “sitemap.json” } ```

app.wxss

  • 控制全局的样式