liangzejun/palc-newyear2024
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

切图完成

Browse Source
This commit is contained in:
梁泽军
2024-07-18 18:31:47 +08:00
parent e8fbcd48aa
commit bc1454a0e6
95 changed files with 1046 additions and 847 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
src/components/Rule.vue
View File

@@ -39,14 +39,14 @@ onMounted(() => {
<div class="part">
<div>活动攻略：</div>
<div>
1、【猜灯谜闹元宵】活动共设计3道题目，全部选择完毕后即可获取测试结果。参与抽奖活动；
1、进入活动参加【好理在手 邂逅清凉一夏】答题，共设计3道题目，全部选择完毕后即可参与抽奖活动；
</div>
<div>2、活动期间不限制参与测试次数，每人每日有1次抽奖机会。</div>
<div>2、活动期间不限制参与答题次数，每人每日有1次抽奖机会。</div>
</div>
<div class="part">
<div>领奖说明：</div>
<div>
1、中奖后在中奖页面复制兑换码，前往<span class="blod">[平安理财服务号]</span>消息框输入“元宵快乐”获取兑换链接，进入链接输入兑换码兑换奖品。如关闭了中奖界面，可在首页-[我的奖品] 内查看兑换码；
<span class="blod">1、中奖后在中奖页面复制兑换码，前往[平安理财服务号] 消息框输入“清凉一夏”获取兑换链接，进入链接输入兑换码兑换奖品。</span>如关闭了中奖界面，可在首页-[我的奖品] 内查看兑换码；
</div>
<div>2、成功领奖后，奖品将会在24小时内自动到账，请耐心等候；</div>
<div>3、中奖人请在活动结束前进行兑换，逾期视为弃权。</div>
@@ -98,25 +98,25 @@ onMounted(() => {
.rule-container {
position: relative;
@include box(612px, 794px);
@include box(664px, 861px);
overflow: hidden;
.content {
.rule-content {
@include box(612px, 794px);
@include box(663px, 861px);
@include bg_pos("rule/rule-box.png");
position: relative;
overflow: hidden;
.rule-text-area {
@include pos(612px, 676px, 0px, 101px);
@include pos(663px, 645px, 0px, 131px);
overflow: hidden;
// overflow-y: scroll;
padding: 0px 20px;
padding: 0px 50px;
.part {
color: #a31b15;
color: #0070d9;
font-size: 20px;
line-height: 35px;
margin-top: 30px;
@@ -127,7 +127,7 @@ onMounted(() => {
.blod{
font-weight: 700;
color: #6c0500;
color: #0070d9;
}
.margin-bottom-area{
@@ -138,18 +138,18 @@ onMounted(() => {
}
.rule-arrow {
@include pos(149px, 84px, 231px, 682px);
@include pos(149px, 84px, 257px, 712px);
@include bg_pos("rule/arrow.png");
pointer-events: none;
}
.rule-bottom-bg {
// visibility: hidden;
@include pos(588px, 102px, 12px, 682px);
@include pos(600px, 102px, 30px, 728px);
pointer-events: none;
background-image: -webkit-linear-gradient( 90deg, rgba(255,238,186,0.7) , rgba(255, 255, 255, 0.1) 100%);
background-image: -webkit-linear-gradient( 90deg, rgba(0, 112, 217, 0.1) , rgba(255, 255, 255, 0.1) 100%);
}
.rule-icon {
@include pos(118px, 146px, 511px, 25px);
@include pos(165px, 180px, 517px, 666px);
@include bg_pos("rule/icon.png");
pointer-events: none;
}