Browse Source

refactor(market): 优化客户列表和区域公海页面结构- 为我的客户和区域公海页面添加滚动视图组件- 实现下拉加载更多功能

- 优化页面布局,提高用户体验
master
liutong 1 year ago
parent
commit
fe13a324c6
  1. 22
      pages/market/clue/index.vue

22
pages/market/clue/index.vue

@ -15,7 +15,13 @@
</view> </view>
</view> </view>
<!--我的客户--> <!--我的客户-->
<view v-if="segmented_type == 1"> <scroll-view
v-if="segmented_type == 1"
scroll-y="true"
:lower-threshold="lowerThreshold"
@scrolltolower="loadMoreData"
style="height: 100vh;"
>
<view class="card" v-for="(v,k) in tableList" :key="k"> <view class="card" v-for="(v,k) in tableList" :key="k">
<view style="width: 70%;" @click="clue_info"> <view style="width: 70%;" @click="clue_info">
<view style="display: flex;align-items: center;padding: 20rpx;"> <view style="display: flex;align-items: center;padding: 20rpx;">
@ -61,9 +67,16 @@
<image v-if="v.student_phone" src="@/static/images/index/phone.png" class="image"></image> <image v-if="v.student_phone" src="@/static/images/index/phone.png" class="image"></image>
</view> </view>
</view> </view>
</view> </scroll-view>
<!--区域公海--> <!--区域公海-->
<view v-if="segmented_type == 2"> <scroll-view
v-if="segmented_type == 2"
scroll-y="true"
:lower-threshold="lowerThreshold"
@scrolltolower="loadMoreData"
style="height: 100vh;"
>
<view style="color: #999999;padding: 20rpx 30rpx;"> <view style="color: #999999;padding: 20rpx 30rpx;">
今日待领{{countArr.lq_count}}/{{countArr.max_count}} 今日待领{{countArr.lq_count}}/{{countArr.max_count}}
</view> </view>
@ -112,7 +125,8 @@
<image src="@/static/images/index/phone.png" class="image"></image> <image src="@/static/images/index/phone.png" class="image"></image>
</view> </view>
</view> </view>
</view> </scroll-view>
<view style="height: 170rpx;"></view> <view style="height: 170rpx;"></view>
<AQTabber/> <AQTabber/>
</view> </view>

Loading…
Cancel
Save