@@ -19,6 +19,10 @@ Component({
"scroll-into-view":{
value:"",
type:String
+ },
+ "bgcolor":{
+ value:"",
+ type:String
}
},
@@ -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>
width:100%;
display: flex;
margin-top:20rpx;
- border-top:1rpx solid #F9F9F9;
+ /*border-top:1rpx solid #F9F9F9;*/
background: white;
position: relative;
@@ -31,6 +31,7 @@
{{item.title}}
<image src="../../img/sortby.png" class="filter_nav_switch"/>
+ <view class="filters_nav_line"></view>
</block>
@@ -42,6 +43,7 @@
<page-scroll
className="content"
+ bgcolor="#F9F9F9"
styleSheet="height:{{windowh-headerheight-topsearchheight-88}}rpx;"
scroll-y="{{selectbar==''?'true':'false'}}"
bind:topheight="lockFilter"
@@ -17,20 +17,28 @@
.filter_nav{
- 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);
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);