组件

• 组件所在目录位置 /compontents/tabBar/tabBar

• 组件wxml

  <view  class="tabBar-wh">
   自定义组件
  </view>

• 组件js

  Component({
  ...
      externalClasses:["tabBar-wh"],//指定外部样式类名
  ...
  })

  注册组件到页面

• 注册定义组件json

  {
  "usingComponents": {
    "tabBar": "/compontents/tabBar/tabBar"
  }
  }

• 主页面调用组件wxml

  <tabBar tabBar-wh="custom-style"/>

• 主页面控制组件样式

  .custom-style{
    height: 100vh;
    width:100%;
  }