ulthon/layui-ul
1
0
Fork 0
mirror of https://gitee.com/ulthon/layui-ul.git synced 2026-07-05 11:52:49 +08:00
Code Issues Packages Projects Releases Wiki Activity

优化网格导航和二维码卡片的代码

Browse Source
This commit is contained in:
augushong
2023-04-17 14:29:09 +08:00
parent f25936eadc
commit 6afae57896
4 changed files with 15 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
public/cdn/layui-ul.css
View File

@@ -989,7 +989,7 @@
position: relative;
min-height: 100px;
display: inline-block;
background-color: #E2DFDF;
background-color: #eee;
padding: 10px;
}
.ul-card-qrcode .header {
@@ -1014,7 +1014,7 @@
width: 20px;
height: 20px;
border-radius: 20px;
background-color: #E2DFDF;
background-color: #eee;
left: -10px;
top: 0;
}
@@ -1023,7 +1023,7 @@
width: 20px;
height: 20px;
border-radius: 20px;
background-color: #E2DFDF;
background-color: #eee;
right: -10px;
top: 0;
}
@@ -1031,7 +1031,7 @@
position: absolute;
width: 100%;
height: 0;
border-bottom: 2px dashed #E2DFDF;
border-bottom: 2px dashed #eee;
top: 8px;
left: 0;
}

2
public/cdn/layui-ul.min.css vendored
View File

File diff suppressed because one or more lines are too long

10
source/components/card/ul-card-qrcode/_index.scss
View File

@@ -1,9 +1,11 @@
.ul-card-qrcode {
$borderColor: #eee;
position: relative;
min-height: 100px;
display: inline-block;
background-color: #E2DFDF;
background-color: $borderColor;
padding: 10px;
.header {
@@ -35,7 +37,7 @@
width: 20px;
height: 20px;
border-radius: 20px;
background-color: #E2DFDF;
background-color: $borderColor;
left: -10px;
top: 0;
}
@@ -45,7 +47,7 @@
width: 20px;
height: 20px;
border-radius: 20px;
background-color: #E2DFDF;
background-color: $borderColor;
right: -10px;
top: 0;
}
@@ -54,7 +56,7 @@
position: absolute;
width: 100%;
height: 0;
border-bottom: 2px dashed #E2DFDF;
border-bottom: 2px dashed $borderColor;
top: 8px;
left: 0;
}

6
source/components/nav/ul-nav-grid/_index.scss
View File

@@ -4,8 +4,10 @@
align-items: flex-start;
justify-content: flex-start;
$gridCount: 3;
.item {
flex: 0 0 calc(100% / 3);
flex: 0 0 calc(100% / $gridCount);
text-align: center;
margin-bottom: 12px;
@@ -72,7 +74,7 @@
padding: 0.5px;
.item {
flex: 0 0 calc(100% / 3 - 1px - 24px);
flex: 0 0 calc(100% / $gridCount - 1px - 24px);
margin: 0.5px;
background-color: #fff;
padding: 12px;