xioayue
/
why_in_h5
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

分类下滑最底选择分类未到最上面问题处理

master
wanghongjun 2 years ago
parent
99dcf53e90
commit
308f8a82b0
1 changed files with 25 additions and 20 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 45
      pages/category/index.vue

45
pages/category/index.vue
View File

@ -17,10 +17,10 @@
</view>
</scroll-view>
<!-- 右侧 二级分类 -->
<scroll-view class="cate-right" :scroll-top="scrollTop" :scroll-y="true" :style="{ height: `${scrollHeight}px` }">
<scroll-view v-if="list.length>0 && type==0" class="cate-right" :scroll-top="scrollTop" :scroll-y="true" :style="{ height: `${scrollHeight}px` }">
<mescroll-body ref="mescrollRef" :sticky="true" @init="mescrollInit" :down="{ native: true }" @down="downCallback" :up="upOption" @up="upCallback">
<!-- 有数据的时候 -->
<view v-if="list.length>0 && type==0" class="cate-right-cont">
<view class="cate-right-cont">
<view class="cate-two-box">
<view class="cate-cont-box">
<view class="flex-two" v-for="(item, idx) in list" :key="idx" @click="onTargetGoods(item.goods_islicode)">
@ -34,7 +34,11 @@
</view>
</view>
</view>
<view v-else-if="userList.length>0 && type==1" class="cate-right-cont">
</mescroll-body>
</scroll-view>
<scroll-view v-else-if="userList.length>0 && type==1"class="cate-right" :scroll-top="scrollTop" :scroll-y="true" :style="{ height: `${scrollHeight}px` }">
<mescroll-body ref="mescrollRef" :sticky="true" @init="mescrollInit" :down="{ native: true }" @down="downCallback" :up="upOption" @up="upCallback">
<view class="cate-right-cont">
<view class="cate-two-box">
<view class="cate-cont-box">
<view class="flex-two-data" v-for="(item, idx) in userList" :key="idx" @click="onGoodsList(item.user.name,item.goods_count)">
@ -53,7 +57,11 @@
</view>
</view>
</view>
<view v-else-if="informationList.length>0 && type==2" class="cate-right-cont">
</mescroll-body>
</scroll-view>
<scroll-view v-else-if="informationList.length>0 && type==2"class="cate-right" :scroll-top="scrollTop" :scroll-y="true" :style="{ height: `${scrollHeight}px` }">
<mescroll-body ref="mescrollRef" :sticky="true" @init="mescrollInit" :down="{ native: true }" @down="downCallback" :up="upOption" @up="upCallback">
<view class="cate-right-cont">
<view class="cate-two-box">
<view class="cate-cont-box">
<view class="flex-three" v-for="(item, idx) in informationList" :key="idx" @click="onConsulting(item.consultingId,item.consultingName)">
@ -65,7 +73,11 @@
</view>
</view>
</view>
<view v-else-if="serviceProvidersList.length>0 && type==3" class="cate-right-cont">
</mescroll-body>
</scroll-view>
<scroll-view v-else-if="serviceProvidersList.length>0 && type==3" class="cate-right" :scroll-top="scrollTop" :scroll-y="true" :style="{ height: `${scrollHeight}px` }">
<mescroll-body ref="mescrollRef" :sticky="true" @init="mescrollInit" :down="{ native: true }" @down="downCallback" :up="upOption" @up="upCallback">
<view class="cate-right-cont">
<view class="cate-two-box">
<view class="cate-cont-box">
<view class="flex-three" v-for="(item, idx) in serviceProvidersList" :key="idx" @click="onEconomyBusiness(item.name)">
@ -79,11 +91,15 @@
</view>
</view>
</view>
<view v-else-if="transactionList.length>0 && type==4" class="cate-right-cont">
</mescroll-body>
</scroll-view>
<scroll-view v-else-if="transactionList.length>0 && type==4" class="cate-right" :scroll-top="scrollTop" :scroll-y="true" :style="{ height: `${scrollHeight}px` }">
<mescroll-body ref="mescrollRef" :sticky="true" @init="mescrollInit" :down="{ native: true }" @down="downCallback" :up="upOption" @up="upCallback">
<view class="cate-right-cont">
<view class="cate-two-box">
<view class="cate-cont-box">
<view class="flex-three" v-for="(item, idx) in transactionList" :key="idx" @click="onTradingentity(item.name)">
<view class="cate-image"><image src="" mode=""></image></view>
<view class="cate-image"><image src="" mode=""></image></view>
<view class="cate-name">
{{item.name}}
</view>
@ -91,17 +107,6 @@
</view>
</view>
</view>
<!-- 空白提示 -->
<!-- <view v-else class="cate-right-cont">-->
<!-- <view class="empty-content">-->
<!-- <view class="empty-icon">-->
<!-- <image class="image" src="/static/empty.png" mode="widthFix"></image>-->
<!-- </view>-->
<!-- <view class="tips">暂无数据</view>-->
<!-- </view>-->
<!-- </view>-->
</mescroll-body>
</scroll-view>
@ -236,7 +241,7 @@
// 获取页面数据
this.getPageData()
//加载分类数据
//this.getCatList()
this.upCallback(1)
},
/**
* 上拉加载的回调 (页面初始化时也会执行一次)
@ -248,7 +253,7 @@
// 设置列表数据
await app.getCatList(page.num)
.then(list => {
console.log('list',list)
//console.log('list',list)
const curPageLen = list.data.length
const totalSize = list.total
app.mescroll.endBySize(curPageLen, totalSize)

Write Preview
Loading…
Cancel
Save