列表

pages/guidecar/guidecarList.vue

@@ -8,7 +8,6 @@
 		<view class="topB" style="height: 20px;align-items: center;">
 			<span style='font-size: 11px;color: #1C1E1F;'>{{intervalDay}}</span>
 			<image src="../../static/images/sanjiao.png" mode="aspectFill" style="width: 55px;height: 4px;"></image>
-			
 		</view>
 		<view class="topB" @click="">
 			<span class='ztext'>{{ETime.month}}月{{ETime.day}}日</span>
@@ -17,7 +16,13 @@
 						
 	  </div>
 	 <view style="padding: 10px 0 0; background: #fff;width: 100%;border-bottom: 1px solid #E2E2E2;">
-		  <u-tabs :list="list" :is-scroll="false" :current="current" @change="change" :active-color="mainColor"></u-tabs>
+		  <!-- <u-tabs :list="list" :is-scroll="false" :current="current" @change="change" :active-color="mainColor"></u-tabs> -->
+		  <wyb-drop-down 
+		   ref="dropDown"
+		   :options="options"
+		   @select="onItemSelect">
+		      <!-- 自定义模式开启时，这里可以放内容 -->
+		  </wyb-drop-down>
 	  </view>
 	  <div style='display: flex;width: 100%;'>
 		  <div class="left-slider">
@@ -90,9 +95,11 @@
 
 <script>
 import sidebar from "../../components/sidebar/index.vue";
+import wybDropDown from './wyb-drop-down/wyb-drop-down.vue'
 export default {
    components: {
 		sidebar,
+		wybDropDown
     },
   data() {
     return {
@@ -119,10 +126,19 @@ export default {
 		  CarBrandId:0,
 		  RegionIds:0
 	  },
+	  
+	     options: [{
+				  header: '综合排序',
+				  contents: ['不限','综合升序', '综合降序', '价格升序', '价格降序','评分升序','评分降序']
+			  }, {
+				  header: '品牌',
+				  contents: []
+			  }],
 	  list: [{name: '综合排序'}, {name: '品牌'}],   
 	  STime:'',
 	  ETime:'',
 	  intervalDay:'',
+	  BrandList:[],//品牌列表
 	  g: [],
 	  page_count: 1,
 	  status: "loadmore",
@@ -133,9 +149,7 @@ export default {
 	  },
     };
   },
-  components: {
-    sidebar,
-  },
+
   onLoad(options) {
 		if(options && options.item){
 		  let item = JSON.parse(decodeURIComponent(options.item))
@@ -164,6 +178,7 @@ export default {
 	}
 	this.getCarClassList()
 	this.init();
+	this.getGuideCarBrandList()
   },
   created() {
     this.mainColor = this.$uiConfig.mainColor;
@@ -197,6 +212,25 @@ export default {
 		  	}
 		  );
 	  },
+getGuideCarBrandList(){
+	this.request2(
+	  {
+	    url: "/api/AppletGuideCar/GetGuideCarBrandList",
+	    data: {},
+	  },
+	  (res) => {
+				this.BrandList = res.data;
+				let obj  = {Name: "全部", ID: 0}
+				this.BrandList.unshift(obj) 
+				console.log(this.BrandList)
+				let list=[];
+				this.BrandList.forEach(x=>{
+					list.push(x.Name)
+				})
+				this.options[1].contents = list
+	  }
+	);
+},
    getCarClassList(){
 	   this.request2(
 	     {
@@ -221,8 +255,18 @@ export default {
 	   console.log(val)
 	   this.current= val
    },
-   onItemSelect(){
-	   
+   onItemSelect(val){
+	   console.log(val)
+	   if(val.headerIndex ==0){
+		   this.msg.OrderBy = val.contentIndex
+	   }
+	   if(val.headerIndex ==1){
+		   this.msg.CarBrandId = this.BrandList[val.contentIndex].ID
+	   }
+	   this.msg.pageIndex=1;
+	   this.g = [];
+	   this.init()
+	   this.$refs.dropDown.close() // 关闭
    },
    lower(e) {
    	

pages/guidecar/wyb-drop-down/iconfont.css

+@font-face {font-family: "iconfont";
+  src: url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAMoAAsAAAAABxwAAALZAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCDHAqBYIFNATYCJAMQCwoABCAFhG0HPRs0BsgusG3YowCKZblG/A248I8FOyAe+Oye987uPHySFUCVQo0KTFJCRZnz739uc6TZ6xcSFkmmSfPs/p8faiVYyJAysa8jwJbrp83gaCY/j/s8l9O7q4ACmd/Ochtr0Z5+1AswDijQsQZt4QI6QW6pXcSBwSv/1nYCCqqqsdC7M5oKSRHpFxDmudwQkr2QKEbZvCA7MzUKh2Tkk93JOxzUvw//aBnyJDIpMnTQjLYt1H4v9UeQN/18GCcJYQJ3dgYpGiMSZs2mppCFiJ8qyI6iLfLyEn7P/b7mjxDH1smHZfQvjyCRErJIZWHQ2kun/J7jNIHfTzQJf4gVUvghxnw/0x4DfV5lXaBHlFVi7aO0/bxWdv6+cPdRmdlrbzn+qfO6PVN6994+P/v5PWXZ++LdvWUs9gsXP7QrtrfB91P9aflbn1u37JV5vmPHmbH/a+bW/pculdBKpMfTy/pJ27c1d3s3Ha40b4Xnb7c73PMn7hxVM+r+psb222nvS698xqM+qUXITmlvaakgkG5KhgsC6ePkJarZcby5/0ws1vn5QhH8iDY/1tYIZoAvBViBWAWwLpYq4ogxV3N5FYzKghIJClIX6MxR0m9XGMuAawnyyhwI5lRpkcqrTUZeY2QU0hpZed1QUCP9ZhdSyhKyEAugoe0OguIeIlHUK6SKe09G3q/IKOs/ZBUPKQoaEUotWUjdMDvda4XGBm2YcoTZFkWMuTZpUz1Gvg2MVVelBXNcrd0otGjafJjtYoSrK0Ys3fHKsg2DGSsKoa+zGwYBwaIVeWhtCrM2m0W1WbMZc3cqTKVQSOtlBRk2kA1McQRms5AIk8030qPvjyFuK2BYrTAW0nNoZc1tH7TQVHMA2dVHIMav3LLUDlexzAYDZlghIdDX8aKApghYNN/JgywbBbMOJBaqmnmNZkD1heeNIYZboCByVgxJSEMMGdlpW5fTVplG+0he5RqCAAAAAA==') format('woff2')
+}
+
+.iconfont {
+  font-family: "iconfont" !important;
+  margin-top: 5rpx;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.icon-selected:before {
+  content: "\e613";
+}
+
+.icon-down:before {
+  font-weight: bold;
+  content: "\e67a";
+}
+
+.icon-down-fill:before {
+  content: "\e701";
+}
+