story#5314 二手车系统的优化需求

src/views/secondHandCar/indexList.vue

@@ -448,17 +448,28 @@ export default {
   }
 }
 .filterWrap {
-  width: 100%;
+  width: calc(100% - 5px);
+  padding-right: 5px;
   display: flex;
-  justify-content: space-around;
+  /*justify-content: space-around;*/
+  overflow-x: auto; /* 允许横向滚动 */
+  white-space: nowrap; /* 防止子元素换行 */
   padding-bottom: 10px;
+  -webkit-overflow-scrolling: touch; /* 在iOS上平滑滚动 */
+  scrollbar-width: none; /* Firefox */
+  padding-bottom: 10px;
+  &::-webkit-scrollbar {
+    display: none; /* Chrome/Safari */
+  }
   .customSel {
-    width: 60px;
+    flex: 0 0 auto; /* 防止子元素被压缩 */
+    width: 80px;
     height: 25px;
     background: #F5F5F5;
     border-radius: 4px;
     font-size: 10px;
     color: #323233;
+    margin-left: 5px;
     ::v-deep .el-input__inner{
       padding: 0 2px;
       height: 25px;