<!-- @desc:col组件  @auth:周兴  @time:2022/5/18 15:47 -->
<template>
  <Col :span="span" :offset="offset" :push="push" :pull="pull" :className="className" class="Col">
    <slot></slot>
  </Col>
</template>

<script>
export default {
  name: "DkCol",
  props: {
    // 栅格的占位格数
    span:{
      type:[String,Number],
      default:6
    },
    // 栅格左侧的间隔格数
    offset:{
      type:[String,Number],
    },
    // 栅格向右移动格数
    push:{
      type:[String,Number],
    },
    // 栅格向左移动格数
    pull:{
      type:[String,Number],
    },
    // 自定义的class名称
    className:{
      type:String
    }
  },
}
</script>

<style scoped>
.Col {
  padding-left: 25px;
  padding-right: 25px;
  margin-bottom: 3px;
}
</style>
