poster.wxss
1.2 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
/* pages/poster.wxss */
@import "../index/index.wxss";
.item_box{
position: absolute;
top:5%;
left:50%;
transform: translateX(-50%);
width:654rpx;
}
.item{
margin:26rpx 0 0 0;
color:#542C70;
font-size:32rpx;
width:654rpx;
height: 470rpx;
overflow-y: auto;
border-radius: 15rpx;
box-sizing: border-box;
padding:60rpx 40rpx;
background-color: rgba(255,255,255,1);
}
.item_title{
color:#333;
font-size: 32rpx;
font-weight: bold;
}
.item_cell{
margin:30rpx 0;
position: relative;
color:#333;
font-size:30rpx;
padding:0 0 0 84rpx;
}
.item_left{
position: absolute;
left:0;
top:0;
display: inline-block;
margin: 0 20rpx 0 0;
padding:5rpx 8rpx;
border-radius: 5rpx;
color:#fff;
font-weight: bold;
font-size: 28rpx;
background-color: #B63556;
}
.item_rigth{
width:420rpx;
display: inline-block;
}
.item_btn{
position: absolute;
width:520rpx;
height: 88rpx;
border-radius: 44rpx;
left: 50%;
bottom:-44rpx;
transform: translateX(-50%);
color:#fff;
font-weight: bold;
font-size:34rpx;
display: flex;
justify-content: center;
align-items: center;
background: linear-gradient(to right,#952567,#D93948)
}
.item_btn:active{
opacity: 0.7
}