<template>
  <div class="rt-grid" :style="{'align-items': (alignItemsCenter ? 'center':'')}">
    <slot />
  </div>
</template>
<script>
export default {
  name: 'RtGrid',
  props: {
    columnNum: {
      type: Number,
      default: 2
    },
    border: {
      type: Boolean,
      default: false
    },
    center: {
      type: Boolean,
      default: false
    },
    alignItemsCenter: {
      type: Boolean,
      default: false
    },
    gutter: {
      type: Number,
      default: 0
    },
    // grid-item靠左浮动
    gridItemFloatLift: {
      type: Boolean,
      default: false
    }
  }
};
</script>
<style lang="less">
.rt-grid {
  position: relative;
  display: flex;
}
</style>
