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

refactor: 重新迁移极简图标卡片代码

Browse Source
This commit is contained in:
augushong
2025-08-31 12:04:19 +08:00
parent c2f7b26a53
commit ddb72d0760
6 changed files with 32 additions and 94 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -327,35 +327,6 @@
padding: 15px; padding: 15px;
} }
.ul-card-simple-icon {
display: inline-block;
margin-right: 15px;
margin-bottom: 15px;
box-shadow: 0 2px 12px 0 #bbb;
border-radius: 4px;
border: 1px solid #ebeef5;
background-color: #fff;
box-sizing: border-box;
width: 100px;
padding: 10px;
text-align: center;
}
.ul-card-simple-icon .ul-card-simple-icon-image {
width: 80px;
height: 80px;
background-size: cover;
background-position: center;
display: inline-block;
}
.ul-card-simple-icon .ul-card-simple-icon-title {
border-top: 2px solid #ebeef5;
margin-top: 8px;
padding-top: 8px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.ul-group-title-simple { .ul-group-title-simple {
line-height: 30px; line-height: 30px;
font-size: 16px; font-size: 16px;
@@ -1115,7 +1086,6 @@
padding: 10px; padding: 10px;
text-align: center; text-align: center;
} }
.ul-card-simple-icon .ul-card-simple-icon-image { .ul-card-simple-icon .ul-card-simple-icon-image {
width: 80px; width: 80px;
height: 80px; height: 80px;
@@ -1123,7 +1093,6 @@
background-position: center; background-position: center;
display: inline-block; display: inline-block;
} }
.ul-card-simple-icon .ul-card-simple-icon-title { .ul-card-simple-icon .ul-card-simple-icon-title {
border-top: 2px solid #ebeef5; border-top: 2px solid #ebeef5;
margin-top: 8px; margin-top: 8px;

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

File diff suppressed because one or more lines are too long

59
source/components/card/ul-card-simple-icon/_index.scss
View File

@@ -1,29 +1,32 @@
.ul-card-simple-icon { .ul-card-simple-icon {
display: inline-block; display: inline-block;
margin-right: 15px; margin-right: 15px;
margin-bottom: 15px; margin-bottom: 15px;
box-shadow: 0 2px 12px 0 #bbb; box-shadow: 0 2px 12px 0 #bbb;
border-radius: 4px; border-radius: 4px;
border: 1px solid #ebeef5; border: 1px solid #ebeef5;
background-color: #fff; background-color: #fff;
box-sizing: border-box; box-sizing: border-box;
width: 100px; width: 100px;
padding: 10px; padding: 10px;
text-align: center;
} text-align: center;
.ul-card-simple-icon .ul-card-simple-icon-image {
width: 80px; .ul-card-simple-icon-image {
height: 80px; width: 80px;
background-size: cover; height: 80px;
background-position: center; background-size: cover;
display: inline-block; background-position: center;
} display: inline-block;
.ul-card-simple-icon .ul-card-simple-icon-title { }
border-top: 2px solid #ebeef5;
margin-top: 8px; .ul-card-simple-icon-title {
padding-top: 8px; border-top: 2px solid #ebeef5;
white-space: nowrap; margin-top: 8px;
text-overflow: ellipsis; padding-top: 8px;
overflow: hidden; white-space: nowrap;
} text-overflow: ellipsis;
overflow: hidden;
}
}

1
source/scss/card/_index.scss
View File

@@ -1 +0,0 @@
@import './ul-card-simple-icon';

32
source/scss/card/_ul-card-simple-icon.scss
View File

@@ -1,32 +0,0 @@
.ul-card-simple-icon {
display: inline-block;
margin-right: 15px;
margin-bottom: 15px;
box-shadow: 0 2px 12px 0 #bbb;
border-radius: 4px;
border: 1px solid #ebeef5;
background-color: #fff;
box-sizing: border-box;
width: 100px;
padding: 10px;
text-align: center;
.ul-card-simple-icon-image {
width: 80px;
height: 80px;
background-size: cover;
background-position: center;
display: inline-block;
}
.ul-card-simple-icon-title {
border-top: 2px solid #ebeef5;
margin-top: 8px;
padding-top: 8px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
}

1
source/scss/layui-ul.scss
View File

@@ -3,7 +3,6 @@
@import './nav/index'; @import './nav/index';
@import './form/index'; @import './form/index';
@import './fieldset/index'; @import './fieldset/index';
@import './card/index';
@import './title/index'; @import './title/index';
@import './jumbotron/index'; @import './jumbotron/index';
@import './footer/index'; @import './footer/index';