修改活动规则及海报兼容样式
This commit is contained in:
Andy Leong
parent
687cec78bb
commit
f5ff9e469d
Binary file not shown.
@ -123,7 +123,7 @@ const createPoster = (event) => {
|
||||
{
|
||||
name: "product",
|
||||
src: mbtiObj.value.productPic,
|
||||
pos: { w: mbtiObj.value.picPos.w, h: mbtiObj.value.picPos.h, x: 137, y: mbtiObj.value.type =='INFP'? 900 : 921 },
|
||||
pos: { w: mbtiObj.value.picPos.w, h: mbtiObj.value.picPos.h, x: 137, y: mbtiObj.value.type == 'INFP' ? 900 : 921 },
|
||||
},
|
||||
// 二维码
|
||||
{
|
||||
@ -163,14 +163,14 @@ const createPoster = (event) => {
|
||||
{
|
||||
content: mbtiObj.value.blessings[0],
|
||||
style: {
|
||||
font: "normal 50px fzcy",
|
||||
font: mbtiObj.value.type == 'ISFJ' ? "normal 45px fzcy" : "normal 50px fzcy",
|
||||
pos: { x: 70, y: 650 },
|
||||
},
|
||||
},
|
||||
{
|
||||
content: mbtiObj.value.blessings[1],
|
||||
style: {
|
||||
font: "normal 50px fzcy",
|
||||
font: mbtiObj.value.type == 'ISFJ' ? "normal 45px fzcy" : "normal 50px fzcy",
|
||||
pos: { x: 70, y: 725 },
|
||||
},
|
||||
},
|
||||
@ -232,21 +232,19 @@ const hideShare = () => {
|
||||
<div class="des" v-for="item in mbtiObj.des">{{ item }}</div>
|
||||
</div>
|
||||
<div class="mbti-blessings-box">
|
||||
<div class="blessings" v-for="item in mbtiObj.blessings">
|
||||
<div class="blessings" v-for="item in mbtiObj.blessings"
|
||||
:class="mbtiObj.type == 'ISFJ' && 'isfj-blessings'">
|
||||
{{ item }}
|
||||
</div>
|
||||
</div>
|
||||
<div class="mbti-product">
|
||||
<div class="product"
|
||||
:class="mbtiObj.type == 'ISTJ' || mbtiObj.type == 'INTJ' ? 'adptFont' : ''"
|
||||
>{{ mbtiObj.product }}</div>
|
||||
<div class="produc-img"
|
||||
:style="{
|
||||
width:mbtiObj.picPos.w+'px',
|
||||
height:mbtiObj.picPos.h+'px',
|
||||
marginTop: mbtiObj.type =='INFP' && '0px'
|
||||
}"
|
||||
>
|
||||
<div class="product" :class="mbtiObj.type == 'ISTJ' || mbtiObj.type == 'INTJ' ? 'adptFont' : ''">{{
|
||||
mbtiObj.product }}</div>
|
||||
<div class="produc-img" :style="{
|
||||
width: mbtiObj.picPos.w + 'px',
|
||||
height: mbtiObj.picPos.h + 'px',
|
||||
marginTop: mbtiObj.type == 'INFP' && '0px'
|
||||
}">
|
||||
<img :src="mbtiObj.productPic" alt="" srcset="" />
|
||||
</div>
|
||||
</div>
|
||||
@ -254,12 +252,8 @@ const hideShare = () => {
|
||||
<div class="theme-tab">
|
||||
<div class="theme-select-tips"></div>
|
||||
<div class="theme-list">
|
||||
<div
|
||||
class="theme-li-border"
|
||||
:class="{ active: bgId == item }"
|
||||
v-for="item in 4"
|
||||
@click="changBg($event, item)"
|
||||
>
|
||||
<div class="theme-li-border" :class="{ active: bgId == item }" v-for="item in 4"
|
||||
@click="changBg($event, item)">
|
||||
<div class="theme-li" :class="'theme-li-' + item"></div>
|
||||
<div class="selected" v-show="bgId == item"></div>
|
||||
</div>
|
||||
@ -342,8 +336,7 @@ const hideShare = () => {
|
||||
transform: rotate(-4deg);
|
||||
display: flex;
|
||||
|
||||
span {
|
||||
}
|
||||
span {}
|
||||
}
|
||||
|
||||
.mbti-des-box {
|
||||
@ -361,10 +354,10 @@ const hideShare = () => {
|
||||
}
|
||||
|
||||
.mbti-blessings-box {
|
||||
@include pos(500px, 140px, 130px, 720px);
|
||||
@include pos(500px, 160px, 130px, 715px);
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
justify-content: space-around;
|
||||
font-family: "fzcy";
|
||||
|
||||
.blessings {
|
||||
@ -372,6 +365,10 @@ const hideShare = () => {
|
||||
transform: rotate(-4deg);
|
||||
text-shadow: 0px -1px 0px rgba(255, 255, 255, 0.004);
|
||||
}
|
||||
|
||||
.isfj-blessings {
|
||||
font-size: 40px;
|
||||
}
|
||||
}
|
||||
|
||||
.mbti-product {
|
||||
@ -384,7 +381,7 @@ const hideShare = () => {
|
||||
text-shadow: 0px -1px 0px rgba(255, 255, 255, 0.004);
|
||||
}
|
||||
|
||||
.adptFont{
|
||||
.adptFont {
|
||||
font-style: 35px;
|
||||
}
|
||||
|
||||
@ -393,12 +390,13 @@ const hideShare = () => {
|
||||
margin-left: 10px;
|
||||
margin-top: 15px;
|
||||
transform: rotate(0deg);
|
||||
display: flex;
|
||||
|
||||
|
||||
img {
|
||||
// width: 100%;
|
||||
height: 100%;
|
||||
@include box(50%,50%);
|
||||
@include box(50%, 50%);
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -477,6 +475,7 @@ const hideShare = () => {
|
||||
width: 495px;
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
|
||||
.cls-btn {
|
||||
@include box(41px, 41px);
|
||||
@include bg_pos("result/cls-btn.png");
|
||||
@ -527,6 +526,7 @@ const hideShare = () => {
|
||||
@include fixed();
|
||||
background-color: rgba($color: #000000, $alpha: 0.54);
|
||||
visibility: hidden;
|
||||
|
||||
.tips-pic {
|
||||
@include pos(100px, 100px, 600px, 100px);
|
||||
@include bg_pos("result/share-tips.svg");
|
||||
|
||||
@ -23,7 +23,7 @@ onMounted(() => {
|
||||
<div class="rule-content">
|
||||
<div class="rule-text-area">
|
||||
<div class="part">
|
||||
<div>【活动时间】：2024年2月5日——2月8日</div>
|
||||
<div>【活动时间】：2024年2月5日——2月9日</div>
|
||||
<div>【活动奖励】：0.5-8.88元微信红包</div>
|
||||
</div>
|
||||
<div class="part">
|
||||
@ -36,39 +36,35 @@ onMounted(() => {
|
||||
<div class="part">
|
||||
<div>【领奖说明】：</div>
|
||||
<div>
|
||||
1、中奖后在中奖页面复制兑换码，前往[平安理财服务号] 消息框输入“2024”获取兑换链接，进入链接输入兑换码兑换奖品。如关闭了中奖界面，可在首页-[我的奖品] 内查看兑换码。
|
||||
1、中奖后在中奖页面复制兑换码，前往[平安理财服务号] 消息框输入“2024”获取兑换链接，进入链接输入兑换码兑换奖品。如关闭了中奖界面，可在首页-[我的奖品] 内查看兑换码；
|
||||
</div>
|
||||
<div>2、成功领奖后，奖品将会在24小时内自动到账，请耐心等候；</div>
|
||||
<div>3、中奖人请在活动结束前进行兑换，逾期视为弃权。</div>
|
||||
<div>其他：</div>
|
||||
<div class="part">其他：</div>
|
||||
<div>
|
||||
活动期间如遇到任何问题，请在[平安理财服务号]后台咨询，我们会在一个工作日内回复。
|
||||
</div>
|
||||
<div>说明：</div>
|
||||
<div class="part">说明：</div>
|
||||
<div>本活动最终解释权归平安理财所有</div>
|
||||
<div class="part">【活动攻略】：</div>
|
||||
<div>
|
||||
1、本活动由平安理财有限责任公司主办，为保证活动的公平公正，活动结束后主办方将对中奖用户信息进行核对，用户若有下列任何一种行为或情况的，主办方有权不经另行通知，取消其参与活动以及获奖资格，收回奖品权
|
||||
1、本活动由平安理财有限责任公司主办，为保证活动的公平公正，活动结束后主办方将对中奖用户信息进行核对，用户若有下列任何一种行为或情况的，主办方有权不经另行通知，取消其参与活动以及获奖资格，收回奖品权益，井保留追究其法律责任的权利:
|
||||
</div>
|
||||
<div>
|
||||
(1)
|
||||
以任何机器人软件、蜘蛛软件、爬虫软件、刷奖软件或其它任何自动方式不正当手段等参与本活动；
|
||||
(1)以任何机器人软件、蜘蛛软件、爬虫软件、刷奖软件或其它任何自动方式不正当手段等参与本活动；
|
||||
</div>
|
||||
<div>
|
||||
(2)
|
||||
同一用户(包含相同手机号、相同收货信息、相同移动设备号、相同IP地址等)
|
||||
单日内恶意切换微信账号参加活动，扰乱正常抽奖秩序，影响活动公平性的;
|
||||
(2)同一用户(包含相同手机号、相同收货信息、相同移动设备号、相同IP地址等) 单日内恶意切换微信账号参加活动，扰乱正常抽奖秩序，影响活动公平性的;
|
||||
</div>
|
||||
<div>
|
||||
(3)
|
||||
有任何违反法律法规、诚实信用、公序良俗、公平公正、平安理财平台规则等行为;
|
||||
(3)有任何违反法律法规、诚实信用、公序良俗、公平公正、平安理财平台规则等行为;
|
||||
</div>
|
||||
<div>
|
||||
2、平安理财保留调整、暂停和终止本活动的权利，并经公告后生效;
|
||||
</div>
|
||||
<div>
|
||||
3、用户参与本活动，即视为理解并同意本活动细则。在法律规定的范围内，平安理财有权对活动规则进行解释，并根据活动实际情况对本活动的规则进行变动或调整，相关变动或调整将公布在规则页面，并于公布时即时生效。
|
||||
</div>
|
||||
<div class="part">
|
||||
<div></div>
|
||||
<div></div>
|
||||
<div></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -6,7 +6,7 @@ export const useMainStore = defineStore("counter", {
|
||||
return {
|
||||
hasDraw: true, //是否有抽奖机会
|
||||
token: '',
|
||||
MBTI: 'ISTJ', //测试结果
|
||||
MBTI: 'ESFJ', //测试结果
|
||||
hasPrize: false, //是否有奖品
|
||||
prizeCode: 'oggSVMbeLgSK', //兑换码
|
||||
prizeMoney: '8.88', //金额
|
||||
@ -31,7 +31,7 @@ export const useMainStore = defineStore("counter", {
|
||||
this.MBTI = type
|
||||
},
|
||||
updateDrawKey(data) {
|
||||
console.log('保存结果:',data);
|
||||
console.log('保存结果:', data);
|
||||
this.drawKey = data.subKey
|
||||
this.hasDraw = data.drawFlag
|
||||
},
|
||||
|
||||
44
字体压缩.txt
44
字体压缩.txt
@ -44,7 +44,49 @@
|
||||
</div>
|
||||
</div>
|
||||
点击右上角分享给你的好友！*长按保存海报
|
||||
|
||||
<div class="part">
|
||||
<div>【活动时间】：2024年2月5日——2月9日</div>
|
||||
<div>【活动奖励】：0.5-8.88元微信红包</div>
|
||||
</div>
|
||||
<div class="part">
|
||||
<div>【活动攻略】：</div>
|
||||
<div>
|
||||
1、进入H5参加【测测你的花式性格】测试，共设计12道题目，全部选择完毕后即可获取测试结果。即可参与抽奖活动；
|
||||
</div>
|
||||
<div>2、活动期间不限制参与测试次数，每人每日有1次抽奖机会。</div>
|
||||
</div>
|
||||
<div class="part">
|
||||
<div>【领奖说明】：</div>
|
||||
<div>
|
||||
1、中奖后在中奖页面复制兑换码，前往[平安理财服务号] 消息框输入“2024”获取兑换链接，进入链接输入兑换码兑换奖品。如关闭了中奖界面，可在首页-[我的奖品] 内查看兑换码；
|
||||
</div>
|
||||
<div>2、成功领奖后，奖品将会在24小时内自动到账，请耐心等候；</div>
|
||||
<div>3、中奖人请在活动结束前进行兑换，逾期视为弃权。</div>
|
||||
<div>其他：</div>
|
||||
<div>
|
||||
活动期间如遇到任何问题，请在[平安理财服务号]后台咨询，我们会在一个工作日内回复。
|
||||
</div>
|
||||
<div>说明：</div>
|
||||
<div>本活动最终解释权归平安理财所有</div>
|
||||
<div>【活动攻略】：</div>
|
||||
<div>
|
||||
1、本活动由平安理财有限责任公司主办，为保证活动的公平公正，活动结束后主办方将对中奖用户信息进行核对，用户若有下列任何一种行为或情况的，主办方有权不经另行通知，取消其参与活动以及获奖资格，收回奖品权益，井保留追究其法律责任的权利:
|
||||
</div>
|
||||
<div>
|
||||
(1)以任何机器人软件、蜘蛛软件、爬虫软件、刷奖软件或其它任何自动方式不正当手段等参与本活动；
|
||||
</div>
|
||||
<div>
|
||||
(2)同一用户(包含相同手机号、相同收货信息、相同移动设备号、相同IP地址等) 单日内恶意切换微信账号参加活动，扰乱正常抽奖秩序，影响活动公平性的;
|
||||
</div>
|
||||
<div>
|
||||
(3)有任何违反法律法规、诚实信用、公序良俗、公平公正、平安理财平台规则等行为;
|
||||
</div>
|
||||
<div>
|
||||
2、平安理财保留调整、暂停和终止本活动的权利，并经公告后生效;
|
||||
</div>
|
||||
<div>
|
||||
3、用户参与本活动，即视为理解并同意本活动细则。在法律规定的范围内，平安理财有权对活动规则进行解释，并根据活动实际情况对本活动的规则进行变动或调整，相关变动或调整将公布在规则页面，并于公布时即时生效。
|
||||
</div>
|
||||
|
||||
2、AlimamaShuHeiTi
|
||||
id: 1,
|
||||
|
||||
Loading…
Reference in New Issue
Block a user