index.less
2.44 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
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
.scan-checkin-detail-page {
min-height: 100vh;
padding: 0 0 240rpx;
background: #ebeaec;
box-sizing: border-box;
}
.scan-checkin-detail-cover {
width: 100%;
height: 520rpx;
}
.scan-checkin-detail-cover-image {
width: 100%;
height: 100%;
display: block;
}
.scan-checkin-detail-card {
margin: 28rpx 24rpx 0;
padding: 36rpx 32rpx 40rpx;
border-radius: 32rpx;
background: #ffffff;
box-shadow: 0 16rpx 50rpx rgba(15, 23, 42, 0.08);
}
.scan-checkin-detail-heading {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 24rpx;
}
.scan-checkin-detail-title {
flex: 1;
font-size: 36rpx;
line-height: 1.35;
color: #1f2937;
font-weight: 600;
word-break: break-all;
}
.scan-checkin-detail-status {
padding: 10rpx 24rpx;
border-radius: 999rpx;
font-size: 24rpx;
line-height: 1;
white-space: nowrap;
}
.scan-checkin-detail-status.pending {
color: #f97316;
border: 1rpx solid rgba(249, 115, 22, 0.5);
background: rgba(255, 247, 237, 0.9);
}
.scan-checkin-detail-status.done {
color: #16a34a;
border: 1rpx solid rgba(22, 163, 74, 0.45);
background: rgba(240, 253, 244, 0.95);
}
.scan-checkin-detail-subtitle {
display: block;
margin-top: 18rpx;
font-size: 28rpx;
line-height: 1.5;
color: #c3cad5;
}
.scan-checkin-detail-section {
margin-top: 34rpx;
}
.scan-checkin-detail-section-header {
padding-bottom: 2rpx;
border-bottom: 1rpx solid #e5e7eb;
}
.scan-checkin-detail-section-title {
position: relative;
display: inline-block;
padding-bottom: 18rpx;
font-size: 30rpx;
font-weight: 600;
line-height: 1.2;
color: #df7750;
}
.scan-checkin-detail-section-title::after {
content: '';
position: absolute;
left: 50%;
bottom: 0;
width: 80rpx;
height: 8rpx;
border-radius: 999rpx;
background: #df7750;
transform: translateX(-50%);
}
.scan-checkin-detail-content {
margin-top: 24rpx;
padding-top: 26rpx;
}
.scan-checkin-detail-rich-text {
display: block;
color: #4b5563;
font-size: 30rpx;
line-height: 1.8;
}
.scan-checkin-detail-button-wrap {
position: fixed;
left: 24rpx;
right: 24rpx;
bottom: calc(84rpx + constant(safe-area-inset-bottom));
bottom: calc(84rpx + env(safe-area-inset-bottom));
display: flex;
justify-content: center;
z-index: 20;
}
.scan-checkin-detail-button {
width: 420rpx;
height: 96rpx;
border-radius: 24rpx;
font-size: 38rpx;
font-weight: 600;
box-shadow: 0 18rpx 36rpx rgba(239, 123, 69, 0.28);
}