|
@@ -1,30 +1,46 @@
|
|
<template>
|
|
<template>
|
|
- <view>
|
|
|
|
|
|
+ <view style="background-image: linear-gradient(#ff7f00,#ffd600,#ff7f00); width: 100%; height: 100%;">
|
|
<u-navbar title="免费抽奖" :border="true" :placeholder="true" :autoBack="true" bgColor="#fff" />
|
|
<u-navbar title="免费抽奖" :border="true" :placeholder="true" :autoBack="true" bgColor="#fff" />
|
|
- <u-count-down v-if="info.status && JSON.parse(info.status).value == 3" :time="activityTime" format="DD:HH:mm:ss"
|
|
|
|
- autoStart millisecond @change="onChange">
|
|
|
|
- <view style="height: 98rpx;background-color: #fff;margin: 0 30rpx;line-height: 98rpx;overflow: hidden;">
|
|
|
|
- <view class="data-btn">距离开奖时间:
|
|
|
|
- <text v-if="timeData.days != 0">{{timeData.days}} 天</text>
|
|
|
|
- <text>{{ timeData.hours>=10?timeData.hours:'0'+timeData.hours }} :</text>
|
|
|
|
- <text>{{ timeData.minutes>=10?timeData.minutes:'0'+timeData.minutes }} :</text>
|
|
|
|
- <text>{{ timeData.seconds>=10?timeData.seconds:'0'+timeData.seconds }}</text>
|
|
|
|
|
|
+ <view class="wrap" style="background: ;">
|
|
|
|
+ <view class="wrap-fakeNum">
|
|
|
|
+ <view class="fakeNum" >{{info.fakeNum}}人已参与</view>
|
|
|
|
+ </view>
|
|
|
|
+ <view v-if="info.status && JSON.parse(info.status).value == 3" class="wrap-date" >
|
|
|
|
+ <view class="wrap-date-on">
|
|
|
|
+ <view class="wrap-date-on-line" style="right: 30rpx;"></view>距离开奖
|
|
|
|
+ <view class="wrap-date-on-line" style="left: 30rpx;"></view>
|
|
</view>
|
|
</view>
|
|
- <view style="float: right;"><span style="font-weight: 600;">{{info.fakeNum}}</span>人已参与</view>
|
|
|
|
|
|
+ <u-count-down :time="activityTime" format="DD:HH:mm:ss" autoStart millisecond @change="onChange">
|
|
|
|
+ <view class="wrap-date-date">
|
|
|
|
+ <text v-if="timeData.days != 0">{{timeData.days}}天</text>
|
|
|
|
+ <text>{{ timeData.hours>=10?timeData.hours:'0'+timeData.hours }}:</text>
|
|
|
|
+ <text>{{ timeData.minutes>=10?timeData.minutes:'0'+timeData.minutes }}:</text>
|
|
|
|
+ <text>{{ timeData.seconds>=10?timeData.seconds:'0'+timeData.seconds }}</text>
|
|
|
|
+ </view>
|
|
|
|
+ </u-count-down>
|
|
|
|
+ </view>
|
|
|
|
+ <view v-if="info.status && JSON.parse(info.status).value == 2" class="wrap-date" >
|
|
|
|
+ <view class="wrap-date-on">
|
|
|
|
+ <view class="wrap-date-on-line" style="right: 30rpx;"></view>距离开始
|
|
|
|
+ <view class="wrap-date-on-line" style="left: 30rpx;"></view>
|
|
|
|
+ </view>
|
|
|
|
+ <u-count-down :time="activityTimeTwo" format="DD:HH:mm:ss" autoStart millisecond @change="onChange">
|
|
|
|
+ <view class="wrap-date-date">
|
|
|
|
+ <text v-if="timeData.days != 0">{{timeData.days}}天</text>
|
|
|
|
+ <text>{{ timeData.hours>=10?timeData.hours:'0'+timeData.hours }}:</text>
|
|
|
|
+ <text>{{ timeData.minutes>=10?timeData.minutes:'0'+timeData.minutes }}:</text>
|
|
|
|
+ <text>{{ timeData.seconds>=10?timeData.seconds:'0'+timeData.seconds }}</text>
|
|
|
|
+ </view>
|
|
|
|
+ </u-count-down>
|
|
</view>
|
|
</view>
|
|
- </u-count-down>
|
|
|
|
- <u-count-down v-if="info.status && JSON.parse(info.status).value == 2" :time="activityTimeTwo"
|
|
|
|
- format="DD:HH:mm:ss" autoStart millisecond @change="onChange">
|
|
|
|
- <view style="height: 98rpx;background-color: #fff;margin: 0 30rpx;line-height: 98rpx;overflow: hidden;">
|
|
|
|
- <view class="data-btn">距离开始时间:
|
|
|
|
- <text v-if="timeData.days != 0">{{timeData.days}} 天</text>
|
|
|
|
- <text>{{ timeData.hours>=10?timeData.hours:'0'+timeData.hours}} :</text>
|
|
|
|
- <text>{{timeData.minutes>=10?timeData.minutes:'0'+timeData.minutes}} :</text>
|
|
|
|
- <text>{{timeData.seconds>=10?timeData.seconds:'0'+timeData.seconds}}</text>
|
|
|
|
|
|
+ <view style="height: 630rpx; width: ; background-color: #fff; margin: 15rpx 30rpx;">
|
|
|
|
+ <view>
|
|
|
|
+ <image src="../static/activity/effectstwo.png" mode=""></image>
|
|
</view>
|
|
</view>
|
|
- <view style="float: right;"><span style="font-weight: 600;">{{info.fakeNum}}</span>人已参与</view>
|
|
|
|
</view>
|
|
</view>
|
|
- </u-count-down>
|
|
|
|
|
|
+ </view>
|
|
|
|
+
|
|
|
|
+
|
|
|
|
|
|
<view>
|
|
<view>
|
|
<view v-for="(item,index) in awardsList" :key="index">
|
|
<view v-for="(item,index) in awardsList" :key="index">
|
|
@@ -240,6 +256,26 @@
|
|
</script>
|
|
</script>
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
<style lang="scss" scoped>
|
|
|
|
+ .wrap{
|
|
|
|
+ &-fakeNum {
|
|
|
|
+ margin-top: 46rpx;
|
|
|
|
+ .fakeNum{
|
|
|
|
+ line-height: 66rpx; text-align: center; width: 266rpx; height: 76rpx; background: url(../static/activity/rectangle.png) no-repeat center center; background-size: 266rpx 76rpx; margin: 0 auto; color: #A13D01; font-size: 30rpx;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ &-date {
|
|
|
|
+ text-align: center;width: 100%;font-family: YouSheBiaoTiHei;color: #FFFFFF;
|
|
|
|
+ &-on {
|
|
|
|
+ display: inline-block;font-size: 76rpx;line-height: 68rpx;
|
|
|
|
+ &-line {
|
|
|
|
+ display: inline-block; width: 68rpx; height: 2rpx; overflow: hidden;background-color: #fff; position: relative; bottom: 25rpx;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ &-date {
|
|
|
|
+ font-size: 52rpx;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ }
|
|
.data-btn {
|
|
.data-btn {
|
|
float: left;
|
|
float: left;
|
|
|
|
|