diff --git a/src/pages_mine/pages/system/config/list.vue b/src/pages_mine/pages/system/config/list.vue index 0e38c4c..610bbe8 100644 --- a/src/pages_mine/pages/system/config/list.vue +++ b/src/pages_mine/pages/system/config/list.vue @@ -476,19 +476,28 @@ page { .info-row { display: flex; flex-wrap: wrap; - gap: 24rpx; margin-bottom: 0; .info-item { - flex: 0 0 calc(50% - 12rpx); + width: 50%; + box-sizing: border-box; + padding-right: 12rpx; + padding-bottom: 16rpx; display: flex; flex-direction: column; gap: 4rpx; min-width: 0; - margin-bottom: -5rpx; + margin-bottom: 0; + + &:nth-child(2n) { + padding-right: 0; + padding-left: 12rpx; + } &.info-item-full { - flex: 0 0 100%; + width: 100%; + padding-right: 0; + padding-left: 0; } .info-label { diff --git a/src/pages_mine/pages/system/dept/list.vue b/src/pages_mine/pages/system/dept/list.vue index b5b9232..376b544 100644 --- a/src/pages_mine/pages/system/dept/list.vue +++ b/src/pages_mine/pages/system/dept/list.vue @@ -499,16 +499,23 @@ page { .info-row { display: flex; flex-wrap: wrap; - gap: 24rpx; margin-bottom: 0; .info-item { - flex: 0 0 calc(50% - 12rpx); + width: 50%; + box-sizing: border-box; + padding-right: 12rpx; + padding-bottom: 16rpx; display: flex; flex-direction: column; gap: 4rpx; min-width: 0; - margin-bottom: -5rpx; + margin-bottom: 0; + + &:nth-child(2n) { + padding-right: 0; + padding-left: 12rpx; + } .info-label { font-size: 24rpx; diff --git a/src/pages_mine/pages/system/dict/list.vue b/src/pages_mine/pages/system/dict/list.vue index 8f9d29e..9ccc015 100644 --- a/src/pages_mine/pages/system/dict/list.vue +++ b/src/pages_mine/pages/system/dict/list.vue @@ -509,19 +509,28 @@ page { .info-row { display: flex; flex-wrap: wrap; - gap: 24rpx; margin-bottom: 0; .info-item { - flex: 0 0 calc(50% - 12rpx); + width: 50%; + box-sizing: border-box; + padding-right: 12rpx; + padding-bottom: 16rpx; display: flex; flex-direction: column; gap: 4rpx; min-width: 0; - margin-bottom: -5rpx; + margin-bottom: 0; + + &:nth-child(2n) { + padding-right: 0; + padding-left: 12rpx; + } &.info-item-full { - flex: 0 0 100%; + width: 100%; + padding-right: 0; + padding-left: 0; } .info-label { diff --git a/src/pages_mine/pages/system/dictData/list.vue b/src/pages_mine/pages/system/dictData/list.vue index 9988f04..3c9df22 100644 --- a/src/pages_mine/pages/system/dictData/list.vue +++ b/src/pages_mine/pages/system/dictData/list.vue @@ -542,19 +542,28 @@ page { .info-row { display: flex; flex-wrap: wrap; - gap: 24rpx; margin-bottom: 0; .info-item { - flex: 0 0 calc(50% - 12rpx); + width: 50%; + box-sizing: border-box; + padding-right: 12rpx; + padding-bottom: 16rpx; display: flex; flex-direction: column; gap: 4rpx; min-width: 0; - margin-bottom: -5rpx; + margin-bottom: 0; + + &:nth-child(2n) { + padding-right: 0; + padding-left: 12rpx; + } &.info-item-full { - flex: 0 0 100%; + width: 100%; + padding-right: 0; + padding-left: 0; } .info-label { diff --git a/src/pages_mine/pages/system/logininfor/list.vue b/src/pages_mine/pages/system/logininfor/list.vue index 56da5bf..ae44757 100644 --- a/src/pages_mine/pages/system/logininfor/list.vue +++ b/src/pages_mine/pages/system/logininfor/list.vue @@ -512,16 +512,23 @@ page { .info-row { display: flex; flex-wrap: wrap; - gap: 24rpx; margin-bottom: 0; .info-item { - flex: 0 0 calc(50% - 12rpx); + width: 50%; + box-sizing: border-box; + padding-right: 12rpx; + padding-bottom: 16rpx; display: flex; flex-direction: column; gap: 4rpx; min-width: 0; - margin-bottom: -5rpx; + margin-bottom: 0; + + &:nth-child(2n) { + padding-right: 0; + padding-left: 12rpx; + } .info-label { font-size: 24rpx; diff --git a/src/pages_mine/pages/system/menu/list.vue b/src/pages_mine/pages/system/menu/list.vue index bc33b79..2c088c2 100644 --- a/src/pages_mine/pages/system/menu/list.vue +++ b/src/pages_mine/pages/system/menu/list.vue @@ -540,16 +540,23 @@ page { .info-row { display: flex; flex-wrap: wrap; - gap: 24rpx; margin-bottom: 0; .info-item { - flex: 0 0 calc(50% - 12rpx); + width: 50%; + box-sizing: border-box; + padding-right: 12rpx; + padding-bottom: 16rpx; display: flex; flex-direction: column; gap: 4rpx; min-width: 0; - margin-bottom: -5rpx; + margin-bottom: 0; + + &:nth-child(2n) { + padding-right: 0; + padding-left: 12rpx; + } .info-label { font-size: 24rpx; diff --git a/src/pages_mine/pages/system/notice/list.vue b/src/pages_mine/pages/system/notice/list.vue index 60dacf5..f53e11a 100644 --- a/src/pages_mine/pages/system/notice/list.vue +++ b/src/pages_mine/pages/system/notice/list.vue @@ -499,19 +499,28 @@ page { .info-row { display: flex; flex-wrap: wrap; - gap: 24rpx; margin-bottom: 0; .info-item { - flex: 0 0 calc(50% - 12rpx); + width: 50%; + box-sizing: border-box; + padding-right: 12rpx; + padding-bottom: 16rpx; display: flex; flex-direction: column; gap: 4rpx; min-width: 0; - margin-bottom: -5rpx; + margin-bottom: 0; + + &:nth-child(2n) { + padding-right: 0; + padding-left: 12rpx; + } &.info-item-full { - flex: 0 0 100%; + width: 100%; + padding-right: 0; + padding-left: 0; } .info-label { diff --git a/src/pages_mine/pages/system/operlog/list.vue b/src/pages_mine/pages/system/operlog/list.vue index 41fcf34..a5ab5cb 100644 --- a/src/pages_mine/pages/system/operlog/list.vue +++ b/src/pages_mine/pages/system/operlog/list.vue @@ -579,19 +579,28 @@ page { .info-row { display: flex; flex-wrap: wrap; - gap: 24rpx; margin-bottom: 0; .info-item { - flex: 0 0 calc(50% - 12rpx); + width: 50%; + box-sizing: border-box; + padding-right: 12rpx; + padding-bottom: 16rpx; display: flex; flex-direction: column; gap: 4rpx; min-width: 0; - margin-bottom: -5rpx; + margin-bottom: 0; + + &:nth-child(2n) { + padding-right: 0; + padding-left: 12rpx; + } &.full-width { - flex: 0 0 100%; + width: 100%; + padding-right: 0; + padding-left: 0; } .info-label { diff --git a/src/pages_mine/pages/system/post/list.vue b/src/pages_mine/pages/system/post/list.vue index a2acceb..0d479ab 100644 --- a/src/pages_mine/pages/system/post/list.vue +++ b/src/pages_mine/pages/system/post/list.vue @@ -515,19 +515,28 @@ page { .info-row { display: flex; flex-wrap: wrap; - gap: 24rpx; margin-bottom: 0; .info-item { - flex: 0 0 calc(50% - 12rpx); + width: 50%; + box-sizing: border-box; + padding-right: 12rpx; + padding-bottom: 16rpx; display: flex; flex-direction: column; gap: 4rpx; min-width: 0; - margin-bottom: -5rpx; + margin-bottom: 0; + + &:nth-child(2n) { + padding-right: 0; + padding-left: 12rpx; + } &.info-item-full { - flex: 0 0 100%; + width: 100%; + padding-right: 0; + padding-left: 0; } .info-label { diff --git a/src/pages_mine/pages/system/role/list.vue b/src/pages_mine/pages/system/role/list.vue index 4fa5859..b918dda 100644 --- a/src/pages_mine/pages/system/role/list.vue +++ b/src/pages_mine/pages/system/role/list.vue @@ -466,16 +466,23 @@ page { .info-row { display: flex; flex-wrap: wrap; - gap: 24rpx; margin-bottom: 0; .info-item { - flex: 0 0 calc(50% - 12rpx); + width: 50%; + box-sizing: border-box; + padding-right: 12rpx; + padding-bottom: 16rpx; display: flex; flex-direction: column; gap: 4rpx; min-width: 0; - margin-bottom: -5rpx; + margin-bottom: 0; + + &:nth-child(2n) { + padding-right: 0; + padding-left: 12rpx; + } .info-label { font-size: 24rpx; diff --git a/src/pages_mine/pages/system/user/list.vue b/src/pages_mine/pages/system/user/list.vue index fc0ea49..f2738ef 100644 --- a/src/pages_mine/pages/system/user/list.vue +++ b/src/pages_mine/pages/system/user/list.vue @@ -526,16 +526,23 @@ function dictStr(value, list) { .info-row { display: flex; flex-wrap: wrap; - gap: 24rpx; margin-bottom: 0; .info-item { - flex: 0 0 calc(50% - 12rpx); + width: 50%; + box-sizing: border-box; + padding-right: 12rpx; + padding-bottom: 16rpx; display: flex; flex-direction: column; gap: 4rpx; min-width: 0; - margin-bottom: -5rpx; + margin-bottom: 0; + + &:nth-child(2n) { + padding-right: 0; + padding-left: 12rpx; + } .info-label { font-size: 24rpx;