|
|
@@ -1398,51 +1398,57 @@ export default {
|
|
|
}
|
|
|
|
|
|
.overview-grid {
|
|
|
- display: flex;
|
|
|
- flex-wrap: wrap;
|
|
|
- padding: 10upx;
|
|
|
+ display: grid;
|
|
|
+ grid-template-columns: repeat(2, 1fr);
|
|
|
+ padding: 20upx;
|
|
|
+ gap: 16upx;
|
|
|
|
|
|
.overview-item {
|
|
|
- width: 33.33%;
|
|
|
- padding: 30upx 0;
|
|
|
+ padding: 28upx 24upx;
|
|
|
text-align: center;
|
|
|
position: relative;
|
|
|
transition: all 0.3s ease;
|
|
|
+ background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);
|
|
|
+ border-radius: 14upx;
|
|
|
+ border: 1upx solid #f0f0f0;
|
|
|
+ box-shadow: 0 2upx 8upx rgba(0, 0, 0, 0.04);
|
|
|
|
|
|
- &:not(:nth-child(3n)) {
|
|
|
+ &:not(:nth-child(2n)) {
|
|
|
&::after {
|
|
|
content: '';
|
|
|
position: absolute;
|
|
|
right: 0;
|
|
|
- top: 50%;
|
|
|
- transform: translateY(-50%);
|
|
|
- width: 1upx;
|
|
|
- height: 60upx;
|
|
|
- background: #f0f0f0;
|
|
|
+ top: 0;
|
|
|
+ transform: none;
|
|
|
+ width: 0;
|
|
|
+ height: 0;
|
|
|
+ background: transparent;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
- &:nth-child(n+4) {
|
|
|
+ &:nth-child(n+3) {
|
|
|
&::before {
|
|
|
content: '';
|
|
|
position: absolute;
|
|
|
- left: 15%;
|
|
|
- right: 15%;
|
|
|
+ left: 0;
|
|
|
+ right: 0;
|
|
|
top: 0;
|
|
|
- height: 1upx;
|
|
|
- background: #f0f0f0;
|
|
|
+ height: 0;
|
|
|
+ background: transparent;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
&:active {
|
|
|
- background: #f8fafb;
|
|
|
+ background: linear-gradient(135deg, #f0f8f5 0%, #e8f5f1 100%);
|
|
|
+ transform: translateY(-4upx);
|
|
|
+ box-shadow: 0 4upx 12upx rgba(0, 0, 0, 0.08);
|
|
|
}
|
|
|
|
|
|
.item-value {
|
|
|
- font-size: 36upx;
|
|
|
- font-weight: 600;
|
|
|
- color: #105a2b;
|
|
|
- margin-bottom: 10upx;
|
|
|
+ font-size: 40upx;
|
|
|
+ font-weight: 700;
|
|
|
+ color: #049E2C;
|
|
|
+ margin-bottom: 12upx;
|
|
|
line-height: 1;
|
|
|
}
|
|
|
|
|
|
@@ -1450,6 +1456,7 @@ export default {
|
|
|
font-size: 26upx;
|
|
|
color: #666;
|
|
|
line-height: 1;
|
|
|
+ font-weight: 500;
|
|
|
}
|
|
|
}
|
|
|
}
|
