fix:首页样式更新

yangan

2024-07-05 6b9f8d4200a541e1b9a1a47c9faccbdff1efbee8

 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)"
                >
@@ -77,6 +77,14 @@
                <div class="threeLine">
                    <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;