diff --git a/pages/architecture/resettleArchite/resettle2.vue b/pages/architecture/resettleArchite/resettle2.vue index 68fd1cc..eb81ed6 100644 --- a/pages/architecture/resettleArchite/resettle2.vue +++ b/pages/architecture/resettleArchite/resettle2.vue @@ -231,8 +231,10 @@ {{ item.creationTime }} - {{ item.point }} - 空点位 + {{ + item.point + }} + 空点位 @@ -737,13 +739,14 @@ export default { display: flex; justify-content: space-between; align-items: flex-start; - + flex-direction: column; + gap: 16rpx; .member-info { display: flex; align-items: center; - width: 36%; + // width: 36%; .member-code { - font-size: 24rpx; + font-size: 30rpx; font-weight: bold; color: #005bac; flex-shrink: 0; @@ -816,17 +819,19 @@ export default { /* 点位展示区域 - 紧凑布局 */ .points-container { display: flex; - gap: 12rpx; + gap: 30rpx; + width: 100%; + justify-content: space-between; .layer-wrapper { .points-row { display: flex; flex-wrap: wrap; - // gap: 2rpx; + gap: 8rpx; .point-slot { flex: 1; - width: 26rpx !important; - height: 26rpx !important; + width: 32rpx !important; + height: 32rpx !important; border-radius: 50%; display: flex; align-items: center; @@ -1128,7 +1133,7 @@ export default { background: #fff; border: 2rpx solid #f0f0f0; border-radius: 16rpx; - padding: 24rpx 20rpx; + padding: 16rpx; margin-bottom: 16rpx; transition: all 0.2s ease; box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.05); @@ -1145,10 +1150,10 @@ export default { .member-info { display: flex; flex-direction: column; - gap: 12rpx; + gap: 8rpx; .member-code { - font-size: 28rpx; + font-size: 24rpx; font-weight: 600; color: #005bac; line-height: 1.4;