整合
This commit is contained in:
梁泽军
parent
db67a265d8
commit
b3ff0f54ae
Binary file not shown.
|
Before Width: | Height: | Size: 13 KiB After Width: | Height: | Size: 55 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 18 KiB After Width: | Height: | Size: 57 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 17 KiB After Width: | Height: | Size: 41 KiB |
@ -16,8 +16,8 @@ const { toClipboard } = useClipboard()
|
||||
const money = ref("1.88");
|
||||
const code = ref("PAKJ2025");
|
||||
|
||||
const showResult = ref(true);
|
||||
const hasPrize = ref(true);
|
||||
const showResult = ref(false);
|
||||
const hasPrize = ref(false);
|
||||
|
||||
const drawFn = (event) => {
|
||||
let e = event.target.parentElement;
|
||||
@ -243,6 +243,7 @@ onMounted(() => {
|
||||
}
|
||||
|
||||
.money {
|
||||
|
||||
@include pos(390px, 130px, 110px, 200px);
|
||||
@include flexCen();
|
||||
color: #e95b46;
|
||||
@ -250,7 +251,6 @@ onMounted(() => {
|
||||
font-size: 58px;
|
||||
letter-spacing: 4px;
|
||||
// background-color: rgb(217, 0, 255);
|
||||
|
||||
}
|
||||
|
||||
.code-box {
|
||||
@ -267,6 +267,7 @@ onMounted(() => {
|
||||
height: 77px;
|
||||
line-height: 65px;
|
||||
}
|
||||
|
||||
.code {
|
||||
margin-right: 10px;
|
||||
|
||||
@ -278,6 +279,31 @@ onMounted(() => {
|
||||
}
|
||||
}
|
||||
|
||||
.exchange-tips {
|
||||
@include pos(390px, 152px, 110px, 558px);
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: start;
|
||||
justify-content: flex-start;
|
||||
font-size: 20px;
|
||||
// font-weight: 700;
|
||||
color: #fff6cc;
|
||||
letter-spacing: 2px;
|
||||
// background-color: aqua;
|
||||
}
|
||||
|
||||
.exchnage-tips2 {
|
||||
@include pos(390px, 52px, 110px, 638px);
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font-size: 15px;
|
||||
// font-weight: 700;
|
||||
color: #fff6cc;
|
||||
// background-color: aqua;
|
||||
}
|
||||
|
||||
.cls-btn {
|
||||
@include pos(82px, 82px, 517px, 114px);
|
||||
@include bg_pos("prize/cls-btn.png");
|
||||
|
||||
@ -49,11 +49,16 @@ onMounted(() => {
|
||||
<template>
|
||||
<div class="MyPrizePage">
|
||||
<div class="myPrize-container">
|
||||
<div class="myPrize-title">恭喜您抽中</div>
|
||||
<div class="myPrize-money">¥{{ money }}元</div>
|
||||
<div class="myPrize-text">奖励抽到手，快乐马上有</div>
|
||||
<div class="myPrize-code-box">
|
||||
<span>兑奖码：</span>
|
||||
<div class="code">{{ code }}</div>
|
||||
<div class="myPrize-copy-btn" @click="copyFn($event)"></div>
|
||||
</div>
|
||||
<div class="exchange-tips">兑换流程：前往微信搜索【平安理财服务号】公众号发送“五一快乐”获取兑奖链接，输入兑换码兑换奖品</div>
|
||||
<div class="exchnage-tips2">（兑换码可在主页面“我的奖品” 再次查看并复制）</div>
|
||||
<div class="myPrize-cls-btn" @click="hide($event)"></div>
|
||||
</div>
|
||||
</div>
|
||||
@ -68,7 +73,28 @@ onMounted(() => {
|
||||
.myPrize-container {
|
||||
position: relative;
|
||||
@include box(665px, 731px);
|
||||
@include bg_pos("prize/myPrize-box.png");
|
||||
@include bg_pos("prize/myPrize-box2.png");
|
||||
|
||||
.myPrize-title {
|
||||
@include pos(390px, 100px, 110px, 140px);
|
||||
font-size: 40px;
|
||||
color: #e95b46;
|
||||
font-weight: 700;
|
||||
letter-spacing: 3px;
|
||||
// background-color: aqua;
|
||||
@include flexCen();
|
||||
}
|
||||
|
||||
.myPrize-text {
|
||||
@include pos(390px, 100px, 110px, 300px);
|
||||
font-size: 30px;
|
||||
color: #e95b46;
|
||||
font-weight: 700;
|
||||
letter-spacing: 0;
|
||||
// background-color: aqua;
|
||||
@include flexCen();
|
||||
|
||||
}
|
||||
|
||||
.myPrize-money {
|
||||
@include pos(370px, 81px, 139px, 239px);
|
||||
@ -82,10 +108,21 @@ onMounted(() => {
|
||||
}
|
||||
|
||||
.myPrize-code-box {
|
||||
@include pos(312px, 52px, 197px, 508px);
|
||||
@include pos(390px, 52px, 110px, 500px);
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: flex-start;
|
||||
font-size: 25px;
|
||||
font-weight: 700;
|
||||
color: #fff6cc;
|
||||
|
||||
|
||||
span {
|
||||
// height: 77px;
|
||||
line-height: 65px;
|
||||
}
|
||||
|
||||
|
||||
.code {
|
||||
font-size: 25px;
|
||||
@ -100,6 +137,32 @@ onMounted(() => {
|
||||
}
|
||||
}
|
||||
|
||||
.exchange-tips {
|
||||
@include pos(390px, 152px, 110px, 558px);
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: start;
|
||||
justify-content: flex-start;
|
||||
font-size: 20px;
|
||||
// font-weight: 700;
|
||||
color: #fff6cc;
|
||||
letter-spacing: 2px;
|
||||
// background-color: aqua;
|
||||
}
|
||||
|
||||
.exchnage-tips2 {
|
||||
@include pos(390px, 52px, 110px, 638px);
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font-size: 15px;
|
||||
// font-weight: 700;
|
||||
color: #fff6cc;
|
||||
// background-color: aqua;
|
||||
}
|
||||
|
||||
|
||||
.myPrize-cls-btn {
|
||||
@include pos(82px, 82px, 517px, 114px);
|
||||
@include bg_pos("prize/cls-btn.png");
|
||||
|
||||
@ -33,16 +33,15 @@ onMounted(() => {
|
||||
<div class="rule-text-area wrapper">
|
||||
<div>
|
||||
<div class="part">
|
||||
<div>活动时间：2025年2月12日——2月14日</div>
|
||||
<div>活动时间：2025年4月27日——4月30日</div>
|
||||
<div>活动奖励：微信红包</div>
|
||||
</div>
|
||||
<div class="part">
|
||||
<div>活动攻略：</div>
|
||||
<div>
|
||||
1、【猜灯谜赢红包
|
||||
欢欢喜喜闹元宵】活动共设计11道题目，首页进入后左右滑动选择您喜欢的花灯，点击进行猜灯谜，答对后即可获取专属花灯海报，并参与抽奖；答错时将跳转回选择花灯的页面，重新答题。
|
||||
1、【打卡理想假期，五一好礼等你】活动共设计5道题目，首页进入后左右滑动选择您想打卡的地点，点击进行答题，答对后即可获取专属打卡海报，并参与抽奖；答错时将跳转回选择打卡地点的页面，重新答题。
|
||||
</div>
|
||||
<div>2、活动期间不限制参与猜灯谜次数，每人每日有1次抽奖机会。</div>
|
||||
<div>2、活动期间不限制参与答题次数，每人每日有1次抽奖机会。</div>
|
||||
</div>
|
||||
<div class="part">
|
||||
<div>领奖说明：</div>
|
||||
@ -53,11 +52,12 @@ onMounted(() => {
|
||||
</div>
|
||||
<div>2、成功领奖后，奖品将会在24小时内自动到账，请耐心等候；</div>
|
||||
<div>3、中奖人请在活动结束前进行兑换，逾期视为弃权。</div>
|
||||
<div class="part">其他：</div>
|
||||
<div>
|
||||
活动期间如遇到任何问题，请在<span class="blod">[平安理财服务号]</span>后台咨询，我们会在一个工作日内回复。
|
||||
</div>
|
||||
<div class="part">说明：平安理财有权对活动规则进行解释</div>
|
||||
|
||||
<div class="part">
|
||||
<div>其他：</div>
|
||||
活动期间如遇到任何问题，请在<span class="blod">[平安理财服务号]</span>后台咨询，我们会在一个工作日内回复。
|
||||
<div>说明：平安理财有权对活动规则进行解释</div>
|
||||
</div>
|
||||
<div class="part">
|
||||
<div>活动说明：</div>
|
||||
|
||||
@ -102,7 +102,7 @@ const onShowResult = (item) => {
|
||||
}
|
||||
|
||||
|
||||
const showDraw = ref(true);
|
||||
const showDraw = ref(false);
|
||||
const drawFn = (item) => {
|
||||
if (item.action == "hide") {
|
||||
showDraw.value = false;
|
||||
|
||||
Loading…
Reference in New Issue
Block a user