30 lines
521 B
TypeScript
30 lines
521 B
TypeScript
|
import { ElCol } from "element-plus";
|
||
|
import { h, defineComponent } from "vue";
|
||
|
|
||
|
// 封装element-plus的el-col组件
|
||
|
export default defineComponent({
|
||
|
name: "ReCol",
|
||
|
props: {
|
||
|
value: {
|
||
|
type: Number,
|
||
|
default: 24
|
||
|
}
|
||
|
},
|
||
|
render() {
|
||
|
const attrs = this.$attrs;
|
||
|
const val = this.value;
|
||
|
return h(
|
||
|
ElCol,
|
||
|
{
|
||
|
xs: val,
|
||
|
sm: val,
|
||
|
md: val,
|
||
|
lg: val,
|
||
|
xl: val,
|
||
|
...attrs
|
||
|
},
|
||
|
{ default: () => this.$slots.default() }
|
||
|
);
|
||
|
}
|
||
|
});
|