wangfukang 3 weeks ago
parent
commit
4d4d28bf0d
  1. 53
      pages/index/index.vue

53
pages/index/index.vue

@ -3,7 +3,7 @@
<view class="swiper-container"> <view class="swiper-container">
<view class="swiper-page" v-show="currentIndex == 0"> <view class="swiper-page" v-show="currentIndex == 0">
<view style="position: relative;height: 545rpx;"> <view style="position: relative;height: 545rpx;">
<view style="width:100%;height: 260rpx;position: fixed;top: 0;background: url('https://jewel-shop.oss-cn-beijing.aliyuncs.com/8bc15960c2dc40268e295d6dd23aecce.png') no-repeat;z-index: 90;" <view class="daimai-sticky-cover" :style="{'height': (navBarHeight + 220) + 'px'}"
v-if="lastScrollTop>stickyTrigger"></view> v-if="lastScrollTop>stickyTrigger"></view>
<view class="campus-hero campus-hero--ad"> <view class="campus-hero campus-hero--ad">
<swiper class="swiper hero-bg-swiper" circular :indicator-dots="indicatorDots" :autoplay="autoplay" <swiper class="swiper hero-bg-swiper" circular :indicator-dots="indicatorDots" :autoplay="autoplay"
@ -372,7 +372,7 @@
{{item.shopAddress != null ? item.shopAddress : ''}} {{item.shopAddress != null ? item.shopAddress : ''}}
</view> </view>
<view class="qu-right"> <view class="qu-right">
<img @tap.stop="makeCall(item.shopPhone)" <img @tap.stop="makeCall(item.shopPhone)" v-if="checked != 'kuaidi'"
src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/869a7af6a1c24bf3a0d523c4a18b55c6.png" src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/869a7af6a1c24bf3a0d523c4a18b55c6.png"
alt="" style="width: 55rpx;height: 55rpx;" /> alt="" style="width: 55rpx;height: 55rpx;" />
</view> </view>
@ -602,9 +602,6 @@
}, { }, {
name: '拼团页111', name: '拼团页111',
url: '/package2/group/groupBuyList' url: '/package2/group/groupBuyList'
}, {
name: '商家搜索页111',
url: '/package2/group/searchGroup'
}, { }, {
name: '商家评价111', name: '商家评价111',
url: '/package2/group/shopEvaluate' url: '/package2/group/shopEvaluate'
@ -2668,13 +2665,26 @@
box-sizing: border-box; box-sizing: border-box;
position: sticky; position: sticky;
top: 0; top: 0;
z-index: 96; z-index: 1002;
border-radius: 34rpx; border-radius: 34rpx;
background: rgba(255, 255, 255, 0.62); background: rgba(255, 255, 255, 0.62);
border-bottom-left-radius: 0; border-bottom-left-radius: 0;
border-bottom-right-radius: 0; border-bottom-right-radius: 0;
} }
.daimai-sticky-cover {
width: 100%;
position: fixed;
left: 0;
top: 0;
z-index: 1000;
pointer-events: none;
background:
linear-gradient(180deg, rgba(246, 255, 251, 1) 0%, rgba(246, 255, 251, 1) 78%, rgba(246, 255, 251, 0.92) 92%, rgba(246, 255, 251, 0) 100%),
url('https://jewel-shop.oss-cn-beijing.aliyuncs.com/8bc15960c2dc40268e295d6dd23aecce.png') no-repeat;
background-size: 100% 100%, 100% 260rpx;
}
.earn-guide { .earn-guide {
height: 64rpx; height: 64rpx;
margin: 0 8rpx 8rpx; margin: 0 8rpx 8rpx;
@ -2763,6 +2773,25 @@
box-shadow: 0 16rpx 36rpx rgba(130, 84, 43, 0.08); box-shadow: 0 16rpx 36rpx rgba(130, 84, 43, 0.08);
} }
.page1.is-sticky .daimai-tab,
.page1.is-sticky .title-sort,
.page1.is-sticky .sort-text {
position: sticky;
transform: translateZ(0);
}
.page1.is-sticky .daimai-tab {
z-index: 1003;
}
.page1.is-sticky .title-sort {
z-index: 1002;
}
.page1.is-sticky .sort-text {
z-index: 1001;
}
.daimai-tab-item { .daimai-tab-item {
flex: 1; flex: 1;
min-width: 0; min-width: 0;
@ -3298,10 +3327,8 @@
border-radius: 34rpx; border-radius: 34rpx;
margin: 22rpx auto 0; margin: 22rpx auto 0;
overflow: hidden; overflow: hidden;
contain: content; position: relative;
will-change: transform; z-index: 1;
transform: translateZ(0);
backface-visibility: hidden;
} }
.daoda-time-row { .daoda-time-row {
@ -3931,7 +3958,7 @@
display: flex; display: flex;
position: sticky; position: sticky;
top: 0; top: 0;
z-index: 95; z-index: 1001;
background: rgba(255, 255, 255, 1); background: rgba(255, 255, 255, 1);
padding: 20rpx 10rpx 0; padding: 20rpx 10rpx 0;
box-sizing: border-box; box-sizing: border-box;
@ -3949,7 +3976,7 @@
display: flex; display: flex;
position: sticky; position: sticky;
top: 0; top: 0;
z-index: 94; z-index: 1001;
background: rgba(255, 255, 255, 0.96); background: rgba(255, 255, 255, 0.96);
padding: 20rpx 10rpx 10rpx; padding: 20rpx 10rpx 10rpx;
box-sizing: border-box; box-sizing: border-box;
@ -4055,6 +4082,8 @@
.delivery-list-wrap { .delivery-list-wrap {
/* 改为单一 page-scroll:内容跟随页面滚动,不再是独立 scroll-view */ /* 改为单一 page-scroll:内容跟随页面滚动,不再是独立 scroll-view */
width: 100%; width: 100%;
position: relative;
z-index: 1;
} }
.empty-delivery { .empty-delivery {

Loading…
Cancel
Save