From 6b9f8d4200a541e1b9a1a47c9faccbdff1efbee8 Mon Sep 17 00:00:00 2001 From: yangan <yangan0921@163.com> Date: 星期五, 05 七月 2024 13:57:51 +0800 Subject: [PATCH] fix:首页样式更新 --- pages/driver-page/driver-index/test-index.vue | 51 ++++++++++++++++++++++++++++----------------------- 1 files changed, 28 insertions(+), 23 deletions(-) diff --git a/pages/driver-page/driver-index/test-index.vue b/pages/driver-page/driver-index/test-index.vue index 090abd4..67b668d 100644 --- a/pages/driver-page/driver-index/test-index.vue +++ b/pages/driver-page/driver-index/test-index.vue @@ -5,7 +5,7 @@ <div class="warp-box"> <!-- 褰撳墠鐨勮鍗� --> <!-- 鍗犱綅 --> - <div class="ingOrderBox"></div> + <div class="ingOrderDiv"> <div class="ingOrder" v-for="(item,i) in driverBillOfLoadingData.list2" :key="i" v-if="i == 0" @click="list3CardIconClick(item)" > @@ -78,6 +78,14 @@ <span class="more" @click="todoHistory">MORE>></span> </div> </div> + <u-empty mode="data" + :marginTop='340' + icon="http://cdn.uviewui.com/uview/empty/data.png" + textSize="30" + iconSize="1000" + text="鏆傛棤鏁版嵁" + v-if="driverBillOfLoadingData.list2.length ===0"></u-empty> + </div> <!-- 钂欏眰 --> <!-- 涔濆鏍� --> @@ -285,8 +293,6 @@ </div> </scroll-view> - <view class="mark" ref="mark" :style="{ display:markFlag ,top: markFlag ? 0 : '100vh'}"> - </view> <!-- 鎶㈠崟鎻愮ず妯℃�佹 --> <view class="qianDanModel"> <u-modal :show="qiangDanShow" @@ -486,19 +492,19 @@ }, onScroll(e){ // 鐩戝惉椤甸潰鍚戜笂婊氬姩浜嬩欢 - let query = uni.createSelectorQuery().in(this); - query.select('.gridBox').boundingClientRect(data => { - if(this.garidInitTop && (this.garidInitTop > data.top)){ - // console.log(data,data.top, query.select('.mark')); - this.$nextTick(() => { - this.markFlag = 'block'; //鏄剧ず - }); - }else{ - this.$nextTick(() => { - this.markFlag = 'none'; //闅愯棌 - }); - } - }).exec(); + // let query = uni.createSelectorQuery().in(this); + // query.select('.gridBox').boundingClientRect(data => { + // if(this.garidInitTop && (this.garidInitTop > data.top)){ + // // console.log(data,data.top, query.select('.mark')); + // this.$nextTick(() => { + // this.markFlag = 'block'; //鏄剧ず + // }); + // }else{ + // this.$nextTick(() => { + // this.markFlag = 'none'; //闅愯棌 + // }); + // } + // }).exec(); }, init() { this.qiangDanList(); @@ -693,13 +699,12 @@ margin: 0 auto; background-color: unset; // padding-bottom: 100rpx; - .ingOrderBox{ - width: 94%; - transform: translateY(20%); - height: 380rpx!important; - - } - + + .ingOrderDiv{ + width: 100%; + min-height: 630rpx; + margin: 0 auto; + } .ingOrder{ width: 94%; height: 380rpx; -- Gitblit v1.9.1