element-ui el-col 奇数份

在elementui中，el-col 默认以24划分，当划分份数为奇数时，24不能整除，如何解决？

答：定义动态类，结合css解决。

例子：分5份

<el-col :xs="12" :sm="12" :lg="lgSpan" class="card-panel-col" v-for="item in panelData">
    <div class="card-panel">
        <div class="num">{{item.num}}</div>
        <div class="name">{{item.name}}</div>
    </div>
</el-col>

<script>
props: {
    lgSpan: {
        type: Object,
        default: {span:'4-8'}
    }
}
</script>

<style lang="scss" scoped>
    .el-col-lg-4-8 {
        width: 20%;
    }
</style>