databank.less
2.8 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
ul,li,dl,dt,dd{
list-style:none;
margin:0; padding:0;
}
*{
margin:0; padding:0;
}
.pList {
height: 100%; overflow-y: auto;
dl{
display:flex; margin-top:.1rem; margin-left: .11rem;
dt{
width:.8rem; height: .8rem; border-radius: .04rem; flex-shrink: 0;background: pink; overflow: hidden;
img{ width: 100%; height: 100%;}
}
dd{
flex:1; margin-left: .14rem;
border-bottom:1px solid #F8F8F8;
span {
display:block; font-size: .17rem; color:#333; line-height: .24rem;
}
p{
font-size: .14rem; color:#666; margin-top: .04rem;
height: .48rem; overflow: hidden;
}
}
}
.pTagList{
overflow-x: scroll; background: #f8f8f8; height: .6rem;
display: box;
display: -webkit-box;
width: auto;
ul{
display: flex; width: auto;
}
li{
flex-shrink: 0; padding: 0 .16rem; line-height: .34rem; background:#fff; border-radius: .25rem; color:#101010; font-size: .17rem;box-shadow:0px 0px 4px 0px rgba(0,0,0,0.1); height: .34rem; margin-left: .1rem; margin-top: .12rem;
}
:global(li.on){
background:#FF9D5C; color:#fff;
}
}
.fileList{
padding-left: .57rem;
li{
position: relative; height: .6rem; border-bottom: 1px solid #F8F8F8; line-height: .6rem;
span{
display: block; width: 3.2rem; overflow:hidden; color:#333; font-size: .17rem; height: .6rem; text-overflow: ellipsis;white-space:nowrap;
}
&::before{
position: absolute; left:-.46rem; top:.1rem; width:.32rem; height: .4rem; background: url('../../assets/image/icon_pdf.png') no-repeat;
background-size: 100%; content:'';
}
&:after{
position: absolute; top: 0; content:'>'; right: .11rem; color:#ABABAB;
}
}
:global(li.ppt){
&::before{ background-image: url('../../assets/image/icon_ppt.png')}
}
:global(li.video){
&::before{ background-image: url('../../assets/image/icon_video.png')}
}
:global(li.pdf){
&::before{ background-image: url('../../assets/image/icon_pdf.png')}
}
:global(li.word){
&::before{ background-image: url('../../assets/image/icon_word.png')}
}
:global(li.excel){
&::before{ background-image: url('../../assets/image/icon_excel.png')}
}
:global(li.img){
&::before{ background-image: url('../../assets/image/icon_img.png')}
}
}
}
.nomore {
color:#ABABAB; font-size:.15rem; text-align: center; line-height: .22rem; margin: .36rem 0 .3rem;
&:before{
display: inline-block; width:.25rem; height: .18rem; content: ''; background: url(../../assets/image/iocn_nomore.png) no-repeat; background-size: 100%; vertical-align: middle;
}
}
.preview {
position: absolute; left: 0; top:0; width: 100%; height: 100%; background: #fff; overflow-y: auto;
img{ max-width: 100%;}
}