<template>
    <view class="s-flex" style="display: flex;" :style="{
      flexDirection: flexDirection,
      flexWrap: flexWrap,
      justifyContent: justifyContent,
      alignItems: alignItems,
      alignContent: alignContent,
      overflowY: overflowY,
      gap: gap
    }">
      <slot></slot>
    </view>
  </template>
  
  <script>
  import props from './prop.js'
  export default {
    // #ifdef MP-WEIXIN
    // 将自定义节点设置成虚拟的，更加接近Vue组件的表现，能更好的使用flex属性
    options: {
        virtualHost: true
    },
    // #endif
    name: 'm-flex-container',
    mixins: [props]
  }
  </script>
  
  <style lang="scss" scoped></style>