|
|
|
@ -12,9 +12,11 @@ |
|
|
|
<scroll-view class="cate-left" scroll-y="true"> |
|
|
|
<view class="type-nav" :class="{ selected: curIndex == index }" v-for="(item, index) in menus" :key="index" |
|
|
|
@click="handleSelectNav(index)"> |
|
|
|
<image class="cate-left-image" :src="'./static/tabbar/recommend-cate.png'"></image> |
|
|
|
<text class="cate-left-text">{{ item.name }}</text> |
|
|
|
</view> |
|
|
|
<view> |
|
|
|
<image class="cate-left-image" :src="'./static/tabbar/recommend-cate.png'"></image> |
|
|
|
<view class="cate-left-text">{{ item.name }}</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</scroll-view> |
|
|
|
<!-- 右侧 二级分类 --> |
|
|
|
<mescroll-body ref="mescrollRef" :sticky="true" @init="mescrollInit" :down="{ native: true }" @down="downCallback" :up="upOption" @up="upCallback"> |
|
|
|
@ -572,12 +574,13 @@ |
|
|
|
|
|
|
|
// 左侧一级分类 |
|
|
|
.type-nav { |
|
|
|
position: relative; |
|
|
|
// position: relative; |
|
|
|
height: 180rpx; |
|
|
|
z-index: 10; |
|
|
|
// z-index: 10; |
|
|
|
font-size: 26rpx; |
|
|
|
display: flex; |
|
|
|
justify-content: center; |
|
|
|
text-align: center; |
|
|
|
align-items: center; |
|
|
|
font-weight: bold; |
|
|
|
|
|
|
|
@ -590,15 +593,15 @@ |
|
|
|
} |
|
|
|
|
|
|
|
.cate-left-image{ |
|
|
|
position: absolute; |
|
|
|
// position: absolute; |
|
|
|
width: 50rpx; |
|
|
|
height: 50rpx; |
|
|
|
border-radius: 10rpx; |
|
|
|
margin-bottom: 20rpx; |
|
|
|
margin-bottom: 10px; |
|
|
|
} |
|
|
|
.cate-left-text{ |
|
|
|
position: absolute; |
|
|
|
margin-top: 80rpx; |
|
|
|
// position: absolute; |
|
|
|
// margin-top: 5px; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|