diff --git a/src/pages_mine/pages/system/config/list.vue b/src/pages_mine/pages/system/config/list.vue index cc00803..b0e195c 100644 --- a/src/pages_mine/pages/system/config/list.vue +++ b/src/pages_mine/pages/system/config/list.vue @@ -505,19 +505,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 892b4ce..ef2aa9d 100644 --- a/src/pages_mine/pages/system/dept/list.vue +++ b/src/pages_mine/pages/system/dept/list.vue @@ -498,16 +498,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 1511baf..2a2b696 100644 --- a/src/pages_mine/pages/system/dict/list.vue +++ b/src/pages_mine/pages/system/dict/list.vue @@ -508,19 +508,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 357780d..5aeff18 100644 --- a/src/pages_mine/pages/system/dictData/list.vue +++ b/src/pages_mine/pages/system/dictData/list.vue @@ -573,19 +573,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 e33f60d..21058fa 100644 --- a/src/pages_mine/pages/system/logininfor/list.vue +++ b/src/pages_mine/pages/system/logininfor/list.vue @@ -511,16 +511,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 6269193..c453b9b 100644 --- a/src/pages_mine/pages/system/menu/list.vue +++ b/src/pages_mine/pages/system/menu/list.vue @@ -539,16 +539,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 96d0bdf..ba8d971 100644 --- a/src/pages_mine/pages/system/notice/list.vue +++ b/src/pages_mine/pages/system/notice/list.vue @@ -528,19 +528,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 e7196b5..078d13a 100644 --- a/src/pages_mine/pages/system/operlog/list.vue +++ b/src/pages_mine/pages/system/operlog/list.vue @@ -578,19 +578,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 4ad671d..4653ebd 100644 --- a/src/pages_mine/pages/system/post/list.vue +++ b/src/pages_mine/pages/system/post/list.vue @@ -544,19 +544,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 75da793..cef997e 100644 --- a/src/pages_mine/pages/system/role/list.vue +++ b/src/pages_mine/pages/system/role/list.vue @@ -495,16 +495,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 374081b..de8e9ab 100644 --- a/src/pages_mine/pages/system/user/list.vue +++ b/src/pages_mine/pages/system/user/list.vue @@ -555,16 +555,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;