vue实践-分栏间隔

element.js

import {Row, Col} from "element-ui";
Vue.use(Row)
Vue.use(Col)

分栏间隔

<el-row :gutter="20">
  <el-col :span="colSize">
     <div class="grid-content bg-purple"></div>
  </el-col>
  <el-col :span="colSize">
     <div class="grid-content bg-purple"></div>
  </el-col>
  <el-col :span="colSize">
     <div class="grid-content bg-purple"></div>
  </el-col>
</el-row>

script

<script>
    export default {
        data() {
            return {
                colSize: 8,
            }
        }
    }
</script>