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>