czg_team/cashier_weapp
7
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

列表页面

Browse Source
This commit is contained in:
魏啾
2024-07-22 14:11:13 +08:00
parent e63122b160
commit f43b15a712
1 changed files with 3 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
pages/order_food/goodsList_scroll.vue
View File

@@ -11,9 +11,8 @@
<!-- 滚动区域 --> <!-- 滚动区域 -->
<view class="scroll-panel" id="scroll-panel"> <view class="scroll-panel" id="scroll-panel">
<view class="list-box"> <view class="list-box">
<view class="list-boxafter" v-if="isFixed"></view>
<view class="left"> <view class="left">
<scroll-view scroll-y="true" :style="{ 'height':scrollHeight + 'px' }" <scroll-view :scroll-y="!isFixed" :style="{ 'height':scrollHeight + 'px' }"
:scroll-into-view="leftIntoView" :scroll-with-animation="false"> :scroll-into-view="leftIntoView" :scroll-with-animation="false">
<view class="item" v-for="(item,index) in leftArray" :key="index" <view class="item" v-for="(item,index) in leftArray" :key="index"
:class="{ 'active':index==leftIndex }" :id="'left-'+index" :data-index="index" :class="{ 'active':index==leftIndex }" :id="'left-'+index" :data-index="index"
@@ -21,7 +20,7 @@
</scroll-view> </scroll-view>
</view> </view>
<view class="main"> <view class="main">
<scroll-view scroll-y="true" :style="{ 'height':scrollHeight + 'px' }" @scroll="mainScroll" <scroll-view :scroll-y="!isFixed" :style="{ 'height':scrollHeight + 'px' }" @scroll="mainScroll"
:scroll-into-view="scrollInto" :scroll-with-animation="false"> :scroll-into-view="scrollInto" :scroll-with-animation="false">
<view class="item main-item" v-for="(item,index) in mainArray" :key="index" :id="'item-'+index"> <view class="item main-item" v-for="(item,index) in mainArray" :key="index" :id="'item-'+index">
<view class="title"> <view class="title">
@@ -98,7 +97,7 @@
let view = uni.createSelectorQuery().select('#scroll-panel'); let view = uni.createSelectorQuery().select('#scroll-panel');
view.boundingClientRect(res => { view.boundingClientRect(res => {
this.scrollTopSize = res.top; this.scrollTopSize = res.top;
this.scrollHeight = 1000; this.scrollHeight = 812;
console.log(res, res.top, res.height) console.log(res, res.top, res.height)
setTimeout(() => { setTimeout(() => {
resolve(); resolve();
@@ -265,18 +264,6 @@
align-content: flex-start; align-content: flex-start;
font-size: 28rpx; font-size: 28rpx;
position: relative; position: relative;
.list-boxafter {
position: absolute;
left: 0;
top: 0;
z-index: 999;
width: 100%;
height: 100%;
display: inline-block;
background: transparent;
}
.left { .left {
width: 200rpx; width: 200rpx;
background-color: #f6f6f6; background-color: #f6f6f6;