Browse Source

修改我要买车页下拉样式

liguorui 6 years ago
parent
commit
7cfbc4f6cd

+ 4 - 0
components/page-scroll/page-scroll.js

@@ -19,6 +19,10 @@ Component({
     "scroll-into-view":{
       value:"",
       type:String
+    },
+    "bgcolor":{
+      value:"",
+      type:String
     }
   },
 

+ 1 - 1
components/page-scroll/page-scroll.wxml

@@ -4,7 +4,7 @@
   	style="{{styleSheet}}">
 	<view 
 		class="page_info"
-		style="height:{{height}}rpx; {{height?'':'transition:height 0.5s;'}}">
+		style="height:{{height}}rpx; {{height?'':'transition:height 0.5s;'}};{{bgcolor?'background-color:'+bgcolor:''}}">
 		<view class="page_info_t">
 	    	本网页由m.dyhc.com提供
 	    </view>

+ 1 - 1
module/caritem/caritem.wxss

@@ -4,7 +4,7 @@
   width:100%;
   display: flex;
   margin-top:20rpx;
-  border-top:1rpx solid #F9F9F9;
+  /*border-top:1rpx solid #F9F9F9;*/
   background: white;
   position: relative;
 }

+ 2 - 0
pages/buy/buy.wxml

@@ -31,6 +31,7 @@
           {{item.title}}
         </view>
         <image src="../../img/sortby.png" class="filter_nav_switch"/>
+        <view class="filters_nav_line"></view>
       </view>
     </block>
   </view>    
@@ -42,6 +43,7 @@
 </view>
 <page-scroll
   className="content"
+  bgcolor="#F9F9F9"
   styleSheet="height:{{windowh-headerheight-topsearchheight-88}}rpx;"
   scroll-y="{{selectbar==''?'true':'false'}}"
   bind:topheight="lockFilter"

+ 13 - 5
pages/buy/buy.wxss

@@ -17,20 +17,28 @@
 }
 .filter_nav{
 	display: flex;
-  height: 88rpx;
-  overflow: hidden;
+  	height: 88rpx;
 }
 .filter_nav_item{
 	flex: 1;
 	text-align: center;
-	height: 85rpx;
-	border-bottom: 3rpx solid rgba(235, 235, 235, 1);
+	height: 88rpx;
 	transition: all 0.5s;
+	position: relative;
+}
+.filter_nav_item .filters_nav_line{
+	height: 4rpx;
+	position: absolute;
+	bottom: -1rpx;
+	width: 100%;
+	background-color:rgba(235, 235, 235, 1);
 }
 .filter_nav_item_active{
-	border-bottom: 3rpx solid #FFE600;
 	color:red;
 }
+.filter_nav_item_active .filters_nav_line{
+	background-color: #FFE600;
+}
 .filter_nav_name{
 	line-height: 80rpx;
 	color: rgba(56, 55, 53, 1);