diff --git a/src/views/secondHandCar/indexList.vue b/src/views/secondHandCar/indexList.vue index 44e089e4..66deb964 100644 --- a/src/views/secondHandCar/indexList.vue +++ b/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;