[新增] row 和 col 栅格组件

This commit is contained in:
就眠仪式
2021-09-27 15:30:38 +08:00
parent 3b60c0288b
commit a1376e7685
7 changed files with 113 additions and 5 deletions

View File

@@ -1,6 +1,18 @@
<template>
<div class="layui-col" :class="[md?'layui-col-md' + md : '', xs?'layui-col-xs':'', sm?'layui-col-sm':'']">
<slot></slot>
<div
class="layui-col"
:class="[
md ? 'layui-col-md' + md : '',
xs ? 'layui-col-xs' + xs : '',
sm ? 'layui-col-sm' + sm : '',
lg ? 'layui-col-lg' + lg : '',
mdOffset ? 'layui-col-md-offset' + mdOffset : '',
xsOffset ? 'layui-col-xs-offset' + xsOffset : '',
smOffset ? 'layui-col-sm-offset' + smOffset : '',
lgOffset ? 'layui-col-lg-offset' + lgOffset : '',
]"
>
<slot></slot>
</div>
</template>
@@ -12,5 +24,10 @@ const props =
md?: string
xs?: string
sm?: string
lg?: string
mdOffset?: string
xsOffset?: string
smOffset?: string
lgOffset?: string
}>()
</script>