qdintc/intc-vue-h5
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: 列表样式修改完善。

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

14
src/pages/health/activity/list.vue
View File

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

14
src/pages/health/doctorRecord/list.vue
View File

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

14
src/pages/health/healthRecord/list.vue
View File

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

14
src/pages/health/heightWeightRecord/list.vue
View File

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

14
src/pages/health/marRecord/list.vue
View File

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

14
src/pages/health/medicineBasic/list.vue
View File

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

11
src/pages/health/medicineStock/list.vue
View File

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

14
src/pages/health/medicineStockIn/list.vue
View File

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

14
src/pages/health/milkPowderRecord/list.vue
View File

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

14
src/pages/health/person/list.vue
View File

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

14
src/pages/health/processRecord/list.vue
View File

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

13
src/pages/health/temperatureRecord/list.vue
View File

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