fix: 列表样式修改完善。

This commit is contained in:
tianyongbao
2026-01-22 10:22:22 +08:00
parent 14ebbf612b
commit 3e9be60206
12 changed files with 83 additions and 81 deletions

View File

@@ -475,19 +475,18 @@ page {
.info-row {
display: flex;
flex-wrap: wrap;
gap: 24rpx;
margin-bottom: 0;
margin: 0 -12rpx;
.info-item {
flex: 0 0 calc(50% - 12rpx);
width: 50%;
padding: 0 12rpx;
box-sizing: border-box;
display: flex;
flex-direction: column;
gap: 4rpx;
min-width: 0;
margin-bottom: -5rpx;
margin-bottom: 20rpx;
&.info-item-full {
flex: 0 0 100%;
width: 100%;
}
.info-label {
@@ -498,6 +497,7 @@ page {
padding: 6rpx 12rpx;
border-radius: 8rpx;
align-self: flex-start;
margin-bottom: 8rpx;
}
.info-value {

View File

@@ -761,19 +761,18 @@ page {
.info-row {
display: flex;
flex-wrap: wrap;
gap: 24rpx;
margin-bottom: 0;
margin: 0 -12rpx;
.info-item {
flex: 0 0 calc(50% - 12rpx);
width: 50%;
padding: 0 12rpx;
box-sizing: border-box;
display: flex;
flex-direction: column;
gap: 4rpx;
min-width: 0;
margin-bottom: -5rpx;
margin-bottom: 20rpx;
&.info-item-full {
flex: 0 0 100%;
width: 100%;
}
.info-label {
@@ -784,6 +783,7 @@ page {
padding: 6rpx 12rpx;
border-radius: 8rpx;
align-self: flex-start;
margin-bottom: 8rpx;
}
.info-value {

View File

@@ -737,19 +737,18 @@ page {
.info-row {
display: flex;
flex-wrap: wrap;
gap: 24rpx;
margin-bottom: 0;
margin: 0 -12rpx;
.info-item {
flex: 0 0 calc(50% - 12rpx);
width: 50%;
padding: 0 12rpx;
box-sizing: border-box;
display: flex;
flex-direction: column;
gap: 4rpx;
min-width: 0;
margin-bottom: -5rpx;
margin-bottom: 20rpx;
&.info-item-full {
flex: 0 0 100%;
width: 100%;
}
.info-label {
@@ -760,6 +759,7 @@ page {
padding: 6rpx 12rpx;
border-radius: 8rpx;
align-self: flex-start;
margin-bottom: 8rpx;
}
.info-value {

View File

@@ -617,19 +617,18 @@ page {
.info-row {
display: flex;
flex-wrap: wrap;
gap: 24rpx;
margin-bottom: 0;
margin: 0 -12rpx;
.info-item {
flex: 0 0 calc(50% - 12rpx);
width: 50%;
padding: 0 12rpx;
box-sizing: border-box;
display: flex;
flex-direction: column;
gap: 4rpx;
min-width: 0;
margin-bottom: -5rpx;
margin-bottom: 20rpx;
&.info-item-full {
flex: 0 0 100%;
width: 100%;
}
.info-label {
@@ -640,6 +639,7 @@ page {
padding: 6rpx 12rpx;
border-radius: 8rpx;
align-self: flex-start;
margin-bottom: 8rpx;
}
.info-value {

View File

@@ -812,19 +812,18 @@ page {
.info-row {
display: flex;
flex-wrap: wrap;
gap: 24rpx;
margin-bottom: 0;
margin: 0 -12rpx;
.info-item {
flex: 0 0 calc(50% - 12rpx);
width: 50%;
padding: 0 12rpx;
box-sizing: border-box;
display: flex;
flex-direction: column;
gap: 4rpx;
min-width: 0;
margin-bottom: -5rpx;
margin-bottom: 20rpx;
&.info-item-full {
flex: 0 0 100%;
width: 100%;
}
.info-label {
@@ -835,6 +834,7 @@ page {
padding: 6rpx 12rpx;
border-radius: 8rpx;
align-self: flex-start;
margin-bottom: 8rpx;
}
.info-value {

View File

@@ -646,19 +646,18 @@ page {
.info-row {
display: flex;
flex-wrap: wrap;
gap: 24rpx;
margin-bottom: 0;
margin: 0 -12rpx;
.info-item {
flex: 0 0 calc(50% - 12rpx);
width: 50%;
padding: 0 12rpx;
box-sizing: border-box;
display: flex;
flex-direction: column;
gap: 4rpx;
min-width: 0;
margin-bottom: -5rpx;
margin-bottom: 20rpx;
&.info-item-full {
flex: 0 0 100%;
width: 100%;
}
.info-label {
@@ -669,6 +668,7 @@ page {
padding: 6rpx 12rpx;
border-radius: 8rpx;
align-self: flex-start;
margin-bottom: 8rpx;
}
.info-value {

View File

@@ -317,15 +317,15 @@ page {
.info-row {
display: flex;
flex-wrap: wrap;
gap: 24rpx;
margin-bottom: 0;
margin: 0 -12rpx;
.info-item {
flex: 0 0 calc(50% - 12rpx);
width: 50%;
padding: 0 12rpx;
box-sizing: border-box;
display: flex;
flex-direction: column;
gap: 4rpx;
min-width: 0;
margin-bottom: 20rpx;
.info-label {
font-size: 24rpx;
@@ -335,6 +335,7 @@ page {
padding: 6rpx 12rpx;
border-radius: 8rpx;
align-self: flex-start;
margin-bottom: 8rpx;
}
.info-value {

View File

@@ -660,19 +660,18 @@ page {
.info-row {
display: flex;
flex-wrap: wrap;
gap: 24rpx;
margin-bottom: 0;
margin: 0 -12rpx;
.info-item {
flex: 0 0 calc(50% - 12rpx);
width: 50%;
padding: 0 12rpx;
box-sizing: border-box;
display: flex;
flex-direction: column;
gap: 4rpx;
min-width: 0;
margin-bottom: -5rpx;
margin-bottom: 20rpx;
&.info-item-full {
flex: 0 0 100%;
width: 100%;
}
.info-label {
@@ -683,6 +682,7 @@ page {
padding: 6rpx 12rpx;
border-radius: 8rpx;
align-self: flex-start;
margin-bottom: 8rpx;
}
.info-value {

View File

@@ -594,19 +594,18 @@ page {
.info-row {
display: flex;
flex-wrap: wrap;
gap: 24rpx;
margin-bottom: 0;
margin: 0 -12rpx;
.info-item {
flex: 0 0 calc(50% - 12rpx);
width: 50%;
padding: 0 12rpx;
box-sizing: border-box;
display: flex;
flex-direction: column;
gap: 4rpx;
min-width: 0;
margin-bottom: -5rpx;
margin-bottom: 20rpx;
&.info-item-full {
flex: 0 0 100%;
width: 100%;
}
.info-label {
@@ -617,6 +616,7 @@ page {
padding: 6rpx 12rpx;
border-radius: 8rpx;
align-self: flex-start;
margin-bottom: 8rpx;
}
.info-value {

View File

@@ -362,19 +362,18 @@ page {
.info-row {
display: flex;
flex-wrap: wrap;
gap: 24rpx;
margin-bottom: 0;
margin: 0 -12rpx;
.info-item {
flex: 0 0 calc(50% - 12rpx);
width: 50%;
padding: 0 12rpx;
box-sizing: border-box;
display: flex;
flex-direction: column;
gap: 4rpx;
min-width: 0;
margin-bottom: -5rpx;
margin-bottom: 20rpx;
&.info-item-full {
flex: 0 0 100%;
width: 100%;
}
.info-label {
@@ -385,6 +384,7 @@ page {
padding: 6rpx 12rpx;
border-radius: 8rpx;
align-self: flex-start;
margin-bottom: 8rpx;
}
.info-value {

View File

@@ -687,19 +687,18 @@ page {
.info-row {
display: flex;
flex-wrap: wrap;
gap: 24rpx;
margin-bottom: 0;
margin: 0 -12rpx;
.info-item {
flex: 0 0 calc(50% - 12rpx);
width: 50%;
padding: 0 12rpx;
box-sizing: border-box;
display: flex;
flex-direction: column;
gap: 4rpx;
min-width: 0;
margin-bottom: -5rpx;
margin-bottom: 20rpx;
&.info-item-full {
flex: 0 0 100%;
width: 100%;
}
.info-label {
@@ -710,6 +709,7 @@ page {
padding: 6rpx 12rpx;
border-radius: 8rpx;
align-self: flex-start;
margin-bottom: 8rpx;
}
.info-value {

View File

@@ -721,18 +721,18 @@ page {
.info-row {
display: flex;
flex-wrap: wrap;
gap: 24rpx;
margin: 0 -12rpx;
.info-item {
flex: 0 0 calc(50% - 12rpx);
width: 50%;
padding: 0 12rpx;
box-sizing: border-box;
display: flex;
flex-direction: column;
gap: 4rpx;
min-width: 0;
margin-bottom: -5rpx;
margin-bottom: 20rpx;
&.info-item-full {
flex: 0 0 100%;
width: 100%;
}
.info-label {
@@ -743,6 +743,7 @@ page {
padding: 6rpx 12rpx;
border-radius: 8rpx;
align-self: flex-start;
margin-bottom: 8rpx;
}
.info-value {