重新修改后提交

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({
         }
     }
 }
-</style>
+</style>

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)
-</style>
+</style>