|
|
@@ -1,6 +1,15 @@
|
|
|
<template>
|
|
|
<view>
|
|
|
- <u-navbar title="获奖名单" :border="true" :placeholder="true" :autoBack="true" bgColor="#fff" />
|
|
|
+ <view v-if="pagesNum > 1">
|
|
|
+ <u-navbar title="获奖名单" :border="true" :placeholder="true" :autoBack="true" bgColor="#fff" />
|
|
|
+ </view>
|
|
|
+ <view v-else>
|
|
|
+ <u-navbar leftIconSize="0" :placeholder="true" bgColor="#fff" title="获奖名单">
|
|
|
+ <view class="nav-left flex" slot="left" @click="toActivity">
|
|
|
+ <u-icon name="arrow-left" size="20" color="#333"></u-icon>
|
|
|
+ </view>
|
|
|
+ </u-navbar>
|
|
|
+ </view>
|
|
|
<view class="list">
|
|
|
<view v-for="(item,index) in list" :key="index" class="list-view">
|
|
|
<view class="award flex">
|
|
|
@@ -25,8 +34,8 @@
|
|
|
<text style="color: #F2B47A;">{{item.awardName}}</text>
|
|
|
</view>
|
|
|
</view>
|
|
|
- <view style="line-height: 46rpx; color: #666666;">中奖码：{{item.code}}</view>
|
|
|
- <view style="line-height: 46rpx; color: #666666; " class="ells-one">{{item.prizeTitle}}</view>
|
|
|
+ <view class="prize">中奖码：{{item.code}}</view>
|
|
|
+ <view class="ells-one prize">{{item.prizeTitle}}</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
@@ -38,20 +47,17 @@
|
|
|
<view class="activityShow-wrap">
|
|
|
<view class="activityShow-wrap-award">
|
|
|
<view class="award">恭喜你 获得{{listData.awardName}}</view>
|
|
|
- <view class="award-name">{{listData.prizeTitle}}title名字</view>
|
|
|
+ <view class="award-name">{{listData.prizeTitle}}</view>
|
|
|
</view>
|
|
|
- <view class="activityShow-wrap-rela" style="position: relative;">
|
|
|
- <image :src="listData.prizePicUrl" mode="aspectFit" style="position: absolute;top: -260rpx;left: 170rpx; width: 350rpx;"></image>
|
|
|
- <!-- <image src="../static/activity/effectstwo.png" mode="aspectFit"
|
|
|
- style="position: absolute;top: -260rpx;left: 170rpx; width: 350rpx;"></image> -->
|
|
|
+ <view class="activityShow-wrap-rela">
|
|
|
+ <image :src="listData.prizePicUrl" mode="aspectFit" class="relaimg"></image>
|
|
|
+ <!-- <image src="../static/activity/effectstwo.png" mode="aspectFit" class="relaimg"></image> -->
|
|
|
</view>
|
|
|
- <view style="text-align: center;margin-top: 120rpx;font-size: 24rpx;color: #999;line-height: 80rpx;">
|
|
|
+ <view class="activityShow-wrap-library">
|
|
|
奖品已放入我的奖品库</view>
|
|
|
- <view class="flex" style="padding-bottom: 40rpx;">
|
|
|
- <button @click="toPrize()"
|
|
|
- style="width: 288rpx;height: 100rpx;font-size: 30rpx; line-height: 90rpx; background-color: #fff;color: #F8832C;border: 2rpx solid #F8832C;">前往查看</button><button
|
|
|
- @click="close()"
|
|
|
- style="width: 288rpx;height: 100rpx;font-size: 30rpx; line-height: 90rpx; background-color: #F8832C;color: #fff;border: 2rpx solid #F8832C;">关闭</button>
|
|
|
+ <view class="flex activityShow-wrap-btn">
|
|
|
+ <button @click="toPrize()" class="btnone" style="">前往查看</button><button @click="close()"
|
|
|
+ class="btntwo" style="">关闭</button>
|
|
|
|
|
|
</view>
|
|
|
|
|
|
@@ -80,15 +86,24 @@
|
|
|
list: [],
|
|
|
marketingId: '',
|
|
|
closeShow: false,
|
|
|
- activityShow: false,
|
|
|
- listData: {}
|
|
|
+ activityShow: true,
|
|
|
+ listData: {},
|
|
|
+ pagesNum: "",
|
|
|
}
|
|
|
},
|
|
|
onLoad(opthios) {
|
|
|
this.marketingId = opthios.id
|
|
|
this.pageList()
|
|
|
},
|
|
|
+ onShow() {
|
|
|
+ this.pagesNum = getCurrentPages().length
|
|
|
+ },
|
|
|
methods: {
|
|
|
+ toActivity() {
|
|
|
+ uni.reLaunch({
|
|
|
+ url: `/pages/activity/index?triggerStatus=1`
|
|
|
+ })
|
|
|
+ },
|
|
|
|
|
|
pageList() {
|
|
|
this.pageNum = 1
|
|
|
@@ -147,7 +162,8 @@
|
|
|
res => {
|
|
|
console.log(res)
|
|
|
if (res.code == 0 && res.data && res.data.isHit == 1) {
|
|
|
- res.data.prizePicUrl = env.filePublic + res.data.prizePicUrl + '?imageView2/2/w/170'
|
|
|
+ let prizePicUrlArr = res.data.prizePicUrl.split(',')
|
|
|
+ res.data.prizePicUrl = env.filePublic + prizePicUrlArr[0] + '?imageView2/2/w/170'
|
|
|
this.listData = res.data
|
|
|
this.activityShow = true
|
|
|
}
|
|
|
@@ -188,6 +204,11 @@
|
|
|
flex: 1;
|
|
|
padding: 30rpx 0;
|
|
|
|
|
|
+ .prize {
|
|
|
+ line-height: 46rpx;
|
|
|
+ color: #666666;
|
|
|
+ }
|
|
|
+
|
|
|
.nickName {
|
|
|
line-height: 60rpx;
|
|
|
font-size: 30rpx;
|
|
|
@@ -224,6 +245,19 @@
|
|
|
overflow: hidden;
|
|
|
width: 700rpx;
|
|
|
|
|
|
+ &-rela {
|
|
|
+ position: relative;
|
|
|
+
|
|
|
+ .relaimg {
|
|
|
+ margin-top: 100rpx;
|
|
|
+ height: 310rpx;
|
|
|
+ position: absolute;
|
|
|
+ top: -260rpx;
|
|
|
+ left: 170rpx;
|
|
|
+ width: 350rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
&-award {
|
|
|
width: 100%;
|
|
|
height: 350rpx;
|
|
|
@@ -246,6 +280,37 @@
|
|
|
}
|
|
|
}
|
|
|
|
|
|
+ &-library {
|
|
|
+ text-align: center;
|
|
|
+ margin-top: 140rpx;
|
|
|
+ font-size: 24rpx;
|
|
|
+ color: #999;
|
|
|
+ line-height: 80rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ &-btn {
|
|
|
+ padding-bottom: 40rpx;
|
|
|
+
|
|
|
+ .btnone {
|
|
|
+ width: 288rpx;
|
|
|
+ height: 100rpx;
|
|
|
+ font-size: 30rpx;
|
|
|
+ line-height: 90rpx;
|
|
|
+ background-color: #fff;
|
|
|
+ color: #F8832C;
|
|
|
+ border: 2rpx solid #F8832C;
|
|
|
+ }
|
|
|
+
|
|
|
+ .btntwo {
|
|
|
+ width: 288rpx;
|
|
|
+ height: 100rpx;
|
|
|
+ font-size: 30rpx;
|
|
|
+ line-height: 90rpx;
|
|
|
+ background-color: #F8832C;
|
|
|
+ color: #fff;
|
|
|
+ border: 2rpx solid #F8832C;
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
|
|
|
.choiceShow-wrap {}
|
