+
-
-
diff --git a/src/module/row/index.less b/src/module/row/index.less
new file mode 100644
index 00000000..ed7165ed
--- /dev/null
+++ b/src/module/row/index.less
@@ -0,0 +1,201 @@
+.layui-row:after,
+.layui-row:before {
+ content: '';
+ display: block;
+ clear: both;
+}
+
+/** generate space */
+.generate-space(@a) {
+
+ .layui-col-space@{a} {
+ margin: -0.5px * @a;
+ }
+
+ .layui-col-space@{a}>* {
+ padding: 0.5px * @a;
+ }
+}
+
+.loop-generate-space(@index) when (@index <=30) {
+ .generate-space(@index);
+ .loop-generate-space(@index + 1);
+}
+
+.loop-generate-space(1);
+
+/** generate col xs */
+
+.generate-col-xs(@a) {
+
+ .layui-col-xs@{a} {
+ float: left;
+ display: block;
+ position: relative;
+ box-sizing: border-box;
+ width: 100% * (@a / 24);
+ }
+
+ .layui-col-xs-offset@{a} {
+ margin-left: 100% * (@a / 24);
+ }
+}
+
+.generate-col-sm(@a) {
+
+ .layui-col-sm@{a} {
+ float: left;
+ display: block;
+ position: relative;
+ box-sizing: border-box;
+ width: 100% * (@a / 24);
+ }
+
+ .layui-col-sm-offset@{a} {
+ margin-left: 100% * (@a / 24);
+ }
+}
+
+.generate-col-md(@a) {
+
+ .layui-col-md@{a} {
+ float: left;
+ display: block;
+ position: relative;
+ box-sizing: border-box;
+ width: 100% * (@a / 24);
+ }
+
+ .layui-col-md-offset@{a} {
+ margin-left: 100% * (@a / 24);
+ }
+}
+
+.generate-col-lg(@a) {
+
+ .layui-col-lg@{a} {
+ float: left;
+ display: block;
+ position: relative;
+ box-sizing: border-box;
+ width: 100% * (@a / 24);
+ }
+
+ .layui-col-lg-offset@{a} {
+ margin-left: 100% * (@a / 24);
+ }
+}
+
+.loop-generate-col-xs(@index) when (@index <=24) {
+ .generate-col-xs(@index);
+ .loop-generate-col-xs(@index + 1)
+}
+
+.loop-generate-col-sm(@index) when (@index <=24) {
+ .generate-col-sm(@index);
+ .loop-generate-col-sm(@index + 1)
+}
+
+.loop-generate-col-md(@index) when (@index <=24) {
+ .generate-col-md(@index);
+ .loop-generate-col-md(@index + 1)
+}
+
+.loop-generate-col-lg(@index) when (@index <=24) {
+ .generate-col-lg(@index);
+ .loop-generate-col-lg(@index + 1)
+}
+
+@media screen and (max-width: 768px) {
+ .layui-hide-xs {
+ display: none !important;
+ }
+
+ .layui-show-xs-block {
+ display: block !important;
+ }
+
+ .layui-show-xs-inline {
+ display: inline !important;
+ }
+
+ .layui-show-xs-inline-block {
+ display: inline-block !important;
+ }
+
+ .loop-generate-col-xs(1);
+}
+
+
+@media screen and (min-width: 768px) {
+ .layui-container {
+ width: 750px;
+ }
+
+ .layui-hide-sm {
+ display: none !important;
+ }
+
+ .layui-show-sm-block {
+ display: block !important;
+ }
+
+ .layui-show-sm-inline {
+ display: inline !important;
+ }
+
+ .layui-show-sm-inline-block {
+ display: inline-block !important;
+ }
+
+ .loop-generate-col-sm(1)
+}
+
+
+@media screen and (min-width: 992px) {
+ .layui-container {
+ width: 970px;
+ }
+
+ .layui-hide-md {
+ display: none !important;
+ }
+
+ .layui-show-md-block {
+ display: block !important;
+ }
+
+ .layui-show-md-inline {
+ display: inline !important;
+ }
+
+ .layui-show-md-inline-block {
+ display: inline-block !important;
+ }
+
+ .loop-generate-col-md(1)
+}
+
+@media screen and (min-width: 1200px) {
+ .layui-container {
+ width: 1170px;
+ }
+
+ .layui-hide-lg {
+ display: none !important;
+ }
+
+ .layui-show-lg-block {
+ display: block !important;
+ }
+
+ .layui-show-lg-inline {
+ display: inline !important;
+ }
+
+ .layui-show-lg-inline-block {
+ display: inline-block !important;
+ }
+
+ .loop-generate-col-lg(1)
+}
\ No newline at end of file
diff --git a/src/module/row/index.ts b/src/module/row/index.ts
index 56f22dfc..dc7cdb59 100644
--- a/src/module/row/index.ts
+++ b/src/module/row/index.ts
@@ -6,4 +6,4 @@ Component.install = (app: App) => {
app.component(Component.name || 'LayRow', Component)
}
-export default Component as IDefineComponent
+export default Component as IDefineComponent
\ No newline at end of file
diff --git a/src/module/row/index.vue b/src/module/row/index.vue
index 2c8c70b9..465eb792 100644
--- a/src/module/row/index.vue
+++ b/src/module/row/index.vue
@@ -1,13 +1,25 @@
+
+
+
+
-