app.wxss
1.27 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
/**app.wxss**/
page {
height: 100%;
background: #D7E5FA;
background-image: url(https://gallery.xwenliang.cn/miniprogram/2025-11-13-ea3e6a30ac.jpg);
background-position: top center;
background-size: 100% auto;
background-repeat: no-repeat;
overflow: hidden;
width: 100%;
height: 100%;
}
.container-custom {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
box-sizing: border-box;
overflow-x: hidden;
background-repeat: no-repeat;
}
.container-default {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
overflow-x: hidden;
}
.container-default-box {
width: 100%;
overflow-x: hidden;
overflow-y: auto;
box-sizing: border-box;
padding: 0 8px;
}
/* 全局安全区域样式类 */
.safe-area-top {
padding-top: constant(safe-area-inset-top);
padding-top: env(safe-area-inset-top);
}
.safe-area-bottom {
padding-bottom: constant(safe-area-inset-bottom);
padding-bottom: env(safe-area-inset-bottom);
}
/* 保留原有的 container 类以兼容其他页面 */
.container {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
box-sizing: border-box;
}