Commit a3a6db2cf49118f1678f36beb5182c0dfd97f7e0
1 parent
04ad5f0e
主包goodsList页面修改
Showing
3 changed files
with
43 additions
and
31 deletions
pages/goods/goodsList/goodsList.json
pages/goods/goodsList/goodsList.wxml
| @@ -22,39 +22,41 @@ | @@ -22,39 +22,41 @@ | ||
| 22 | <navigator hover-class="none" url="/pages/goods/search/search?ladder_id={{ladder_id}}"><text class="iconfont icon-sousuo pdr10"></text>搜索店铺商品</navigator> | 22 | <navigator hover-class="none" url="/pages/goods/search/search?ladder_id={{ladder_id}}"><text class="iconfont icon-sousuo pdr10"></text>搜索店铺商品</navigator> |
| 23 | </view> | 23 | </view> |
| 24 | <!-- 单列/双列 显示切换 --> | 24 | <!-- 单列/双列 显示切换 --> |
| 25 | - <text class="iconfont {{isToggle ? 'icon-fenxiang':'icon-fenlie'}} pdl30 fs36" bindtap="bindToggleDisplay"></text> | 25 | + <text class="iconfont {{isToggle ? 'icon-fenlie':'icon-fenxiang'}} pdl30 fs36" bindtap="bindToggleDisplay"></text> |
| 26 | </view> | 26 | </view> |
| 27 | 27 | ||
| 28 | - <view class="nav"> | ||
| 29 | - <navigator bindtap="changeTab" class="nav-item" data-href="sort" data-ad="{{adname}}">综合 | ||
| 30 | - <view class="ico-dg" wx:if="{{tabname=='sort'}}"> | ||
| 31 | - <image class="wh100" src="{{iurl}}/miniapp/images/dg.png" wx:if="{{adname=='desc'}}"></image> | ||
| 32 | - <image class="wh100" src="{{iurl}}/miniapp/images/up_s.png" wx:if="{{adname=='asc'}}"></image> | ||
| 33 | - </view> | ||
| 34 | - </navigator> | ||
| 35 | - <navigator bindtap="changeTab" class="nav-item" data-href="sales_sum" data-ad="{{adname}}">销量 | ||
| 36 | - <view class="ico-dg" wx:if="{{tabname=='sales_sum'}}"> | ||
| 37 | - <image class="wh100" src="{{iurl}}/miniapp/images/dg.png" wx:if="{{adname=='desc'}}"></image> | ||
| 38 | - <image class="wh100" src="{{iurl}}/miniapp/images/up_s.png" wx:if="{{adname=='asc'}}"></image> | ||
| 39 | - </view> | 28 | + <view class="nav-box"> |
| 29 | + <view class="nav"> | ||
| 30 | + <navigator bindtap="changeTab" class="nav-item" data-href="sort" data-ad="{{adname}}">综合 | ||
| 31 | + <view class="ico-dg" wx:if="{{tabname=='sort'}}"> | ||
| 32 | + <image class="wh100" src="{{iurl}}/miniapp/images/dg.png" wx:if="{{adname=='desc'}}"></image> | ||
| 33 | + <image class="wh100" src="{{iurl}}/miniapp/images/up_s.png" wx:if="{{adname=='asc'}}"></image> | ||
| 34 | + </view> | ||
| 35 | + </navigator> | ||
| 36 | + <navigator bindtap="changeTab" class="nav-item" data-href="sales_sum" data-ad="{{adname}}">销量 | ||
| 37 | + <view class="ico-dg" wx:if="{{tabname=='sales_sum'}}"> | ||
| 38 | + <image class="wh100" src="{{iurl}}/miniapp/images/dg.png" wx:if="{{adname=='desc'}}"></image> | ||
| 39 | + <image class="wh100" src="{{iurl}}/miniapp/images/up_s.png" wx:if="{{adname=='asc'}}"></image> | ||
| 40 | + </view> | ||
| 40 | 41 | ||
| 41 | - </navigator> | ||
| 42 | - <navigator bindtap="changeTab" class="nav-item" data-href="final_price" data-ad="{{adname}}"> | ||
| 43 | - 价格 | ||
| 44 | - <view class="ico-dg" wx:if="{{tabname=='final_price'}}"> | ||
| 45 | - <image class="wh100" src="{{iurl}}/miniapp/images/dg.png" wx:if="{{adname=='desc'}}"></image> | ||
| 46 | - <image class="wh100" src="{{iurl}}/miniapp/images/up_s.png" wx:if="{{adname=='asc'}}"></image> | ||
| 47 | - </view> | ||
| 48 | - </navigator> | ||
| 49 | - <!-- <navigator bindtap="openFilterModal" class="nav-item">筛选<view class="ico-filter"> | ||
| 50 | - <image class="wh100" src="{{iurl}}/miniapp/images/xx.png"></image> | ||
| 51 | - </view> | ||
| 52 | - </navigator> --> | 42 | + </navigator> |
| 43 | + <navigator bindtap="changeTab" class="nav-item" data-href="final_price" data-ad="{{adname}}"> | ||
| 44 | + 价格 | ||
| 45 | + <view class="ico-dg" wx:if="{{tabname=='final_price'}}"> | ||
| 46 | + <image class="wh100" src="{{iurl}}/miniapp/images/dg.png" wx:if="{{adname=='desc'}}"></image> | ||
| 47 | + <image class="wh100" src="{{iurl}}/miniapp/images/up_s.png" wx:if="{{adname=='asc'}}"></image> | ||
| 48 | + </view> | ||
| 49 | + </navigator> | ||
| 50 | + <!-- <navigator bindtap="openFilterModal" class="nav-item">筛选<view class="ico-filter"> | ||
| 51 | + <image class="wh100" src="{{iurl}}/miniapp/images/xx.png"></image> | ||
| 52 | + </view> | ||
| 53 | + </navigator> --> | ||
| 53 | 54 | ||
| 54 | - <!-- <navigator class="nav-item search" url="/pages/goods/search/search"> | ||
| 55 | - <image class="wh100 search-img" src="{{iurl}}/miniapp/images/search.png"></image> | ||
| 56 | - </navigator> --> | ||
| 57 | - </view> | 55 | + <!-- <navigator class="nav-item search" url="/pages/goods/search/search"> |
| 56 | + <image class="wh100 search-img" src="{{iurl}}/miniapp/images/search.png"></image> | ||
| 57 | + </navigator> --> | ||
| 58 | + </view> | ||
| 59 | + </view> | ||
| 58 | 60 | ||
| 59 | <view class="choice_list" wx:if="{{!isToggle}}"> | 61 | <view class="choice_list" wx:if="{{!isToggle}}"> |
| 60 | <navigator class="choice_item" url="{{g_filter.get_goods_url(item)}}" wx:for="{{requestData}}" wx:key="{{index}}"> | 62 | <navigator class="choice_item" url="{{g_filter.get_goods_url(item)}}" wx:for="{{requestData}}" wx:key="{{index}}"> |
pages/goods/goodsList/goodsList.wxss
| @@ -4,6 +4,7 @@ page { | @@ -4,6 +4,7 @@ page { | ||
| 4 | 4 | ||
| 5 | .container { | 5 | .container { |
| 6 | color: #666; | 6 | color: #666; |
| 7 | + overflow-x: visible; | ||
| 7 | } | 8 | } |
| 8 | 9 | ||
| 9 | .nav { | 10 | .nav { |
| @@ -41,13 +42,21 @@ page { | @@ -41,13 +42,21 @@ page { | ||
| 41 | } | 42 | } |
| 42 | 43 | ||
| 43 | .search_fixed { | 44 | .search_fixed { |
| 44 | - position: fixed; | 45 | + position: sticky; |
| 45 | top: 0; | 46 | top: 0; |
| 46 | - width: 95%; | 47 | + /* width: 95%; */ |
| 47 | background-color: #f0f0f0; | 48 | background-color: #f0f0f0; |
| 48 | z-index: 999; | 49 | z-index: 999; |
| 49 | } | 50 | } |
| 50 | 51 | ||
| 52 | +.nav-box { | ||
| 53 | + position: sticky; | ||
| 54 | + top: 114rpx; | ||
| 55 | + /* width: 95%; */ | ||
| 56 | + background-color: #f0f0f0; | ||
| 57 | + z-index: 999; | ||
| 58 | +} | ||
| 59 | + | ||
| 51 | .ico-dir { | 60 | .ico-dir { |
| 52 | width: 16rpx; | 61 | width: 16rpx; |
| 53 | height: 22rpx; | 62 | height: 22rpx; |