页面切图

This commit is contained in:
仲么了
2023-02-10 13:38:19 +08:00
parent 8cf78ec3f5
commit 1e81b90b8f
15 changed files with 371 additions and 90 deletions

View File

@@ -74,39 +74,53 @@ page {
.grid-card {
background: $uni-theme-white;
border-radius: 12rpx;
padding: 20rpx;
margin-bottom: 20rpx;
.grid-card-title {
padding: 20rpx 0;
font-size: 28rpx;
color: #111;
font-weight: 700;
margin-bottom: 10rpx;
}
.grid-card-content-4,
.grid-card-content-3,
.grid-card-content-5 {
.grid-card-content-5,
.grid-card-content-6 {
display: grid;
border-left: 2rpx solid #ccc;
border-top: 2rpx solid #ccc;
font-size: 24rpx;
grid-template-columns: 1fr 1fr 1fr 1fr;
.item {
padding: 0 4rpx;
display: flex;
align-items: center;
min-height: 50rpx;
justify-content: center;
text-align: center;
border-bottom: 2rpx solid #ccc;
border-right: 2rpx solid #ccc;
min-height: 100rpx;
background: $uni-theme-white;
}
.item-title{
background: unset;
}
}
.grid-card-content-3 {
grid-template-columns: 1fr 1fr 1fr;
grid-template-columns: 1fr 2fr 2fr;
}
.grid-card-content-5 {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
.grid-card-content-6 {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}
}
@@ -121,7 +135,7 @@ page {
display: grid;
grid-gap: 60rpx 0;
grid-template-columns: 1fr 1fr 1fr;
.header-item {
display: flex;
flex-direction: column;
@@ -129,9 +143,9 @@ page {
justify-content: center;
color: #fff;
font-size: 28rpx;
.header-item-value {
font-size: 40rpx;
font-size: 40rpx;
margin-bottom: 10rpx;
}
}