|
@@ -3,6 +3,8 @@
|
|
|
<view class="box">
|
|
|
<view class="index" :style="{ top: statusHeight + 'px' }">
|
|
|
<view class="barrage">
|
|
|
+ <!-- 背景 -->
|
|
|
+ <image class="barrage-bg" src="../../static/index/barrage_bg.png" mode=""></image>
|
|
|
<!-- 中奖信息轮播 -->
|
|
|
<swiper class="barrage-swiper" :interval="2000" :autoplay="true" :vertical="true" :circular="true">
|
|
|
<swiper-item v-for="(item, index) in prizeNewsListOne" :key="index">
|
|
@@ -14,6 +16,7 @@
|
|
|
</view>
|
|
|
</swiper-item>
|
|
|
</swiper>
|
|
|
+ <view class="barrage-none"></view>
|
|
|
</view>
|
|
|
|
|
|
<!-- 查看规则 -->
|
|
@@ -516,14 +519,23 @@
|
|
|
|
|
|
// 中奖信息
|
|
|
.barrage {
|
|
|
+ position: relative;
|
|
|
width: 518rpx;
|
|
|
- height: 84rpx;
|
|
|
- background: linear-gradient(90deg, #FFD220, #FFF7A2);
|
|
|
+ height: 70rpx;
|
|
|
+
|
|
|
border-radius: 42rpx;
|
|
|
margin-bottom: 16rpx;
|
|
|
margin-left: 34rpx;
|
|
|
|
|
|
+ &-bg {
|
|
|
+ position: absolute;
|
|
|
+ width: 518rpx;
|
|
|
+ height: 70rpx;
|
|
|
+ }
|
|
|
+
|
|
|
&-swiper {
|
|
|
+ position: absolute;
|
|
|
+ z-index: 10;
|
|
|
width: 100%;
|
|
|
height: 100%;
|
|
|
border-radius: 42rpx;
|
|
@@ -537,25 +549,32 @@
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
width: 510rpx;
|
|
|
- height: 76rpx;
|
|
|
+ height: 70rpx;
|
|
|
|
|
|
image {
|
|
|
- width: 66rpx;
|
|
|
- height: 66rpx;
|
|
|
+ width: 70rpx;
|
|
|
+ height: 70rpx;
|
|
|
border-radius: 50%;
|
|
|
margin-right: 14rpx;
|
|
|
+ margin-left: 12rpx;
|
|
|
}
|
|
|
|
|
|
.title {
|
|
|
flex: 1;
|
|
|
font-size: 26rpx;
|
|
|
- font-family: PingFang SC;
|
|
|
font-weight: 500;
|
|
|
- color: #333333;
|
|
|
+ color: #fff;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
+ &-none {
|
|
|
+ position: absolute;
|
|
|
+ width: 518rpx;
|
|
|
+ height: 70rpx;
|
|
|
+ z-index: 20;
|
|
|
+ }
|
|
|
}
|
|
|
|
|
|
// 查看规则
|
|
@@ -862,9 +881,11 @@
|
|
|
align-items: flex-end;
|
|
|
|
|
|
.num {
|
|
|
- line-height: 24rpx;
|
|
|
- font-size: 24rpx;
|
|
|
+ line-height: 26rpx;
|
|
|
+ font-size: 26rpx;
|
|
|
text-decoration: line-through;
|
|
|
+ font-style: italic;
|
|
|
+ color: #FFFEFE;
|
|
|
}
|
|
|
}
|
|
|
}
|