|
@@ -13,9 +13,12 @@
|
|
</view>
|
|
</view>
|
|
|
|
|
|
<view class="wrap">
|
|
<view class="wrap">
|
|
|
|
+ <!-- 参与人 -->
|
|
<view class="wrap-fakeNum">
|
|
<view class="wrap-fakeNum">
|
|
<view class="fakeNum">{{info.fakeNum}}人已参与</view>
|
|
<view class="fakeNum">{{info.fakeNum}}人已参与</view>
|
|
</view>
|
|
</view>
|
|
|
|
+
|
|
|
|
+ <!-- 距离开奖时间 -->
|
|
<view v-if="info.status && JSON.parse(info.status).value == 3" class="wrap-date">
|
|
<view v-if="info.status && JSON.parse(info.status).value == 3" class="wrap-date">
|
|
<view class="wrap-date-on">
|
|
<view class="wrap-date-on">
|
|
<view class="wrap-date-on-line" style="right: 30rpx;"></view>距离开奖
|
|
<view class="wrap-date-on-line" style="right: 30rpx;"></view>距离开奖
|
|
@@ -30,6 +33,8 @@
|
|
</view>
|
|
</view>
|
|
</u-count-down>
|
|
</u-count-down>
|
|
</view>
|
|
</view>
|
|
|
|
+
|
|
|
|
+ <!-- 距离开始时间 -->
|
|
<view v-if="info.status && JSON.parse(info.status).value == 2" class="wrap-date">
|
|
<view v-if="info.status && JSON.parse(info.status).value == 2" class="wrap-date">
|
|
<view class="wrap-date-on">
|
|
<view class="wrap-date-on">
|
|
<view class="wrap-date-on-line" style="right: 30rpx;"></view>距离开始
|
|
<view class="wrap-date-on-line" style="right: 30rpx;"></view>距离开始
|
|
@@ -44,74 +49,83 @@
|
|
</view>
|
|
</view>
|
|
</u-count-down>
|
|
</u-count-down>
|
|
</view>
|
|
</view>
|
|
|
|
+
|
|
|
|
+ <!-- 一等奖 -->
|
|
<view v-for="(item,index) in awardsList" :key="index">
|
|
<view v-for="(item,index) in awardsList" :key="index">
|
|
<view class="wrap-fixed" v-for="(itemTwo,index) in item.prizeList" :key="index"
|
|
<view class="wrap-fixed" v-for="(itemTwo,index) in item.prizeList" :key="index"
|
|
v-if="item.name == '一等奖'">
|
|
v-if="item.name == '一等奖'">
|
|
<view class="wrap-fixed-effectstwo">
|
|
<view class="wrap-fixed-effectstwo">
|
|
<view class="effectsthree">
|
|
<view class="effectsthree">
|
|
- <view class="effectsthree-width">
|
|
|
|
- <image src="../static/activity/effectsthree.png"></image>
|
|
|
|
- <view class="effectsthree-width-name">
|
|
|
|
- {{item.name}}
|
|
|
|
- </view>
|
|
|
|
- </view>
|
|
|
|
- <view class="effectsthree-position">{{item.quantity}}个名额 </view>
|
|
|
|
- <view class="effectsthree-positionTwo">
|
|
|
|
- <view>
|
|
|
|
- <image :src="itemTwo.picUrl" mode="aspectFit"></image>
|
|
|
|
|
|
+ <navigator :url="JSON.parse(itemTwo.prizeType).value == 'goods' ? `/packagePrize/goods/detail?id=${ itemTwo.refId }`:JSON.parse(itemTwo.prizeType).value == 'coin' ?`/packagePrize/goods/detail?id=424`:`/packagePrize/goods/detail?id=425`" hover-class="none">
|
|
|
|
+ <view class="effectsthree-width">
|
|
|
|
+ <image src="../static/activity/effectsthree.png"></image>
|
|
|
|
+ <view class="effectsthree-width-name">
|
|
|
|
+ {{item.name}}
|
|
|
|
+ </view>
|
|
</view>
|
|
</view>
|
|
- <view class="textone ells-one"
|
|
|
|
- v-if="itemTwo.prizeType && JSON.parse(itemTwo.prizeType).value == 'coin'">
|
|
|
|
- {{itemTwo.title}}x{{itemTwo.value}}
|
|
|
|
|
|
+ <view class="effectsthree-position">{{item.quantity}}个名额 </view>
|
|
|
|
+ <view class="effectsthree-positionTwo">
|
|
|
|
+ <view>
|
|
|
|
+ <image :src="itemTwo.picUrl" mode="aspectFit"></image>
|
|
|
|
+ </view>
|
|
|
|
+ <view class="textone ells-one"
|
|
|
|
+ v-if="itemTwo.prizeType && JSON.parse(itemTwo.prizeType).value == 'coin'">
|
|
|
|
+ {{itemTwo.title}}x{{itemTwo.value}}
|
|
|
|
+ </view>
|
|
|
|
+ <view class="textone ells-one" v-else> {{itemTwo.title}} </view>
|
|
|
|
+ <view class="texttwo ells-one"
|
|
|
|
+ v-if="itemTwo.prizeType && JSON.parse(itemTwo.prizeType).value != 'coin'">
|
|
|
|
+ ¥{{$numberFormat(itemTwo.value)}} </view>
|
|
</view>
|
|
</view>
|
|
- <view class="textone ells-one" v-else> {{itemTwo.title}} </view>
|
|
|
|
- <view class="texttwo ells-one"
|
|
|
|
- v-if="itemTwo.prizeType && JSON.parse(itemTwo.prizeType).value != 'coin'">
|
|
|
|
- ¥{{$numberFormat(itemTwo.value)}} </view>
|
|
|
|
- </view>
|
|
|
|
|
|
+ </navigator>
|
|
</view>
|
|
</view>
|
|
<view class="effectstwo"></view>
|
|
<view class="effectstwo"></view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
- <view>
|
|
|
|
- <view v-for="(item,index) in awardsList" :key="index">
|
|
|
|
|
|
+
|
|
|
|
+ <!-- 非一等奖 -->
|
|
|
|
+ <view v-for="(item,index) in awardsList" :key="index">
|
|
<view v-if="item.name != '一等奖'">
|
|
<view v-if="item.name != '一等奖'">
|
|
<view class="wrap-award">
|
|
<view class="wrap-award">
|
|
<view class="effectsthree">
|
|
<view class="effectsthree">
|
|
<view class="effectsthree-width">
|
|
<view class="effectsthree-width">
|
|
- <image src="../static/activity/effectsthree.png" mode=""></image>
|
|
|
|
|
|
+ <image src="../static/activity/effectsthree.png" mode="scaleToFill"></image>
|
|
<view class="effectsthree-width-name">
|
|
<view class="effectsthree-width-name">
|
|
{{item.name}}
|
|
{{item.name}}
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="effectsthree-position">{{item.quantity}}个名额 </view>
|
|
<view class="effectsthree-position">{{item.quantity}}个名额 </view>
|
|
<view style="padding-top: 120rpx;"></view>
|
|
<view style="padding-top: 120rpx;"></view>
|
|
- <view class="effectsthree-positionTwo flex" v-for="(itemTwo,index) in item.prizeList"
|
|
|
|
|
|
+ <view class="effectsthree-positionTwo" v-for="(itemTwo,index) in item.prizeList"
|
|
:key="index">
|
|
:key="index">
|
|
- <view>
|
|
|
|
- <image :src="itemTwo.picUrl" mode="aspectFit" class="imatwo"></image>
|
|
|
|
- </view>
|
|
|
|
- <view>
|
|
|
|
- <view class="textone ells-one"
|
|
|
|
- v-if="itemTwo.prizeType && JSON.parse(itemTwo.prizeType).value == 'coin'">
|
|
|
|
- {{itemTwo.title}}x{{itemTwo.value}}
|
|
|
|
|
|
+ <navigator :url="JSON.parse(itemTwo.prizeType).value == 'goods' ? `/packagePrize/goods/detail?id=${ itemTwo.refId }`:JSON.parse(itemTwo.prizeType).value == 'coin' ?`/packagePrize/goods/detail?id=424`:`/packagePrize/goods/detail?id=425`" hover-class="none">
|
|
|
|
+ <view class="flex" >
|
|
|
|
+ <view >
|
|
|
|
+ <image :src="itemTwo.picUrl" mode="aspectFit" class="imatwo"></image>
|
|
|
|
+ </view>
|
|
|
|
+ <view>
|
|
|
|
+ <view class="textone ells-one"
|
|
|
|
+ v-if="itemTwo.prizeType && JSON.parse(itemTwo.prizeType).value == 'coin'">
|
|
|
|
+ {{itemTwo.title}}x{{itemTwo.value}}
|
|
|
|
+ </view>
|
|
|
|
+ <view class="textone ells-one" v-else> {{itemTwo.title}}</view>
|
|
|
|
+ <view class="texttwo ells-one"
|
|
|
|
+ v-if="itemTwo.prizeType && JSON.parse(itemTwo.prizeType).value != 'coin'">
|
|
|
|
+ ¥{{$numberFormat(itemTwo.value)}} </view>
|
|
|
|
+ </view>
|
|
</view>
|
|
</view>
|
|
- <view class="textone ells-one" v-else> {{itemTwo.title}}</view>
|
|
|
|
- <view class="texttwo ells-one"
|
|
|
|
- v-if="itemTwo.prizeType && JSON.parse(itemTwo.prizeType).value != 'coin'">
|
|
|
|
- ¥{{$numberFormat(itemTwo.value)}} </view>
|
|
|
|
- </view>
|
|
|
|
-
|
|
|
|
|
|
+ </navigator>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view v-if="item.prizeList.length > 1 " class="wrap-award-explain">以上奖品随机获得一件</view>
|
|
<view v-if="item.prizeList.length > 1 " class="wrap-award-explain">以上奖品随机获得一件</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
- </view>
|
|
|
|
|
|
|
|
<!-- 我的抽奖码 -->
|
|
<!-- 我的抽奖码 -->
|
|
|
|
+
|
|
|
|
+ <!-- 抽奖码 -->
|
|
<view class="wrap-description">
|
|
<view class="wrap-description">
|
|
<view class="wrap-description-code"> 我的抽奖码</view>
|
|
<view class="wrap-description-code"> 我的抽奖码</view>
|
|
<view v-if="info.codeList.length > 0" class="wrap-description-codetwo">
|
|
<view v-if="info.codeList.length > 0" class="wrap-description-codetwo">
|
|
@@ -121,7 +135,7 @@
|
|
</view>
|
|
</view>
|
|
<view v-else class="wrap-description-codethree">
|
|
<view v-else class="wrap-description-codethree">
|
|
<view class="codethree">
|
|
<view class="codethree">
|
|
- <image src="../static/activity/off.png" mode="" class="codeimg"></image>
|
|
|
|
|
|
+ <image src="../static/activity/off.png" mode="scaleToFill" class="codeimg"></image>
|
|
</view>
|
|
</view>
|
|
<text class="codesix">还没有抽奖码</text>
|
|
<text class="codesix">还没有抽奖码</text>
|
|
</view>
|
|
</view>
|
|
@@ -131,6 +145,7 @@
|
|
</view>
|
|
</view>
|
|
|
|
|
|
<!-- 关注公众号 -->
|
|
<!-- 关注公众号 -->
|
|
|
|
+ <!-- #ifdef MP-WEIXIN -->
|
|
<view class="wrap-account" @click="toWeixin">
|
|
<view class="wrap-account" @click="toWeixin">
|
|
<view class="wrap-account-view">
|
|
<view class="wrap-account-view">
|
|
<image src="../static/activity/logo.png" mode=""></image>
|
|
<image src="../static/activity/logo.png" mode=""></image>
|
|
@@ -138,7 +153,8 @@
|
|
<view>去关注</view>
|
|
<view>去关注</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
-
|
|
|
|
|
|
+ <!-- #endif -->
|
|
|
|
+
|
|
<!-- 图文介绍 -->
|
|
<!-- 图文介绍 -->
|
|
<view v-if="description" class="wrap-descriptiontwo">
|
|
<view v-if="description" class="wrap-descriptiontwo">
|
|
<view style="padding: 36rpx 24rpx 36rpx;">图文介绍</view>
|
|
<view style="padding: 36rpx 24rpx 36rpx;">图文介绍</view>
|
|
@@ -146,7 +162,8 @@
|
|
</view>
|
|
</view>
|
|
|
|
|
|
</view>
|
|
</view>
|
|
-
|
|
|
|
|
|
+
|
|
|
|
+ <!-- #ifdef MP-WEIXIN -->
|
|
<view class="footer-fixed">
|
|
<view class="footer-fixed">
|
|
<view class="flex btn">
|
|
<view class="flex btn">
|
|
<button v-if="info.codeType == 2 && info.codeList.length < 1" type="default" @click="exChange"
|
|
<button v-if="info.codeType == 2 && info.codeList.length < 1" type="default" @click="exChange"
|
|
@@ -154,7 +171,7 @@
|
|
<button v-if="info.codeType == 1 && info.codeList.length < 1" type="default" @click="exChangeCode">立即参与抽奖</button>
|
|
<button v-if="info.codeType == 1 && info.codeList.length < 1" type="default" @click="exChangeCode">立即参与抽奖</button>
|
|
<button v-if="info.codeType == 1 && info.codeList.length >= 1 || info.codeType == 2 && info.codeList.length >= 1" type="default" @click="exChange"
|
|
<button v-if="info.codeType == 1 && info.codeList.length >= 1 || info.codeType == 2 && info.codeList.length >= 1" type="default" @click="exChange"
|
|
open-type="share">分享给好友,提升中奖概率</button>
|
|
open-type="share">分享给好友,提升中奖概率</button>
|
|
-<!-- <u-count-down v-else :time="activityTimeTwo" format="DD:HH:mm:ss" autoStart millisecond
|
|
|
|
|
|
+ <!--<u-count-down v-else :time="activityTimeTwo" format="DD:HH:mm:ss" autoStart millisecond
|
|
@change="onChange">
|
|
@change="onChange">
|
|
<button class="buttoncol" type="default">
|
|
<button class="buttoncol" type="default">
|
|
开始倒计时:{{timeData.days}} 天{{ timeData.hours>=10?timeData.hours:'0'+timeData.hours}} :{{timeData.minutes>=10?timeData.minutes:'0'+timeData.minutes}} :{{timeData.seconds>=10?timeData.seconds:'0'+timeData.seconds}}
|
|
开始倒计时:{{timeData.days}} 天{{ timeData.hours>=10?timeData.hours:'0'+timeData.hours}} :{{timeData.minutes>=10?timeData.minutes:'0'+timeData.minutes}} :{{timeData.seconds>=10?timeData.seconds:'0'+timeData.seconds}}
|
|
@@ -162,8 +179,16 @@
|
|
</u-count-down> -->
|
|
</u-count-down> -->
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
-
|
|
|
|
- <!-- <u-popup :show="popupShow" mode="bottom" @close="close" closeable>
|
|
|
|
|
|
+ <!-- #endif -->
|
|
|
|
+ <!-- #ifdef H5 -->
|
|
|
|
+ <view class="footer-fixed" v-if="info.codeType == 1 && info.codeList.length < 1">
|
|
|
|
+ <view class="flex btn">
|
|
|
|
+ <button type="default" @click="exChangeCode">立即参与抽奖</button>
|
|
|
|
+ </view>
|
|
|
|
+ </view>
|
|
|
|
+ <!-- #endif -->
|
|
|
|
+
|
|
|
|
+ <!-- <u-popup :show="popupShow" mode="bottom" @close="close" closeable>
|
|
<view class="popupcode">获取抽奖码</view>
|
|
<view class="popupcode">获取抽奖码</view>
|
|
<view class="popupcodetwo">
|
|
<view class="popupcodetwo">
|
|
<view class="popupcodetwo-view">邀请好友助力,获取抽奖码</view>
|
|
<view class="popupcodetwo-view">邀请好友助力,获取抽奖码</view>
|