小程序实现：TabBar,卡片布局，箭头样式，头像，星星评分,视频笔记练习

 

 底部选项卡TabBar ------------>app.json

{
  "pages":[
    "pages/index/index",
    "pages/message/message",
    "pages/profile/profile",
    "pages/shopList/shopList"
  ],
  "window":{
    "backgroundTextStyle":"light",
    "navigationBarBackgroundColor": "#fff",
    "navigationBarTitleText": "WeChat",
    "navigationBarTextStyle":"black"
  },
  "tabBar": {
    "color": "red",
    "selectedColor": "blue",
    "list": [
    {
      "pagePath": "pages/index/index",
      "text": "首页",
      "iconPath": "assets/tabs/home.png",
      "selectedIconPath": "assets/tabs/home-active.png"
    },
    {
      "pagePath": "pages/message/message",
      "text": "消息",
      "iconPath": "assets/tabs/message.png",
      "selectedIconPath": "assets/tabs/message-active.png"
    },
    {