xiaoy
/
h5-shangjinyaojiang
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

up

Browse Source
main
刘翔宇-旅管家 3 years ago
parent 25a91ed307 9cf2e556c4
commit 566bb3948b
6 changed files with 744 additions and 704 deletions
Show Stats Download Patch File Download Diff File

12
pages/index/index.vue
Unescape View File

@ -14,12 +14,12 @@
</view>
<view class="title">
<u-image style="display: flex;justify-content: center;" mode="heightFix" width="auto" height="220rpx" :src="require('@/static/title.png')"></u-image>
<u-image style="display: flex;justify-content: center;" mode="heightFix" width="auto" height="260rpx" :src="require('@/static/title.png')"></u-image>
</view>
<view class="notice">
<u-notice-bar :speed="80" color="#fff" bg-color="transparent" :volume-icon="false" :more-icon="false" :list="notices"></u-notice-bar>
</view>
<!-- <view class="notice">-->
<!-- <u-notice-bar :speed="80" color="#fff" bg-color="transparent" :volume-icon="false" :more-icon="false" :list="notices"></u-notice-bar>-->
<!-- </view>-->
<view class="present">
<u-image style="display: flex;justify-content: center;" mode="heightFix" width="auto" height="700rpx" :src="require('@/static/present.png')"></u-image>
@ -77,7 +77,7 @@
1. 活动期间，每个号码每日可有三次抽奖机会<br/>
2. 分享活动页面可增加一次机会。关注江苏有线苏州分公司公众号或视频号可增加一次机会。下载“视界观”App可增加一次机会。<br/>
3. 每个手机号每天最多6次抽奖机会。<br/>
4. 话费红包将在三个工作日内自动充值到参与抽奖的192手机号账户中。实物奖品会在活动结束后3个工作日内，根据您参与活动的中奖号码与您联系并安排派奖，联系未果视为主动放弃奖品。
4. 话费红包将在3-5个工作日内自动充值到参与抽奖的192手机号账户中。实物奖品会在活动结束后3个工作日内，根据您参与活动的中奖号码与您联系并安排派奖，联系未果视为主动放弃奖品。
</view>
</view>
@ -198,7 +198,7 @@ import popover from "@/component/popover/index.vue";
vuex_token: {
handler(newVal){
if(newVal) {
this.getNotices()
//this.getNotices()
}
},
immediate: true

2
pages/join/index.vue
Unescape View File

@ -10,7 +10,7 @@
</view>
<view class="title">
<u-image style="display: flex;justify-content: center;" mode="heightFix" width="auto" height="220rpx" :src="require('@/static/title.png')"></u-image>
<u-image style="display: flex;justify-content: center;" mode="heightFix" width="auto" height="260rpx" :src="require('@/static/title.png')"></u-image>
</view>
<view class="notice">

2
pages/me/index.vue
Unescape View File

@ -1,7 +1,7 @@
<template>
<view class="content">
<view class="bkg">
<u-image mode="heightFix" width="100vw" height="27.55vh" :src="require('@/static/bkg.png')"></u-image>
<u-image mode="widthFix" width="100vw" height="27.55vh" :src="require('@/static/bkg.png')"></u-image>
</view>
<view class="title">

178
pages/raffle/raffle.vue
Unescape View File

@ -6,16 +6,19 @@
<view class="content">
<view class="title">
<u-image style="display: flex;justify-content: center;" mode="heightFix" width="auto" height="220rpx" :src="require('@/static/title.png')"></u-image>
<u-image style="display: flex;justify-content: center;" mode="heightFix" width="auto" height="240rpx"
:src="require('@/static/title.png')"></u-image>
</view>
<view class="notice">
<u-notice-bar :speed="80" color="#fff" bg-color="transparent" :volume-icon="false" :more-icon="false" :list="notices"></u-notice-bar>
<u-notice-bar :speed="80" color="#fff" bg-color="transparent" :volume-icon="false" :more-icon="false"
:list="notices"></u-notice-bar>
</view>
<view class="raffle">
<view class="raffle-bkg">
<u-image style="display: flex;justify-content: center;" mode="scaleToFill" width="680rpx" height="924rpx" :src="require('@/static/raffle-phone.png')"></u-image>
<u-image style="display: flex;justify-content: center;" mode="scaleToFill" width="680rpx"
height="924rpx" :src="require('@/static/raffle-phone.png')"></u-image>
</view>
<view class="raffle-box">
@ -28,13 +31,16 @@
</view>
<view class="raffle-box__turntable">
<view v-for="(item,index) in prizeList" :key="index" class="raffle-box__turntable--item" :style="{ 'grid-area': 'shop'+(index+1) }">
<view v-for="(item,index) in prizeList" :key="index" class="raffle-box__turntable--item"
:style="{ 'grid-area': 'shop'+(index+1) }">
<view class="item-shop">
<view class="item-shop__box" :style="{ 'background': index === flag ? '#eb5036' : '' }">
<view class="item-shop__box--img">
<u-image bg-color="transparent" mode="heightFix" height="84rpx" :src="item.image_file ? item.image_file.url : ''"></u-image>
<u-image bg-color="transparent" mode="heightFix" height="84rpx"
:src="item.image_file ? item.image_file.url : ''"></u-image>
</view>
<view class="item-shop__box--text" :style="{ 'color': index === flag ? '#fff' : '' }">{{ item.name }}</view>
<view class="item-shop__box--text"
:style="{ 'color': index === flag ? '#fff' : '' }">{{ item.name }}</view>
</view>
</view>
</view>
@ -52,8 +58,10 @@
</view>
<view class="bottom">
<u-image mode="widthFix" width="114rpx" :src="require('@/static/activity-rule.png')" @click="popoverType = 1,$refs['popover'].show()"></u-image>
<u-image style="margin-left: 66rpx;" mode="widthFix" width="114rpx" :src="require('@/static/me-center.png')" @click="toMe"></u-image>
<u-image mode="widthFix" width="114rpx" :src="require('@/static/activity-rule.png')"
@click="popoverType = 1,$refs['popover'].show()"></u-image>
<u-image style="margin-left: 66rpx;" mode="widthFix" width="114rpx"
:src="require('@/static/me-center.png')" @click="toMe"></u-image>
</view>
</view>
@ -71,25 +79,29 @@
二、 活动规则
</view>
<view class="box-text__content">
1. 活动期间，每个号码每日可有三次抽奖机会<br/>
2. 分享活动页面可增加一次机会。关注江苏有线苏州分公司公众号或视频号可增加一次机会。下载“视界观”App可增加一次机会。<br/>
3. 每个手机号每天最多6次抽奖机会。<br/>
4. 话费红包将在三个工作日内自动充值到参与抽奖的192手机号账户中。实物奖品会在活动结束后3个工作日内，根据您参与活动的中奖号码与您联系并安排派奖，联系未果视为主动放弃奖品。
1. 活动期间，每个号码每日可有三次抽奖机会<br />
2. 分享活动页面可增加一次机会。关注江苏有线苏州分公司公众号或视频号可增加一次机会。下载“视界观”App可增加一次机会。<br />
3. 每个手机号每天最多6次抽奖机会。<br />
4. 话费红包将在3-5个工作日内自动充值到参与抽奖的192手机号账户中。实物奖品会在活动结束后3个工作日内，根据您参与活动的中奖号码与您联系并安排派奖，联系未果视为主动放弃奖品。<br />
</view>
</view>
<view v-if="popoverType === 2">
<view class="box-text__title">谢谢参与</view>
<u-button shape="circle" :ripple="true" :hair-line="false" :custom-style="{ 'background': '#FED45F','color': '#fff','width': '374rpx','height': '84rpx','margin-top': '56rpx' }" @click="$refs['popover'].hidden(),draw()">再来一次</u-button>
<u-button shape="circle" :ripple="true" :hair-line="false"
:custom-style="{ 'background': '#FED45F','color': '#fff','width': '374rpx','height': '84rpx','margin-top': '56rpx' }"
@click="$refs['popover'].hidden(),draw()">再来一次</u-button>
</view>
<view v-if="popoverType === 3">
<view class="box-text__title">恭喜您获得{{ result.name }}</view>
<view class="box-text__subtitle">请至个人中心查看</view>
<view class="box-text__prize">
<u-image style="display: flex;justify-content: center;" mode="heightFix" :height="300" :src="result.image_file ? result.image_file.url : ''"></u-image>
<u-image style="display: flex;justify-content: center;" mode="heightFix" :height="300"
:src="result.image_file ? result.image_file.url : ''"></u-image>
</view>
<view class="box-text__tip">
<view class="box-text__tip" v-show="result.name === '小米手机一部'">
型号请以实物为准
</view>
</view>
@ -97,7 +109,9 @@
<view v-if="popoverType === 4">
<view class="box-text__title">抱歉</view>
<view class="box-text__subtitle">没有机会了</view>
<u-button shape="circle" :ripple="true" :hair-line="false" :custom-style="{ 'background': '#FED45F','color': '#fff','width': '374rpx','height': '84rpx','margin-top': '56rpx' }" @click="$refs['popover'].hidden(),popoverType = 5,$refs['popover'].show()">去做任务</u-button>
<u-button shape="circle" :ripple="true" :hair-line="false"
:custom-style="{ 'background': '#FED45F','color': '#fff','width': '374rpx','height': '84rpx','margin-top': '56rpx' }"
@click="$refs['popover'].hidden(),popoverType = 5,$refs['popover'].show()">去做任务</u-button>
</view>
<view v-if="popoverType === 5">
@ -134,8 +148,9 @@
<view slot="content-bottom" class="content-bottom" v-if="popoverType === 3">
<view class="content-bottom__title">奖品领取：</view>
<view class="content-bottom__text">话费红包将在三个工作日内自动充值到参与抽奖的192手机号账户中。
<br>实物奖品会在活动结束后3个工作日内，根据您参与活动的中奖号码与您联系并安排派奖，联系未果视为主动放弃奖品。</view>
<view class="content-bottom__text">话费红包将在3-5个工作日内自动充值到参与抽奖的192手机号账户中。
<br>实物奖品会在活动结束后3个工作日内，根据您参与活动的中奖号码与您联系并安排派奖，联系未果视为主动放弃奖品。
</view>
</view>
</popover>
@ -175,9 +190,9 @@
</template>
<script>
const jwx = require('jweixin-module')
import popover from "@/component/popover/index.vue";
export default {
const jwx = require('jweixin-module')
import popover from "@/component/popover/index.vue";
export default {
components: {
popover
},
@ -186,8 +201,8 @@ export default {
taskId: '',
isShowQr: false,
toShare: false,
popoverType: 1,//1为规则，2为未中奖，3中奖，4没有机会，5做任务
flag: '',//当前奖品显示
popoverType: 1, //1为规则，2为未中奖，3中奖，4没有机会，5做任务
flag: '', //当前奖品显示
prizeList: [],
usrInfo: {},
notices: [],
@ -261,7 +276,7 @@ export default {
const res = await this.$u.api.getPrize()
let len = res.list.length
let arr = res.list
if(len < 8) {
if (len < 8) {
const diff = 8 - len;
for (let i = 0; i < diff; i++) {
const randomIndex = Math.floor(Math.random() * len);
@ -272,18 +287,19 @@ export default {
}
this.prizeList = arr
this.usrInfo = res.user
this.notices = res.draw_log_day?.filter(i => i.draw_prize?.name !== '谢谢参与')?.map(i => `恭喜${i.mobile.slice(0,3)}****${i.mobile.slice(-4)}获得${i.draw_prize ? i.draw_prize.name : ''}`)
this.notices = res.draw_log_day?.filter(i => i.draw_prize?.name !== '谢谢参与')?.map(i =>
`恭喜${i.mobile.slice(0,3)}****${i.mobile.slice(-4)}获得${i.draw_prize ? i.draw_prize.name : ''}`)
},
async draw() {
try{
try {
const res = await this.$u.api.draw()
console.log(111,res)
console.log(111, res)
let resPrize = this.prizeList.find(i => i.id === res.id)
this.result = resPrize
await this.fetchRandomNumbers(15)
this.flag = this.prizeList.indexOf(resPrize);
if(resPrize.name === "谢谢参与") {
if (resPrize.name === "谢谢参与") {
this.popoverType = 2
this.$refs['popover'].show();
} else {
@ -292,7 +308,7 @@ export default {
}
await this.getProducts();
}catch (err) {
} catch (err) {
this.popoverType = 4
this.$refs['popover'].show();
}
@ -300,14 +316,14 @@ export default {
taskClick(item) {
this.taskId = item.i
if(item.i === 1) {
if (item.i === 1) {
this.toShare = true
return
}
if(item.i === 2) {
if (item.i === 2) {
this.isShowQr = true
}
if(item.i === 3) {
if (item.i === 3) {
this.isShowQr = true
}
}
@ -315,17 +331,22 @@ export default {
computed: {
getIcon() {
switch (this.popoverType) {
case 1: return 'smile';
case 2: return 'sad';
case 3: return 'laugh';
case 4: return 'sad';
case 5: return 'smile';
case 1:
return 'smile';
case 2:
return 'sad';
case 3:
return 'laugh';
case 4:
return 'sad';
case 5:
return 'smile';
}
}
},
watch: {
isShowQr(newVal) {
if(!newVal) {
if (!newVal) {
this.$u.api.endTask({
task_id: this.taskId
}).then(res => {
@ -334,7 +355,7 @@ export default {
}
},
toShare(newVal) {
if(!newVal) {
if (!newVal) {
this.$u.api.endTask({
task_id: 1
}).then(res => {
@ -346,19 +367,20 @@ export default {
onShow() {
this.getProducts()
}
}
}
</script>
<style lang="scss">
.bkg {
.bkg {
z-index: -1;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.content {
}
.content {
min-height: 100vh;
position: relative;
@ -370,7 +392,7 @@ export default {
& .notice {
background: rgba(254, 210, 141, 0.6);
box-shadow: 0rpx 4rpx 10rpx 0rpx rgba(3,46,63,0.45);
box-shadow: 0rpx 4rpx 10rpx 0rpx rgba(3, 46, 63, 0.45);
border-radius: 28rpx;
color: #fff;
text-align: center;
@ -384,11 +406,13 @@ export default {
position: relative;
margin: 2.4vh auto 0 auto;
&-bkg {
z-index: 1;
position: absolute;
}
&-box {
width: 100%;
height: 100%;
@ -405,6 +429,7 @@ export default {
padding-top: 100rpx;
}
&__times {
text-align: center;
font-size: 46rpx;
@ -413,10 +438,11 @@ export default {
padding-top: 16rpx;
& > span {
&>span {
color: #FCE534;
}
}
&__turntable {
height: 560rpx;
display: grid;
@ -436,6 +462,7 @@ export default {
align-items: center;
justify-content: center;
}
.item-shop {
width: 100%;
height: 100%;
@ -463,6 +490,7 @@ export default {
}
}
}
& .center-btn {
display: flex;
justify-content: center;
@ -470,17 +498,18 @@ export default {
width: 166rpx;
height: 166rpx;
background: linear-gradient(180deg, #FCE2C9, #FED491);
box-shadow: 0px 8rpx 18px 0px rgba(155,22,40,0.35);
box-shadow: 0px 8rpx 18px 0px rgba(155, 22, 40, 0.35);
border-radius: 50%;
& > view {
&>view {
width: 142rpx;
height: 142rpx;
background: linear-gradient(180deg, #FCE2C9, #FED491);
box-shadow: 0 4px 18rpx 0 rgba(155,22,40,0.35);
box-shadow: 0 4px 18rpx 0 rgba(155, 22, 40, 0.35);
border-radius: 50%;
position: relative;
&::after {
width: 80rpx;
content: "开始抽奖";
@ -498,6 +527,7 @@ export default {
}
}
}
&__tip {
zoom: .9;
font-size: 22rpx;
@ -519,10 +549,10 @@ export default {
margin-top: 1.85vh;
}
}
}
.box-text {
.box-text {
&__title {
font-size: 36rpx;
font-weight: 500;
@ -547,11 +577,13 @@ export default {
padding: 20rpx 0;
}
&__content {
color: rgba(51, 51, 51, 1);
font-size: 26rpx;
text-align: left;
}
&__tip {
font-size: 26rpx;
font-weight: 400;
@ -569,6 +601,7 @@ export default {
padding-bottom: 40rpx;
}
&__item-5 {
display: flex;
align-items: center;
@ -576,7 +609,7 @@ export default {
margin-bottom: 20rpx;
& > view {
&>view {
font-size: 32rpx;
font-weight: 400;
color: #333333;
@ -585,8 +618,9 @@ export default {
padding-right: 40rpx;
}
}
}
.content-bottom {
}
.content-bottom {
padding: 50rpx 60rpx;
@ -596,15 +630,16 @@ export default {
font-weight: 500;
text-shadow: 0 1rpx 0 #FCF4CA;
}
&__text {
color: #e5c592;
font-size: 28rpx;
font-weight: 400;
text-shadow: 0 1rpx 0 #FCF4CA;
}
}
}
.share_cover {
.share_cover {
background: rgba(0, 0, 0, 0.8);
position: fixed;
top: 0;
@ -632,8 +667,9 @@ export default {
width: 300rpx;
height: 400rpx;
}
}
.qrcode-pop_cover {
}
.qrcode-pop_cover {
background: rgba(0, 0, 0, 0.8);
position: fixed;
top: 0;
@ -655,7 +691,7 @@ export default {
&_img {
width: 100vw;
transform: translate(-50%,-50%);
transform: translate(-50%, -50%);
position: absolute;
left: 50%;
top: 50%;
@ -663,34 +699,38 @@ export default {
align-items: center;
justify-content: space-evenly;
& > image {
&>image {
width: 300rpx;
height: 300rpx;
}
}
}
}
.fade-in {
.fade-in {
animation: fade-in 1s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}
@keyframes fade-in {
}
@keyframes fade-in {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.fade-out {
}
.fade-out {
animation: fade-out .8s ease-out both;
}
@keyframes fade-out {
}
@keyframes fade-out {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
}
</style>

BIN
static/guangdian-logo.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 21 KiB

After

Width:  |  Height:  |  Size: 9.9 KiB

BIN
static/title.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 44 KiB

After

Width:  |  Height:  |  Size: 44 KiB

Write Preview
Loading…
Cancel
Save