From 98e6e060073e4b531f2544fd56213badafdd77eb Mon Sep 17 00:00:00 2001 From: yy <3078169442@qq.com> Date: Mon, 19 May 2025 12:02:53 +0800 Subject: [PATCH] =?UTF-8?q?=E9=87=8D=E6=96=B0=E4=BF=AE=E6=94=B9=E5=90=8E?= =?UTF-8?q?=E6=8F=90=E4=BA=A4?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- components/selectFilter/selectFilter.vue | 19 ++++++++++++------- pages/mine/mine.vue | 15 +++++++++++---- 2 files changed, 23 insertions(+), 11 deletions(-) diff --git a/components/selectFilter/selectFilter.vue b/components/selectFilter/selectFilter.vue index f791533..fc6ca92 100644 --- a/components/selectFilter/selectFilter.vue +++ b/components/selectFilter/selectFilter.vue @@ -315,11 +315,12 @@ defineExpose({ background-color: #f6f6f6; .content-item { - margin-top: 40rpx; + margin-top: 30rpx; .item-title { font-weight: 400; font-size: 28rpx; color: #333333; + margin-bottom: 15rpx; } } .content-item:first-child { @@ -328,16 +329,18 @@ defineExpose({ .check-content { display: grid; - grid-template-columns: 50% 50%; - place-items: center; + gap:16rpx; + grid-template-columns: repeat(auto-fill, minmax(180rpx, 1fr)); + place-items: stretch; .checkbox-item { display: flex; align-items: center; - margin: 20rpx 20rpx 0 0; text-align: center; background-color: #d9d9d9; - width: 228rpx; + + min-width: 0; + padding: 0 10rpx; height: 80rpx; background: #e8eaee; border-radius: 12rpx 12rpx 12rpx 12rpx; @@ -345,10 +348,12 @@ defineExpose({ .option-label { font-size: 28rpx; width: 100%; + white-space: nowrap; + overflow: hidden; } } .checkedstyle { - width: 224rpx; + height: 76rpx; background: rgba(37, 107, 250, 0.06); border-radius: 12rpx 12rpx 12rpx 12rpx; @@ -357,4 +362,4 @@ defineExpose({ } } } - + \ No newline at end of file diff --git a/pages/mine/mine.vue b/pages/mine/mine.vue index 8dc7b14..a302754 100644 --- a/pages/mine/mine.vue +++ b/pages/mine/mine.vue @@ -157,14 +157,21 @@ function getUserstatistics() { font-weight: 500; font-size: 32rpx; color: #FFFFFF; - width: 452rpx; + width: auto; + max-width: 60%; + white-space: nowrap + overflow:visible; } .top-subTitle{ margin-top: 8rpx; font-weight: 500; font-size: 32rpx; color: #FFFFFF; - width: 400rpx; + width: auto; + max-width: 60%; + white-space: nowrap + overflow:hidden; + text-overflow: ellipsis; } .top-btn{ width: 164rpx; @@ -179,7 +186,7 @@ function getUserstatistics() { font-size: 28rpx; color: #FFFFFF; position: absolute - right: 44rpx + right: 36rpx top: 50rpx } } @@ -300,4 +307,4 @@ function getUserstatistics() { border-radius: 2rpx background: #A2A2A2; transform: rotate(45deg) - + \ No newline at end of file