页面切图
This commit is contained in:
@@ -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;
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user