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
| .footer {
| position: fixed;
| bottom: 0rpx;
| left: 0;
| right: 0;
| z-index: 99;
| display: flex;
| justify-content: center;
| background-color: #000000;
| // width: 750rpx;
| // padding: 20rpx 0 40rpx env(safe-area-inset-bottom); // 兼容 iOS 安全区
| padding: 20rpx 0rpx 40rpx 0rpx;
| box-sizing: border-box;
|
| .footer-item {
| flex: 1;
| text-align: center;
|
| .item {
| display: flex;
| flex-direction: column;
| align-items: center;
| justify-content: center;
| font-size: 28rpx;
| color: #A1A6B3;
| line-height: 34rpx;
| height: 60rpx;
|
| &.cur {
| color: #FFFFFF;
| font-weight: 600;
| }
| }
| }
| }
|
|
|
