uni-app D3实战（小兔仙）

1.pages.json和tabBar案例

1.1 文件介绍

1.2 做一下pages.json的路由和tabbar配置：

{
  "pages": [ //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages
    {
      "path": "pages/index/index",
      "style": {
        "navigationBarTitleText": "首页"
      }
    },
    {
      "path": "pages/my/my",
      "style": {
        "navigationBarTitleText": "我的"
      }
    }
  ],
  // 全局修改
  "globalStyle": {
    "navigationBarTextStyle": "white",
    "navigationBarTitleText": "uni-app",
    "navigationBarBackgroundColor": "#1bac9b",
    "backgroundColor": "#F8F8F8"
  },
  "tabBar": {
    // 修改选中时候的颜色
    "selectedColor": "#1bac9b",
    "list": [{
        "pagePath": "pages/index/index",
        "text": "首页",
        "iconPath": "/static/tabs/home_default.png",
        "selectedIconPath": "/static/tabs/home_selected.png"
      },
      {
        "pagePath": "pages/my/my",
        "text": "我的",
        "iconPath": "/static/tabs/user_default.png",
        "selectedIconPath": "/static/tabs/user_selected.png"
      }
    ]
  },
  "uniIdRouter": {}
}

效果：

1.3总结和注意事项：

2. uni-app和原生小程序开发的区别

2.1 属性绑定的书写区别

2.2 事件绑定的区别

2.3 支持Vue常用指令

大致：