以 iPhone6 作为视觉标准

image.png

wxss 样式导入

image.png

全局配置文件及全局配置项

image.png

了解 window 节点常用的配置项

image.png

tabBar 的 6 个组成部分

image.png

tabBar 节点的配置项

image.png

每个 tab 的配置项

image.png
在根目录的 app.json 中和 window 平级定义 tabBar 

  1. "tabBar":{
  2.     "list": [
  3.       {
  4.       "pagePath": "pages/home/home",
  5.       "text": "首页",
  6.       "iconPath": "/images/1-1.png",       // 未选中时的图片路径
  7.       "selectedIconPath": "/images/1.png"  // 选中时的图片路径
  8.      },
  9.       {
  10.         "pagePath": "pages/setdata2/setdata2",
  11.         "text": "我的"
  12.       }
  13.     ]
  14.   }

页面配置项常用的配置

image.png