theluyuan/layui
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

chore: 完成 row 与 col 按需样式

Browse Source
This commit is contained in:
就眠儀式 2022-04-12 09:04:39 +08:00
parent 94cf131272
commit df8a2a6528
2 changed files with 8 additions and 64 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

64
package/component/src/component/row/index.less
View File

@ -104,81 +104,17 @@
} }
@media screen and (max-width: 768px) { @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); .loop-generate-col-xs(1);
} }
@media screen and (min-width: 768px) { @media screen and (min-width: 768px) {
.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); .loop-generate-col-sm(1);
} }
@media screen and (min-width: 992px) { @media screen and (min-width: 992px) {
.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); .loop-generate-col-md(1);
} }
@media screen and (min-width: 1200px) { @media screen and (min-width: 1200px) {
.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); .loop-generate-col-lg(1);
} }

8
package/component/src/resolver/index.ts
View File

@ -67,6 +67,14 @@ const matchComponents = [
pattern: /^LayAvatarList$/, pattern: /^LayAvatarList$/,
styleDir: "avatar", styleDir: "avatar",
}, },
{
pattern: /^LayRow$/,
styleDir: "row",
},
{
pattern: /^LayCol$/,
styleDir: "row",
},
// .... // ....
{ {
pattern: /^(LayBreadcrumb|LayBreadcrumbItem)$/, pattern: /^(LayBreadcrumb|LayBreadcrumbItem)$/,