css.less
2.79 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
.wrap {
height: 100%; background: #F8F8F8; overflow-y: auto;
-webkit-overflow-scrolling: touch;
dl,dt,dd{
margin:0; padding: 0;
}
.system{
display: flex; height: .8rem; background: #fff;
dt{
width: .5rem; height: .5rem; background: url(../../assets/image/icon_Infosystem.png) no-repeat;
background-size: 100%; margin-top: .15rem; margin-left: .12rem; flex-shrink: 0;
}
dd{
flex: 1; margin-left: .15rem; margin-right: .11rem; width: 3.2rem;
.title{
display: flex; justify-content: space-between;
}
.tit{
color:#333; font-size: .17rem; line-height: .24rem; margin-top: .15rem; padding-right: .12rem;
}
.unread{
position: relative;
&:after{
position: absolute; right:0; top:.09rem; width: .06rem; height: .06rem; background:#FB5150; border-radius: 50%; content: '';
}
}
.time{
color:#B6B6B6; font-size: .13rem; line-height: .24rem; margin-top: .16rem; margin-right: 0;
}
.infoTit {
font-size: .14rem; color:#666; line-height: .24rem; height: .24rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.noneInfo{
color:#999;
}
}
}
.custom{
margin-top: .1rem;
dt{
width: .5rem; height: .5rem; background: url(../../assets/image/icon_Infocustom.png) no-repeat;
background-size: 100%; margin-top: .15rem; margin-left: .12rem;
}
}
}
.noInfo{
background: url(../../assets/image/clientless.png) center center no-repeat; background-size: 40%;
position: relative;
&:after{
position: absolute; left: 0; top: 62%; content: '暂无数据'; color: rgb(102, 102, 102); width: 100%; text-align: center; font-size: .15rem;
}
}
.listItm{
.infoTime{
color:#ABABAB; font-size: .13rem;line-height: .24rem; padding: .08rem 0 .07rem; text-align: center;
}
.infoContent{
background:#fff; border-radius: .06rem; margin: 0 .1rem;
.tit{
font-size: .17rem; line-height: .24rem; color:#333; padding: .1rem .12rem;
}
dl{
display: flex;
dt{
width:.68rem; height: .68rem; margin-left:.08rem; margin-right: .08rem; flex-shrink: 0; margin-bottom: .12rem;
}
.product{
background: url(../../assets/image/icon_pdt.png) no-repeat; background-size: 100%;
}
.system{
background: url(../../assets/image/icon_sys.png) no-repeat; background-size: 100%;
}
.activity{
background: url(../../assets/image/icon_act.png) no-repeat; background-size: 100%;
}
.customer{
background: url(../../assets/image/icon_new.png) no-repeat; background-size: 100%; width: .6rem; height: .6rem;
}
dd{
color:#666; font-size: .14rem; line-height: .24rem; margin-right:.12rem;
}
}
}
dl{
}
}