diff --git a/src/lycomponents/iSaleModelChoose/index.vue b/src/lycomponents/iSaleModelChoose/index.vue index 6e752d5..6e3a8ec 100644 --- a/src/lycomponents/iSaleModelChoose/index.vue +++ b/src/lycomponents/iSaleModelChoose/index.vue @@ -280,11 +280,11 @@ export default { } } .sb-dd { - width: 46%; + width: 31%; height: 90%; } .sb-bd { - padding: 0px 16px 16px 16px; + padding: 0px 16px 16px 8px; display: flex; justify-content: flex-start; flex-wrap: wrap; @@ -298,8 +298,10 @@ export default { border: 1px solid #3373cc; } .d1 { - width: 152px; - height: 132px; + // width: 152px; + // height: 132px; + width: 100px; + height: 87px; background: #fff; border-radius: 2px; display: flex; @@ -320,7 +322,7 @@ export default { border: 1px solid #3373cc; } .sb-b-item { - width: 194px; + width: 190px; height: 66px; background: #1B4163; color: #fff; @@ -344,7 +346,7 @@ export default { } } .sb-dd-right { - width: 54%; + width: 69%; height: 90%; } diff --git a/src/lycomponents/iSpecialBrandChoose/index.vue b/src/lycomponents/iSpecialBrandChoose/index.vue index 16df241..e4bbec4 100644 --- a/src/lycomponents/iSpecialBrandChoose/index.vue +++ b/src/lycomponents/iSpecialBrandChoose/index.vue @@ -18,6 +18,16 @@
  • {{item}}
  • 全选
  • +
    + + + + + + 搜索 + + +
    @@ -95,6 +105,7 @@ export default { models: [], brandname: "", brandList: [], + sKeyword:'', }; }, methods: { @@ -105,6 +116,7 @@ export default { }, // 选择li handlerLi(n) { + this.sKeyword = ''; this.activeLi = n; let key = this.letterArr[n]; this.showCars = this.cars.filter((ele) => ele.firstword === key); @@ -160,6 +172,10 @@ export default { arr.push(ele.brandname); }) this.$emit("selectAll", arr); + }, + onSearch() { + let kw = this.sKeyword; + this.showCars = this.cars.filter((ele) => ele.brandname.indexOf(kw) != -1 && ele.firstword != '热门'); } }, }; @@ -221,7 +237,7 @@ export default { } .sb-dd { width: 100%; - height: calc(100% - 30px); + height: calc(100% - 70px); box-shadow: 0 0 20px; } .sb-bd { diff --git a/src/lycomponents/iSpecialSeriesChoose/index.vue b/src/lycomponents/iSpecialSeriesChoose/index.vue index 74c7201..1779f63 100644 --- a/src/lycomponents/iSpecialSeriesChoose/index.vue +++ b/src/lycomponents/iSpecialSeriesChoose/index.vue @@ -248,7 +248,6 @@ export default { getUserBrand(this.form) .then((res) => { let data = res.data; - console.log(data) let arr = []; data.forEach((ele) => { let fk = ele.firstword; @@ -391,12 +390,12 @@ export default { } } .sb-dd { - width: 46%; + width: 31%; height: 95%; box-shadow: 0 0 20px; } .sb-bd { - padding: 0px 16px 16px 16px; + padding: 0px 16px 16px 8px; display: flex; justify-content: flex-start; flex-wrap: wrap; @@ -410,8 +409,10 @@ export default { border: 1px solid #3373cc; } .d1 { - width: 152px; - height: 132px; + // width: 152px; + // height: 132px; + width: 100px; + height: 87px; background: #fff; border-radius: 2px; display: flex; @@ -432,7 +433,7 @@ export default { border: 1px solid #3373cc; } .sb-b-item { - width: 194px; + width: 190px; height: 66px; background: #1B4163; color: #fff; @@ -456,7 +457,7 @@ export default { } } .sb-dd-right { - width: 54%; + width: 69%; height: 95%; box-shadow: 0 0 20px; } diff --git a/src/lycomponents/iSwitchBrand/index.vue b/src/lycomponents/iSwitchBrand/index.vue index f11c785..0647b45 100644 --- a/src/lycomponents/iSwitchBrand/index.vue +++ b/src/lycomponents/iSwitchBrand/index.vue @@ -17,6 +17,16 @@ 按品牌拼音首字母查找:
  • {{item}}
  • +
    + + + + + + 搜索 + + +
    @@ -87,6 +97,7 @@ export default { chooseModel: null, models: [], brandname: "", + sKeyword:'', }; }, methods: { @@ -97,6 +108,7 @@ export default { }, // 选择li handlerLi(n) { + this.sKeyword = ''; this.activeLi = n; let key = this.letterArr[n]; this.showCars = this.cars.filter((ele) => ele.firstword === key); @@ -167,6 +179,10 @@ export default { this.$message.warning("请选择品牌"); } }, + onSearch() { + let kw = this.sKeyword; + this.showCars = this.cars.filter((ele) => ele.brandname.indexOf(kw) != -1 && ele.firstword != '热门'); + } }, }; @@ -227,7 +243,7 @@ export default { } .sb-dd { width: 100%; - height: calc(100% - 30px); + height: calc(100% - 70px); box-shadow: 0 0 20px; } .sb-bd { diff --git a/src/lycomponents/iSwitchModel/index.vue b/src/lycomponents/iSwitchModel/index.vue index 1ac299d..8184dba 100644 --- a/src/lycomponents/iSwitchModel/index.vue +++ b/src/lycomponents/iSwitchModel/index.vue @@ -47,7 +47,7 @@
    {{item.name}}
    -
    {{item.name}}
    +
    {{item.name}}
    {{item.name}}
    @@ -279,12 +279,12 @@ export default { } } .sb-dd { - width: 46%; + width: 31%; height: 90%; box-shadow: 0 0 20px; } .sb-bd { - padding: 0px 16px 16px 16px; + padding: 0px 16px 16px 8px; display: flex; justify-content: flex-start; flex-wrap: wrap; @@ -298,8 +298,10 @@ export default { border: 1px solid #3373cc; } .d1 { - width: 152px; - height: 132px; + // width: 152px; + // height: 132px; + width: 100px; + height: 87px; background: #fff; border-radius: 2px; display: flex; @@ -320,7 +322,7 @@ export default { border: 1px solid #3373cc; } .sb-b-item { - width: 194px; + width: 190px; height: 66px; background: #1B4163; color: #fff; @@ -344,7 +346,7 @@ export default { } } .sb-dd-right { - width: 54%; + width: 69%; height: 90%; box-shadow: 0 0 20px; }