|
|
|
|
@ -22,7 +22,7 @@ |
|
|
|
|
</view> |
|
|
|
|
|
|
|
|
|
<view class="category"> |
|
|
|
|
<view class="category-wrapper" v-if="catrgoryList.length > 0" style="top: 110rpx"> |
|
|
|
|
<view class="category-wrapper" v-if="catrgoryList.length > 0" style="top: 100rpx"> |
|
|
|
|
<!-- 左边导航 --> |
|
|
|
|
<scroll-view v-if="leftScollShow" scrollY="true" class="scroll-view" scroll-with-animation="true" |
|
|
|
|
:scroll-top="left_scroll"> |
|
|
|
|
@ -37,7 +37,7 @@ |
|
|
|
|
<scroll-view scroll-y="true" class="right-wrapper" scroll-with-animation="true" |
|
|
|
|
:scroll-top="right_scroll" @scroll="myscroll"> |
|
|
|
|
<!-- 产品区 --> |
|
|
|
|
<view class="v-pages-list p-t-24 p-b-24" v-if="scenicList.content.length > 0"> |
|
|
|
|
<view class="v-pages-list" v-if="scenicList.content.length > 0"> |
|
|
|
|
<view class="list_item row" v-for="(p_item, p_index) in scenicList.content" |
|
|
|
|
@tap="gotoDetail(p_item.cid)"> |
|
|
|
|
<view class="item_recommend normal" v-if="p_item.isrecommend == 'YES'"> |
|
|
|
|
@ -47,7 +47,7 @@ |
|
|
|
|
<view class="item_image scenic"> |
|
|
|
|
<image mode="aspectFill" class="img" :src="p_item.thumb"></image> |
|
|
|
|
</view> |
|
|
|
|
<view class="item_content"> |
|
|
|
|
<view class="item_content col"> |
|
|
|
|
<view class="content-name">{{ p_item.cname }}</view> |
|
|
|
|
<view class="content-tip"><span class="item">{{ |
|
|
|
|
p_item.slevel |
|
|
|
|
@ -69,73 +69,72 @@ |
|
|
|
|
|
|
|
|
|
</scroll-view> |
|
|
|
|
</view> |
|
|
|
|
|
|
|
|
|
<view class="sort-page" :hidden="selectedParam.hiddenSortPanel"> |
|
|
|
|
<view class="sort-group"> |
|
|
|
|
<view @tap="selected" :class="[ |
|
|
|
|
pageClass.sortItemClass, |
|
|
|
|
selectedParam.sortId == item.id ? 'sort-item-active' : '', |
|
|
|
|
]" data-panel="hiddenSortPanel" data-type="sortId" :data-id="item.id" v-for="(item, index) in filter.sort" |
|
|
|
|
:key="index"> |
|
|
|
|
{{ item.name }} |
|
|
|
|
</view> |
|
|
|
|
<view class="sort-page" :hidden="selectedParam.hiddenSortPanel"> |
|
|
|
|
<view class="sort-group"> |
|
|
|
|
<view @tap="selected" :class="[ |
|
|
|
|
pageClass.sortItemClass, |
|
|
|
|
selectedParam.sortId == item.id ? 'sort-item-active' : '', |
|
|
|
|
]" data-panel="hiddenSortPanel" data-type="sortId" :data-id="item.id" v-for="(item, index) in filter.sort" |
|
|
|
|
:key="index"> |
|
|
|
|
{{ item.name }} |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
|
|
|
|
|
<view class="sort-page" :hidden="selectedParam.hiddenRegionPanel"> |
|
|
|
|
<view class="sort-group"> |
|
|
|
|
<view @tap="regionSelected" :class="[ |
|
|
|
|
pageClass.sortItemClass, |
|
|
|
|
selectedParam.bm == item.bm ? 'sort-item-active' : '', |
|
|
|
|
]" data-panel="hiddenRegionPanel" :data-name="item.title" data-type="bm" :data-id="item.bm" |
|
|
|
|
v-for="(item, index) in regionList" :key="index"> |
|
|
|
|
{{ item.title }} |
|
|
|
|
<view class="sort-page" :hidden="selectedParam.hiddenRegionPanel"> |
|
|
|
|
<view class="sort-group"> |
|
|
|
|
<view @tap="regionSelected" :class="[ |
|
|
|
|
pageClass.sortItemClass, |
|
|
|
|
selectedParam.bm == item.bm ? 'sort-item-active' : '', |
|
|
|
|
]" data-panel="hiddenRegionPanel" :data-name="item.title" data-type="bm" :data-id="item.bm" |
|
|
|
|
v-for="(item, index) in regionList" :key="index"> |
|
|
|
|
{{ item.title }} |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
|
|
|
|
|
<view class="filter-page" :hidden="selectedParam.hiddenAttributePanel"> |
|
|
|
|
<view class="filter-box"> |
|
|
|
|
<scroll-view scrollY class="filter-hd"> |
|
|
|
|
<view @tap="parentLevel" :class="[ |
|
|
|
|
pageClass.filterHdItemClass, |
|
|
|
|
parentLevelItem == 'attribute_' + items.type |
|
|
|
|
? 'filter-hd-item-active' |
|
|
|
|
: '', |
|
|
|
|
]" :data-parentLevelItem="'attribute_' + items.type" v-for="(items, index) in filter.attribute" |
|
|
|
|
:key="index"> |
|
|
|
|
{{ items.name }} |
|
|
|
|
<view class="filter-page" :hidden="selectedParam.hiddenAttributePanel"> |
|
|
|
|
<view class="filter-box"> |
|
|
|
|
<scroll-view scrollY class="filter-hd"> |
|
|
|
|
<view @tap="parentLevel" :class="[ |
|
|
|
|
pageClass.filterHdItemClass, |
|
|
|
|
parentLevelItem == 'attribute_' + items.type |
|
|
|
|
? 'filter-hd-item-active' |
|
|
|
|
: '', |
|
|
|
|
]" :data-parentLevelItem="'attribute_' + items.type" v-for="(items, index) in filter.attribute" |
|
|
|
|
:key="index"> |
|
|
|
|
{{ items.name }} |
|
|
|
|
</view> |
|
|
|
|
</scroll-view> |
|
|
|
|
<scroll-view scrollY class="filter-bd"> |
|
|
|
|
<view class="filter-group" v-if="parentLevelItem == 'attribute_' + items.type" |
|
|
|
|
v-for="(items, index) in filter.attribute" :key="items.dicnum"> |
|
|
|
|
<view @tap="childLevel" :class="[ |
|
|
|
|
pageClass.filterBdItem, |
|
|
|
|
selectedFIlter['attribute_' + items.type] == 0 |
|
|
|
|
? 'filter-bd-item-active' |
|
|
|
|
: '', |
|
|
|
|
]" data-id="0" :data-type="'attribute_' + items.type"> |
|
|
|
|
全部 |
|
|
|
|
</view> |
|
|
|
|
<view @tap="childLevel" :class="[ |
|
|
|
|
pageClass.filterBdItem, |
|
|
|
|
selectedFIlter['attribute_' + items.type] == item.dicnum |
|
|
|
|
? 'filter-bd-item-active' |
|
|
|
|
: '', |
|
|
|
|
]" :data-id="item.dicnum" :data-type="'attribute_' + items.type" |
|
|
|
|
v-for="(item, childIndex) in items.child" :key="childIndex"> |
|
|
|
|
{{ item.dicname }} |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
</scroll-view> |
|
|
|
|
</view> |
|
|
|
|
</scroll-view> |
|
|
|
|
<scroll-view scrollY class="filter-bd"> |
|
|
|
|
<view class="filter-group" v-if="parentLevelItem == 'attribute_' + items.type" |
|
|
|
|
v-for="(items, index) in filter.attribute" :key="items.dicnum"> |
|
|
|
|
<view @tap="childLevel" :class="[ |
|
|
|
|
pageClass.filterBdItem, |
|
|
|
|
selectedFIlter['attribute_' + items.type] == 0 |
|
|
|
|
? 'filter-bd-item-active' |
|
|
|
|
: '', |
|
|
|
|
]" data-id="0" :data-type="'attribute_' + items.type"> |
|
|
|
|
全部 |
|
|
|
|
</view> |
|
|
|
|
<view @tap="childLevel" :class="[ |
|
|
|
|
pageClass.filterBdItem, |
|
|
|
|
selectedFIlter['attribute_' + items.type] == item.dicnum |
|
|
|
|
? 'filter-bd-item-active' |
|
|
|
|
: '', |
|
|
|
|
]" :data-id="item.dicnum" :data-type="'attribute_' + items.type" |
|
|
|
|
v-for="(item, childIndex) in items.child" :key="childIndex"> |
|
|
|
|
{{ item.dicname }} |
|
|
|
|
</view> |
|
|
|
|
<view class="control-bar-block"> |
|
|
|
|
<view @tap="resetFilter" class="control-back-btn">恢复默认</view> |
|
|
|
|
<view @tap="confirmClick" class="control-confirm-btn">确定</view> |
|
|
|
|
</view> |
|
|
|
|
</scroll-view> |
|
|
|
|
</view> |
|
|
|
|
<view class="control-bar-block"> |
|
|
|
|
<view @tap="resetFilter" class="control-back-btn">恢复默认</view> |
|
|
|
|
<view @tap="confirmClick" class="control-confirm-btn">确定</view> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
</template> |
|
|
|
|
|
|
|
|
|
@ -550,12 +549,18 @@ |
|
|
|
|
</script> |
|
|
|
|
|
|
|
|
|
<style lang="less"> |
|
|
|
|
@import "/static/css/common.css"; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
page { |
|
|
|
|
background: #fff; |
|
|
|
|
} |
|
|
|
|
.sort-page { |
|
|
|
|
top: 180rpx !important; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.filter-page { |
|
|
|
|
top: 180rpx !important; |
|
|
|
|
} |
|
|
|
|
.search-tip-item:after { |
|
|
|
|
display: inline-block; |
|
|
|
|
margin: -2rpx 0 0 6rpx; |
|
|
|
|
@ -669,15 +674,6 @@ |
|
|
|
|
line-height: 40rpx; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.sort-page { |
|
|
|
|
position: absolute; |
|
|
|
|
top: 210rpx !important; |
|
|
|
|
right: 0; |
|
|
|
|
bottom: 0; |
|
|
|
|
left: 0; |
|
|
|
|
z-index: 10; |
|
|
|
|
background: rgba(0, 0, 0, 0.5); |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.sort-group { |
|
|
|
|
background: #fff; |
|
|
|
|
@ -710,16 +706,7 @@ |
|
|
|
|
content: ""; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.filter-page { |
|
|
|
|
position: absolute; |
|
|
|
|
top: 210rpx !important; |
|
|
|
|
right: 0; |
|
|
|
|
bottom: 0; |
|
|
|
|
left: 0; |
|
|
|
|
z-index: 10; |
|
|
|
|
background: #fff; |
|
|
|
|
height: auto; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.filter-box { |
|
|
|
|
position: absolute; |
|
|
|
|
|
