mirror of
https://gitee.com/ulthon/layui-ul.git
synced 2026-07-08 13:22:47 +08:00
重写将文件预览;本地引入font-awesome字体;
This commit is contained in:
@@ -465,81 +465,6 @@
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.ul-card-file {
|
||||
background-color: #fff;
|
||||
display: block;
|
||||
width: 240px;
|
||||
color: #000 !important;
|
||||
cursor: pointer;
|
||||
box-shadow: 0 0 2px #bbb;
|
||||
}
|
||||
.ul-card-file .main {
|
||||
display: flex;
|
||||
align-items: flex-start;
|
||||
justify-content: space-between;
|
||||
padding: 15px 15px 5px 15px;
|
||||
height: 60px;
|
||||
}
|
||||
.ul-card-file .main .info .name {
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
display: -webkit-box;
|
||||
-webkit-line-clamp: 2;
|
||||
-webkit-box-orient: vertical;
|
||||
width: 160px;
|
||||
}
|
||||
.ul-card-file .main .info .desc {
|
||||
color: #bbb;
|
||||
font-weight: normal;
|
||||
font-size: 12px;
|
||||
margin-top: 5px;
|
||||
}
|
||||
.ul-card-file .main .icon {
|
||||
font-size: 40px;
|
||||
color: #999;
|
||||
}
|
||||
.ul-card-file .main .icon.file {
|
||||
color: #bbb;
|
||||
}
|
||||
.ul-card-file .main .icon.excel {
|
||||
color: rgb(32, 115, 70);
|
||||
}
|
||||
.ul-card-file .main .icon.zip {
|
||||
color: rgb(139, 87, 42);
|
||||
}
|
||||
.ul-card-file .main .icon.word {
|
||||
color: rgb(44, 86, 154);
|
||||
}
|
||||
.ul-card-file .main .icon.powerpoint {
|
||||
color: rgb(242, 97, 63);
|
||||
}
|
||||
.ul-card-file .main .icon.pdf {
|
||||
color: rgb(250, 81, 81);
|
||||
}
|
||||
.ul-card-file .main .icon.video {
|
||||
color: #7c8eee;
|
||||
}
|
||||
.ul-card-file .main .icon.audio {
|
||||
color: #f16c00;
|
||||
}
|
||||
.ul-card-file .main .icon.image {
|
||||
color: #f6ad00;
|
||||
}
|
||||
.ul-card-file .main .icon.text {
|
||||
color: #8289ad;
|
||||
}
|
||||
.ul-card-file .main .icon.link {
|
||||
color: #4876f9;
|
||||
}
|
||||
.ul-card-file .footer {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
font-size: 12px;
|
||||
color: #999;
|
||||
border-top: 1px solid #eee;
|
||||
padding: 5px 15px 5px 15px;
|
||||
}
|
||||
|
||||
.ul-group-title-simple {
|
||||
line-height: 30px;
|
||||
font-size: 16px;
|
||||
@@ -946,6 +871,81 @@
|
||||
color: #393D49;
|
||||
}
|
||||
|
||||
.ul-card-file {
|
||||
background-color: #fff;
|
||||
display: block;
|
||||
width: 240px;
|
||||
color: #000 !important;
|
||||
cursor: pointer;
|
||||
box-shadow: 0 0 2px #bbb;
|
||||
}
|
||||
.ul-card-file .main {
|
||||
display: flex;
|
||||
align-items: flex-start;
|
||||
justify-content: space-between;
|
||||
padding: 15px 15px 5px 15px;
|
||||
height: 60px;
|
||||
}
|
||||
.ul-card-file .main .info .name {
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
display: -webkit-box;
|
||||
-webkit-line-clamp: 2;
|
||||
-webkit-box-orient: vertical;
|
||||
width: 160px;
|
||||
}
|
||||
.ul-card-file .main .info .desc {
|
||||
color: #bbb;
|
||||
font-weight: normal;
|
||||
font-size: 12px;
|
||||
margin-top: 5px;
|
||||
}
|
||||
.ul-card-file .main .icon {
|
||||
font-size: 40px;
|
||||
color: #999;
|
||||
}
|
||||
.ul-card-file .main .icon.file {
|
||||
color: #bbb;
|
||||
}
|
||||
.ul-card-file .main .icon.excel {
|
||||
color: rgb(32, 115, 70);
|
||||
}
|
||||
.ul-card-file .main .icon.zip {
|
||||
color: rgb(139, 87, 42);
|
||||
}
|
||||
.ul-card-file .main .icon.word {
|
||||
color: rgb(44, 86, 154);
|
||||
}
|
||||
.ul-card-file .main .icon.powerpoint {
|
||||
color: rgb(242, 97, 63);
|
||||
}
|
||||
.ul-card-file .main .icon.pdf {
|
||||
color: rgb(250, 81, 81);
|
||||
}
|
||||
.ul-card-file .main .icon.video {
|
||||
color: #7c8eee;
|
||||
}
|
||||
.ul-card-file .main .icon.audio {
|
||||
color: #f16c00;
|
||||
}
|
||||
.ul-card-file .main .icon.image {
|
||||
color: #f6ad00;
|
||||
}
|
||||
.ul-card-file .main .icon.text {
|
||||
color: #8289ad;
|
||||
}
|
||||
.ul-card-file .main .icon.link {
|
||||
color: #4876f9;
|
||||
}
|
||||
.ul-card-file .footer {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
font-size: 12px;
|
||||
color: #999;
|
||||
border-top: 1px solid #eee;
|
||||
padding: 5px 15px 5px 15px;
|
||||
}
|
||||
|
||||
.ul-card-money {
|
||||
padding: 26px;
|
||||
background-color: #1E9FFF;
|
||||
|
||||
Reference in New Issue
Block a user