wangfukang 2 days ago
parent
commit
7d22e683c8
  1. 56
      pages/index/index.vue

56
pages/index/index.vue

@ -117,7 +117,7 @@
<view class="menu-list world-luck" @tap="goDetail('4')">
<view class="world-light"></view>
<view class="world-dot world-dot-c"></view>
<view class="planet-reminder-badge" v-if="planetHasReminder"></view>
<view class="planet-reminder-badge planet-win-badge" v-if="planetHasReminder">中奖啦</view>
<img src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/41cfb56caff4419b94b69d0f2303b602.png"
alt="" />
<view class="menu-name">白嫖星球</view>
@ -743,6 +743,7 @@
],
order: '',
regionId: '',
userId: uni.getStorageSync('id') || '',
deliveryType: 1,
waimaiData: [],
workerId: uni.getStorageSync('worker') ? uni.getStorageSync('worker').workerId : '',
@ -1136,6 +1137,7 @@
that.paotuiCount = 0
that.zhipaiCount = 0
that.adList = []
that.searchForm.userId = uni.getStorageSync('id') || that.searchForm.userId || ''
this.tui.request("/mall/delivery/page", "POST", this.searchForm, false, false).then((res) => {
that.loadStatus = 'nomore';
if (res.code == 200) {
@ -2029,7 +2031,7 @@
position: relative;
z-index: 1;
border-radius: 30rpx;
overflow: hidden;
overflow: visible;
transition: transform 0.2s cubic-bezier(0.2, 0.9, 0.3, 1.2), background 0.2s ease, box-shadow 0.2s ease;
}
@ -2050,20 +2052,21 @@
.planet-reminder-badge {
position: absolute;
right: 18rpx;
top: 14rpx;
min-width: 28rpx;
height: 28rpx;
padding: 0 8rpx;
right: 8rpx;
top: 6rpx;
min-width: 36rpx;
height: 34rpx;
padding: 0 10rpx;
border-radius: 999rpx;
background: rgba(255, 214, 229, 0.86);
border: 2rpx solid rgba(255, 255, 255, 0.9);
box-shadow: 0 8rpx 18rpx rgba(255, 136, 180, 0.18);
color: #c94c75;
font-size: 18rpx;
background: linear-gradient(135deg, #ff4f8b 0%, #ff8a3d 100%);
border: 3rpx solid rgba(255, 255, 255, 0.96);
box-shadow: 0 10rpx 22rpx rgba(255, 86, 126, 0.34), 0 0 0 2rpx rgba(255, 214, 229, 0.75);
color: #fff;
font-size: 19rpx;
font-weight: 900;
line-height: 28rpx;
line-height: 34rpx;
text-align: center;
white-space: nowrap;
z-index: 6;
}
@ -2075,7 +2078,7 @@
width: 100%;
height: 100%;
border-radius: inherit;
background: rgba(255, 214, 229, 0.42);
background: rgba(255, 93, 126, 0.32);
transform: translate(-50%, -50%);
animation: reminderBadgePulse 1.8s ease-out infinite;
z-index: -1;
@ -2086,14 +2089,31 @@
z-index: 1;
}
.planet-win-badge {
right: 2rpx;
top: -10rpx;
height: 30rpx;
padding: 0 10rpx;
font-size: 16rpx;
line-height: 30rpx;
letter-spacing: 1rpx;
transform: scale(0.92);
transform-origin: right top;
}
.ie-badge {
background: rgba(198, 255, 144, 0.88);
box-shadow: 0 8rpx 18rpx rgba(86, 196, 110, 0.18);
color: #2d7c4f;
right: 4rpx;
top: 4rpx;
min-width: 34rpx;
height: 34rpx;
padding: 0 9rpx;
background: linear-gradient(135deg, #12c98a 0%, #08794f 100%);
box-shadow: 0 10rpx 22rpx rgba(8, 121, 79, 0.32), 0 0 0 2rpx rgba(198, 255, 144, 0.76);
color: #fff;
}
.ie-badge::after {
background: rgba(198, 255, 144, 0.42);
background: rgba(18, 201, 138, 0.32);
}
@keyframes reminderBadgePulse {

Loading…
Cancel
Save