This commit is contained in:
梁泽军 2025-04-18 16:50:47 +08:00
parent b3ff0f54ae
commit 10fcb332d4
8 changed files with 41 additions and 17 deletions

BIN
src.7z

Binary file not shown.

BIN
src.zip

Binary file not shown.

View File

@ -103,7 +103,7 @@ const showVC = () => {
<div class="index-prize-btn index-left-btn" v-if="userStore.hasPrize" @click="showMyPrize($event)">我的奖品</div> <div class="index-prize-btn index-left-btn" v-if="userStore.hasPrize" @click="showMyPrize($event)">我的奖品</div>
<div class="index-start-btn" @click="start"></div> <div class="index-start-btn" @click="start"></div>
<div class="index-agreement"> <div class="index-agreement">
<div class="tips">数据来源平安理财数据截至2025年4月11产品历史业绩不代表未来表现</div> <div class="tips">数据来源平安理财数据截至2025年4月23产品历史业绩不代表未来表现</div>
<span>风险提示:本材料由平安理财有限责任公司(以下简称平安理财)制作并提供</span> <span>风险提示:本材料由平安理财有限责任公司(以下简称平安理财)制作并提供</span>
<span class="b">本资料内容及观点仅供参考不构成对任何人的投资建议</span> <span class="b">本资料内容及观点仅供参考不构成对任何人的投资建议</span>
<span>以上产品投资管理机构/管理人为平安理财代理销售机构不承担产品的投资兑付和风险管理的责任以上产品通过代理销售机构渠道销售的产品风险评级应当以代理销售机构最终披露的评级结果为准以上产品为非保本浮动收益理财产品具体以产品说明书或产品公告披露为准产品的业绩比较基准指管理人基于过往投资经验以及对产品存续期投资市场波动的预判而对本产品所设定的投资目标业绩比较基准不是预期收益率不代表产品的未来表现和实际收益不构成对产品收益的承诺</span> <span>以上产品投资管理机构/管理人为平安理财代理销售机构不承担产品的投资兑付和风险管理的责任以上产品通过代理销售机构渠道销售的产品风险评级应当以代理销售机构最终披露的评级结果为准以上产品为非保本浮动收益理财产品具体以产品说明书或产品公告披露为准产品的业绩比较基准指管理人基于过往投资经验以及对产品存续期投资市场波动的预判而对本产品所设定的投资目标业绩比较基准不是预期收益率不代表产品的未来表现和实际收益不构成对产品收益的承诺</span>
@ -227,7 +227,7 @@ const showVC = () => {
.index-agreement { .index-agreement {
font-family: "HarmonyOS_Sans_SC_Regular"; font-family: "HarmonyOS_Sans_SC_Regular";
pointer-events: none; pointer-events: none;
@include pos(736px, 182px, 7px, 1258px); @include pos(736px, 182px, 7px, 1208px);
font-size: 14px; font-size: 14px;
text-align: justify; text-align: justify;
letter-spacing: 0.1px; letter-spacing: 0.1px;

View File

@ -14,6 +14,14 @@ const posterId = ref(userStore.posterId); //海报背景id111
console.log('海报id', posterId.value); console.log('海报id', posterId.value);
//
const eqcodePosition = [
{w:750,h:2107,x: 527, y: 1882},
{w:750,h:2183,x: 527, y: 1959},
{w:750,h:2194,x: 527, y: 1973},
{w:750,h:2045,x: 527, y: 1824},
{w:750,h:2194,x: 527, y: 1979},
]
const posterImgList = reactive([ const posterImgList = reactive([
new URL(`../assets/images/result/poster-1.jpg`, import.meta.url).href, new URL(`../assets/images/result/poster-1.jpg`, import.meta.url).href,
@ -51,10 +59,10 @@ const executeTasks = async () => {
if (posterImgList[posterId.value - 1] && eqcodePic.value) { if (posterImgList[posterId.value - 1] && eqcodePic.value) {
posterCreate( posterCreate(
{ width: 750, height: 2106 }, { width: 750, height: eqcodePosition[posterId.value-1].h },
[ [
{ name: "bg", src: posterImgList[posterId.value - 1], pos: { w: 750, h: 2106, x: 0, y: 0 } }, { name: "bg", src: posterImgList[posterId.value - 1], pos: { w: 750, h: eqcodePosition[posterId.value-1].h, x: 0, y: 0 } },
{ name: "eqcode", src: eqcodePic.value, pos: { w: 178, h: 178, x: 532, y: 1892 } }, { name: "eqcode", src: eqcodePic.value, pos: { w: 187, h: 187, x: eqcodePosition[posterId.value-1].x, y: eqcodePosition[posterId.value-1].y } },
] ]
); );
} else { } else {
@ -220,7 +228,7 @@ const posterCreate = (option, imageArr) => {
<div class="cls-btn-box"> <div class="cls-btn-box">
<div class="cls-btn" @click="hidePop($event)"></div> <div class="cls-btn" @click="hidePop($event)"></div>
</div> </div>
<div class="poster-box"> <div class="poster-box" :class="'poster-box-' + posterId">
<div class="poster" :class="'poster-' + posterId"> <div class="poster" :class="'poster-' + posterId">
<img id="posterSrc" src="" alt="" srcset=""> <img id="posterSrc" src="" alt="" srcset="">
</div> </div>
@ -324,6 +332,22 @@ const posterCreate = (option, imageArr) => {
} }
} }
.poster-box-1{
@include box(713px, 995px);
}
.poster-box-2{
@include box(711px, 1041px);
}
.poster-box-3{
@include box(713px, 995px);
}
.poster-box-4{
@include box(713px, 995px);
}
.poster-box-5{
@include box(713px, 995px);
}
.btn-box { .btn-box {
@include box(550px, 99px); @include box(550px, 99px);
@ -353,14 +377,14 @@ const posterCreate = (option, imageArr) => {
visibility: hidden; visibility: hidden;
.tips-pic { .tips-pic {
@include pos(100px, 100px, 600px, 140px); @include pos(100px, 100px, 600px, 180px);
@include bg_pos("result/share-tips.svg"); @include bg_pos("result/share-tips.svg");
stroke: #ffffff; stroke: #ffffff;
} }
.tips-text { .tips-text {
font-size: 25px; font-size: 25px;
@include pos(750px, 100px, 0px, 260px); @include pos(750px, 100px, 0px, 300px);
color: #ffffff; color: #ffffff;
text-align: right; text-align: right;
} }

View File

@ -47,7 +47,7 @@ onMounted(() => {
<div>领奖说明</div> <div>领奖说明</div>
<div> <div>
1中奖后在中奖页面复制兑换码前往<span 1中奖后在中奖页面复制兑换码前往<span
class="blod">[平安理财服务号]</span>消息框输入元宵快乐获取兑换链接进入链接输入兑换码兑换奖品如关闭了中奖界面可在首页-[我的奖品] class="blod">[平安理财服务号]</span>消息框输入五一快乐获取兑换链接进入链接输入兑换码兑换奖品如关闭了中奖界面可在首页-[我的奖品]
内查看兑换码 内查看兑换码
</div> </div>
<div>2成功领奖后奖品将会在24小时内自动到账请耐心等候</div> <div>2成功领奖后奖品将会在24小时内自动到账请耐心等候</div>

View File

@ -26,7 +26,7 @@ const page = [
"prize/star.png", "prize/star.png",
"prize/draw-text.png", "prize/draw-text.png",
"prize/light.png", "prize/light.png",
"prize/myPrize-box.png", "prize/myPrize-box2.png",
"prize/no-prize.png", "prize/no-prize.png",
"prize/cls-btn.png", "prize/cls-btn.png",
"prize/copy-btn.png", "prize/copy-btn.png",

View File

@ -15,7 +15,7 @@ export const data = [
}, },
], ],
tips: [ tips: [
`一座被火锅”包围“的城市`, `一座被火锅“包围”的城市`,
], ],
}, },
{ {
@ -34,7 +34,7 @@ export const data = [
}, },
], ],
tips: [ tips: [
`”塞上江南“美称的少数民族自治区`, `“塞上江南”美称的少数民族自治区`,
], ],
}, },
{ {
@ -53,12 +53,12 @@ export const data = [
}, },
], ],
tips: [ tips: [
`”彩云之南“的首府`, `“彩云之南”的首府`,
], ],
}, },
{ {
id: 4, id: 4,
question: ["欢迎你闯入这座通宵狂欢的『古今混搭城』唐代楼阁挂满灯笼网红不倒翁小姐姐在人群中飘摇。猜猜这是哪座古都的网红步行街能把长安城的盛世繁华变成24小时不打烊的嘉年华的城市是"], question: ["欢迎你闯入这座通宵狂欢的『古今混搭城』唐代楼阁挂满灯笼网红不倒翁小姐姐在人群中飘摇。猜猜这是哪座古都的网红步行街能把长安城的盛世繁华变成24小时不打烊的嘉年华"],
answer: [ answer: [
{ {
aid: "A", aid: "A",
@ -72,7 +72,7 @@ export const data = [
}, },
], ],
tips: [ tips: [
`拥有被成为”世界第八大奇迹“的秦始皇陵兵马俑`, `拥有被成为“世界第八大奇迹”的秦始皇陵兵马俑`,
], ],
}, },
{ {
@ -86,7 +86,7 @@ export const data = [
}, },
{ {
aid: "B", aid: "B",
text: "广州", text: "南宁",
result: 0, result: 0,
}, },
], ],

View File

@ -7,7 +7,7 @@ export const useMainStore = defineStore("counter", {
hasDraw: true, //是否有抽奖机会 hasDraw: true, //是否有抽奖机会
token: "", token: "",
posterId: 1, //测试结果 posterId: 1, //测试结果
hasPrize: true, //是否有奖品 hasPrize: false, //是否有奖品
prizeCode: "oggSVMbeLgSK", //兑换码 prizeCode: "oggSVMbeLgSK", //兑换码
prizeMoney: "8.88", //金额 prizeMoney: "8.88", //金额
drawKey: "", drawKey: "",