<template>
  <view class="container">
    <u-tabbar
    	:value="tabbarValue"
    	@change="name => tabbarValue = name"
    	:fixed="true"
    	:placeholder="true"
    	:safeAreaInsetBottom="true"
    >
      <u-tabbar-item text="订单" icon="order" ></u-tabbar-item>
    	<!-- <u-tabbar-item text="消息" icon="chat" ></u-tabbar-item> -->
    	<!-- <u-tabbar-item text="推广" icon="man-add" ></u-tabbar-item> -->
      <u-tabbar-item text="店铺" icon="bag" ></u-tabbar-item>
      <u-tabbar-item text="我的" icon="home" ></u-tabbar-item>
    </u-tabbar>
  </view>
</template>

<script>
  export default{
    data(){
      return{
        tabbarValue:2
      }
    },
    watch:{
      tabbarValue:{
        immediate:true,
        handler(newValue){
          this.$emit('tabbarChange',newValue)
        }
      }
    }
  }
</script>

<style>
</style>
