card.wxss
1.33 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
/* components/2.0/pinglun/card.wxss */
@import "../../../colorui/main.wxss";
.bg-image{
background-size: cover;
margin-bottom: 20rpx;
position: relative;
}
.bg-image-video{
position: absolute;
background-image: url("http://nosqn.colorcun.com/pinglun/p%20%287%29.png");
width: 60rpx;
height: 60rpx;
top:calc(50% - 30rpx);
left:calc(50% - 30rpx);
}
.hasStatus{
position: relative;
}
.hasStatus:after{
display: block;
position: absolute;
width: 79rpx;
height: 58rpx;
top:-18rpx;
left:-100rpx;
content: "";
background-size: 100% 100%;
}
.status-1:after{
background-image: url("http://nosqn.colorcun.com/pinglun/p%20%2811%29.png");
}
.status-2:after{
background-image: url("http://nosqn.colorcun.com/pinglun/p%20%2810%29.png");
}
.status-3:after,.status-4:after{
background-image: url("http://nosqn.colorcun.com/pinglun/p%20%2812%29.png");
}
.more{
width: 12rpx;
height: 22rpx;
background-image: url("http://nosqn.colorcun.com/custom/lite-yd/image/click.png");
background-size: 100% 100%;
min-width: 12rpx;
background-repeat: no-repeat;
}
.yunying .status-1:after{
background-image: url("http://nosqn.colorcun.com/pinglun/p%20%2816%29.png");
}
.yunying .status-2:after{
background-image: url("http://nosqn.colorcun.com/pinglun/p%20%2815%29.png");
}