重写将文件预览;本地引入font-awesome字体;

This commit is contained in:
2023-05-11 10:37:28 +08:00
parent c4b33c9658
commit 2afb732311
2135 changed files with 361016 additions and 720 deletions

View File

@@ -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;