|
@@ -1,46 +1,49 @@
|
|
|
<template>
|
|
|
- <div class="carCkbox">
|
|
|
- <div class="brandsBox">
|
|
|
- <div class="mainLeft" >
|
|
|
- <div class="mainLeftTop">
|
|
|
- <div class="sx"></div>
|
|
|
- <div class="leftTitle">选择品牌</div>
|
|
|
- <div class="childrensearchBox">
|
|
|
- <input type="text" v-model="childrenss" class="childrensearchInput" placeholder="搜索" @keyup.enter="brandkeyup">
|
|
|
- <img src="../assets/icon_search@2x.png" alt="" class="childrensearchImg" @click="brandkeyup">
|
|
|
+ <div>
|
|
|
+ <div class="carCkbox" v-if="show">
|
|
|
+ <div class="brandsBox">
|
|
|
+ <div class="mainLeft" >
|
|
|
+ <div class="mainLeftTop">
|
|
|
+ <div class="sx"></div>
|
|
|
+ <div class="leftTitle">选择品牌</div>
|
|
|
+ <div class="childrensearchBox">
|
|
|
+ <input type="text" v-model="childrenss" class="childrensearchInput" placeholder="搜索" @keyup.enter="brandkeyup">
|
|
|
+ <img src="../assets/icon_search@2x.png" alt="" class="childrensearchImg" @click="brandkeyup">
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <div class="mainLeftLineBox">
|
|
|
- <div class="mainLeftLine" v-for="item in brandList" >
|
|
|
- <div class="titleStr">{{item.titleStr}}</div>
|
|
|
- <div class="brandsLine " v-for="(v,i) in item.list" @click="brandCk(v)" :class="{mainLeftLineActive:brandName==v.brand}">
|
|
|
- <img :src="v.icon" alt="" class="brandicon">
|
|
|
- <div class="brandName">{{v.brand}}</div>
|
|
|
- </div>
|
|
|
+ <div class="mainLeftLineBox">
|
|
|
+ <div class="mainLeftLine" v-for="item in brandList" >
|
|
|
+ <div class="titleStr">{{item.titleStr}}</div>
|
|
|
+ <div class="brandsLine " v-for="(v,i) in item.list" @click="brandCk(v)" :class="{mainLeftLineActive:brandName==v.brand}">
|
|
|
+ <img :src="v.icon" alt="" class="brandicon">
|
|
|
+ <div class="brandName">{{v.brand}}</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <!-- 车型-->
|
|
|
- <div class="mainLeft modelBox" >
|
|
|
- <div class="mainLeftTop">
|
|
|
- <div class="sx"></div>
|
|
|
- <div class="leftTitle">选择车型</div>
|
|
|
- <div class="childrensearchBox">
|
|
|
- <input type="text" v-model="childrenss" class="childrensearchInput" placeholder="搜索" @keyup.enter="brandkeyup">
|
|
|
- <img src="../assets/icon_search@2x.png" alt="" class="childrensearchImg" @click="brandkeyup">
|
|
|
+ <!-- 车型-->
|
|
|
+ <div class="mainLeft modelBox" >
|
|
|
+ <div class="mainLeftTop">
|
|
|
+ <div class="sx"></div>
|
|
|
+ <div class="leftTitle">选择车型</div>
|
|
|
+ <div class="childrensearchBox">
|
|
|
+ <input type="text" v-model="childrenss" class="childrensearchInput" placeholder="搜索" @keyup.enter="brandkeyup">
|
|
|
+ <img src="../assets/icon_search@2x.png" alt="" class="childrensearchImg" @click="brandkeyup">
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <div class="mainLeftLineBox">
|
|
|
- <div class="mainLeftLine" v-for="(item,index) in modelList" ><!-- -->
|
|
|
- <div class="fct_name">{{item.fct_name}}</div>
|
|
|
- <div class="lineName" v-for="(v,i) in item.models" @click="goNext(v)" :class="{mainLeftLineActive:modelname==v.model_name}">{{v.model_name}}</div>
|
|
|
+ <div class="mainLeftLineBox">
|
|
|
+ <div class="mainLeftLine" v-for="(item,index) in modelList" ><!-- -->
|
|
|
+ <div class="fct_name">{{item.fct_name}}</div>
|
|
|
+ <div class="lineName" v-for="(v,i) in item.models" @click="goNext(v)" :class="{mainLeftLineActive:modelname==v.model_name}">{{v.model_name}}</div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
+
|
|
|
+
|
|
|
</div>
|
|
|
-
|
|
|
-
|
|
|
- </div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
+
|
|
|
</template>
|
|
|
<script>
|
|
|
import { fetchPost, fetchGet, fetchPut, fetchDelete, baseURL } from '@/utils/request'
|