<template>
    <div class="page_stock">
        <van-tabs v-model="activeName" sticky>
            <van-tab title="入库">
                <warehousing></warehousing>
            </van-tab>
            <van-tab title="退货">
                <returnGoods></returnGoods>
            </van-tab>
            <van-tab title="出库">
                <warehouseOut></warehouseOut>
            </van-tab>
            <van-tab title="退库">
                <withDrawal></withDrawal>
            </van-tab>
        </van-tabs>
    </div>
</template>

<script>
import warehousing from './components/warehousing'
import returnGoods from './components/returnGoods'
import warehouseOut from './components/warehouseOut'
import withDrawal from './components/withDrawal'
export default {
  components: {
    warehousing,
    returnGoods,
    warehouseOut,
    withDrawal
  },
  data () {
    return {
      activeName: ''

    }
  }
}
</script>

<style lang="scss">
.page_stock{
  .van-tab--active {
    font-size: 1rem;
    color: #000;
    font-weight: bold;
  }
}
</style>
