Skip to content

Commit 89874b0

Browse files
committed
chore: add sample
1 parent 240761f commit 89874b0

File tree

7 files changed

+693
-16
lines changed

7 files changed

+693
-16
lines changed
Lines changed: 86 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,86 @@
1+
.merge-page {
2+
min-height: 100vh;
3+
padding: 32rpx;
4+
background: #f4f5f9;
5+
box-sizing: border-box;
6+
display: flex;
7+
flex-direction: column;
8+
gap: 32rpx;
9+
}
10+
11+
.intro {
12+
background: #ffffff;
13+
padding: 32rpx;
14+
border-radius: 24rpx;
15+
box-shadow: 0 12rpx 24rpx -16rpx rgba(15, 23, 42, 0.2);
16+
17+
&__title {
18+
font-size: 34rpx;
19+
font-weight: 600;
20+
margin-bottom: 16rpx;
21+
color: #0f172a;
22+
}
23+
24+
&__desc {
25+
font-size: 26rpx;
26+
line-height: 1.6;
27+
color: #475569;
28+
}
29+
}
30+
31+
.section {
32+
background: #ffffff;
33+
padding: 32rpx;
34+
border-radius: 24rpx;
35+
box-shadow: 0 12rpx 24rpx -16rpx rgba(15, 23, 42, 0.16);
36+
37+
&__title {
38+
font-size: 32rpx;
39+
font-weight: 600;
40+
color: #0f172a;
41+
margin-bottom: 12rpx;
42+
}
43+
44+
&__desc {
45+
font-size: 26rpx;
46+
color: #64748b;
47+
line-height: 1.5;
48+
margin-bottom: 20rpx;
49+
}
50+
51+
&__list {
52+
display: flex;
53+
flex-direction: column;
54+
gap: 24rpx;
55+
}
56+
}
57+
58+
.sample {
59+
padding: 24rpx;
60+
border-radius: 20rpx;
61+
background: #f8fafc;
62+
border: 1rpx solid #e2e8f0;
63+
display: flex;
64+
flex-direction: column;
65+
gap: 12rpx;
66+
67+
&__label {
68+
font-size: 26rpx;
69+
font-weight: 600;
70+
color: #1e293b;
71+
}
72+
73+
&__code {
74+
font-family: 'JetBrains Mono', 'Fira Code', Menlo, monospace;
75+
font-size: 24rpx;
76+
color: #0f172a;
77+
word-break: break-all;
78+
}
79+
80+
&__result {
81+
font-family: 'JetBrains Mono', 'Fira Code', Menlo, monospace;
82+
font-size: 24rpx;
83+
color: #2563eb;
84+
word-break: break-all;
85+
}
86+
}

0 commit comments

Comments
 (0)