【vue】slot插槽flex失效

三个文件，使用插槽

//tabbar
//html
<template>
 <div id="tabbar">
   <slot></slot>
 </div>
</template>

tabBarItem.vue里的html代码里不要再加div

//tabBarItem
<template>
 <div>//不用加 否则样式拿不到tabbar.vue里的css flex不生效，
   <slot name="item-icon"></slot>
 </div>
</template>

//App
<template>
 <div id="App">
   <tab-bar>
     <tab-bar-item>
       <img slot="item-icon"/>
     </tab-bar-item>
   </tab-bar>
     
 </div>
</template>