<template>
  <div style="padding: 0px 10px;">
    <el-form
      :model="opts"
      label-position="left"
      :rules="rules"
      label-width="100px"
      class="demo-ruleForm"
    >
      <el-form-item label="栅格" prop="span">
        <el-slider v-model="opts.span" :step="1" :min="1" :max="24" />
      </el-form-item>
    </el-form>
  </div>

</template>

<script>
import ApDevPropBase from './base/ApDevPropBase'
import ElButton from 'element-ui/packages/button/src/button'

// 注意点：1、表单必须绑定opts。
export default {
  name: 'ApDevContainerRowProp',
  components: { ElButton },
  extends: ApDevPropBase,
  data() {
    return {
      rules: {}
    }
  },
  methods: {
  }
}
</script>


<style scoped>
</style>
