javaScript flex布局使用

<template>
    <div class="goods">
      <div class="menu-wrapper"></div>
      <div class="foods-wrapper"></div>
    </div>
</template>

<script>
  export default{}
</script>

<style lang="stylus" rel="stylesheet/stylus">
  .goods {
    display flex
    position absolute
    top: 178px
    bottom 46px
    overflow hidden
    width: 100%
  }
  .goods .menu-wrapper {
    flex:0 0 80px
    width: 80px
    background-color lightgray
  }
  .goods .foods-wrapper {
    flex:1;
    background-color red
  }
</style>