|
|
@ -97,7 +97,7 @@ page { |
|
|
display: flex; |
|
|
display: flex; |
|
|
justify-content: space-around; |
|
|
justify-content: space-around; |
|
|
align-items: center; |
|
|
align-items: center; |
|
|
padding: 15rpx 20rpx; |
|
|
padding: 10rpx 20rpx; |
|
|
width: 100%; |
|
|
width: 100%; |
|
|
max-width: 850rpx; |
|
|
max-width: 850rpx; |
|
|
box-sizing: border-box; |
|
|
box-sizing: border-box; |
|
|
@ -114,7 +114,7 @@ page { |
|
|
flex-direction: column; |
|
|
flex-direction: column; |
|
|
align-items: center; |
|
|
align-items: center; |
|
|
justify-content: center; |
|
|
justify-content: center; |
|
|
padding: 15rpx 0; |
|
|
padding: 8rpx 0; |
|
|
margin: 0; |
|
|
margin: 0; |
|
|
text-align: center; |
|
|
text-align: center; |
|
|
background: #ffffff; |
|
|
background: #ffffff; |
|
|
@ -126,19 +126,19 @@ page { |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.function-btn:hover { |
|
|
.function-btn:hover { |
|
|
transform: translateY(-3rpx); |
|
|
transform: translateY(-2rpx); |
|
|
background: #f5f5f5; |
|
|
background: #f5f5f5; |
|
|
box-shadow: 0 3rpx 10rpx rgba(0, 0, 0, 0.1); |
|
|
box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.1); |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.function-btn:active { |
|
|
.function-btn:active { |
|
|
transform: translateY(0rpx) scale(0.96); |
|
|
transform: translateY(0rpx) scale(0.96); |
|
|
box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.15); |
|
|
box-shadow: 0 1rpx 6rpx rgba(0, 0, 0, 0.15); |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.function-btn-icon { |
|
|
.function-btn-icon { |
|
|
font-size: 48rpx; |
|
|
font-size: 42rpx; |
|
|
margin-bottom: 8rpx; |
|
|
margin-bottom: 5rpx; |
|
|
transition: all 0.3s ease; |
|
|
transition: all 0.3s ease; |
|
|
display: block; |
|
|
display: block; |
|
|
} |
|
|
} |
|
|
@ -156,7 +156,7 @@ page { |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.function-btn-text { |
|
|
.function-btn-text { |
|
|
font-size: 20rpx; |
|
|
font-size: 18rpx; |
|
|
color: #333333; |
|
|
color: #333333; |
|
|
font-weight: 600; |
|
|
font-weight: 600; |
|
|
letter-spacing: 0; |
|
|
letter-spacing: 0; |
|
|
|
