新增白色情人节
This commit is contained in:
Dragon
@@ -37,6 +37,7 @@ body {
|
||||
background-size: 100% 100%;
|
||||
position: relative;
|
||||
margin: 0 auto 0rem;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.header .rule_icon {
|
||||
@@ -45,6 +46,8 @@ body {
|
||||
position: absolute;
|
||||
top: 2.4rem;
|
||||
right: 0;
|
||||
background: url(../images/rule_icon.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.tab {
|
||||
@@ -53,6 +56,7 @@ body {
|
||||
margin: 0 auto 0rem;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.tab div {
|
||||
@@ -75,254 +79,13 @@ body {
|
||||
color: #663803;
|
||||
}
|
||||
|
||||
.page1 .bg1 {
|
||||
.page1 .page1Bg {
|
||||
width: 10rem;
|
||||
height: 15.14667rem;
|
||||
background: url(../images/page1_bg1.png) no-repeat;
|
||||
height: 33.76rem;
|
||||
display: block;
|
||||
margin: -9.98667rem auto 0;
|
||||
background: url(../images/page1Bg.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
margin: 0 auto 0;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.page1 .bg1 .title {
|
||||
width: 3.73333rem;
|
||||
height: 0.66667rem;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: 1.38667rem;
|
||||
}
|
||||
|
||||
.page1 .bg1 .loveBox {
|
||||
width: 3.38667rem;
|
||||
height: 3.33333rem;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: 5.86rem;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.page1 .bg1 .mp {
|
||||
width: 1.93333rem;
|
||||
height: 0.53333rem;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-58%);
|
||||
top: 7.09333rem;
|
||||
}
|
||||
|
||||
.page1 .bg1 p {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
text-align: center;
|
||||
font-size: 0.32rem;
|
||||
font-weight: 500;
|
||||
color: #521C98;
|
||||
}
|
||||
|
||||
.page1 .bg1 .p1 {
|
||||
top: 2.37333rem;
|
||||
}
|
||||
|
||||
.page1 .bg1 .p2 {
|
||||
top: 2.8rem;
|
||||
}
|
||||
|
||||
.page1 .bg1 .p3 {
|
||||
top: 8.74667rem;
|
||||
}
|
||||
|
||||
.page1 .bg1 .p4 {
|
||||
width: 6.61333rem;
|
||||
top: 13.44rem;
|
||||
color: #fff;
|
||||
font-size: 0.32rem;
|
||||
font-weight: 500;
|
||||
line-height: 0.45rem;
|
||||
}
|
||||
|
||||
.page1 .bg1 .giftList {
|
||||
width: 2.08rem;
|
||||
height: 2.08rem;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.page1 .bg1 .giftList .qp {
|
||||
width: 2.08rem;
|
||||
height: 2.08rem;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
background: url(../images/qp.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.page1 .bg1 .giftList .gift {
|
||||
width: 1.6rem;
|
||||
height: 1.6rem;
|
||||
border-radius: 50%;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: 0.24rem;
|
||||
}
|
||||
|
||||
.page1 .bg1 .giftList .giftName {
|
||||
width: 100%;
|
||||
height: 0.45333rem;
|
||||
line-height: 0.45333rem;
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: 1.65333rem;
|
||||
color: #fff;
|
||||
font-size: 0.32rem;
|
||||
font-weight: 500;
|
||||
background: url(../images/giftNameBg.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
z-index: 3;
|
||||
}
|
||||
|
||||
.page1 .bg1 .giftList .giftVAlue {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
bottom: -0.45rem;
|
||||
color: #521C98;
|
||||
font-size: 0.32rem;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.page1 .bg1 .filter {
|
||||
filter: grayscale(100%);
|
||||
}
|
||||
|
||||
.page1 .bg1 .filter .giftName {
|
||||
color: #E2E2E2;
|
||||
}
|
||||
|
||||
.page1 .bg1 .filter .giftVAlue {
|
||||
color: #99999A;
|
||||
}
|
||||
|
||||
.page1 .bg1 .giftList1 {
|
||||
left: 2.32rem;
|
||||
top: 3.78667rem;
|
||||
}
|
||||
|
||||
.page1 .bg1 .giftList2 {
|
||||
left: 6.41333rem;
|
||||
top: 3.78667rem;
|
||||
}
|
||||
|
||||
.page1 .bg1 .giftList3 {
|
||||
left: 6.82667rem;
|
||||
top: 6.69333rem;
|
||||
}
|
||||
|
||||
.page1 .bg1 .giftList4 {
|
||||
left: 5.57333rem;
|
||||
top: 9.6rem;
|
||||
}
|
||||
|
||||
.page1 .bg1 .giftList5 {
|
||||
left: 2.34667rem;
|
||||
top: 9.6rem;
|
||||
}
|
||||
|
||||
.page1 .bg1 .giftList6 {
|
||||
left: 1.09333rem;
|
||||
top: 6.8rem;
|
||||
}
|
||||
|
||||
.page1 .bg2 {
|
||||
width: 10rem;
|
||||
height: 13.86667rem;
|
||||
background: url(../images/page1_bg2.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
position: relative;
|
||||
margin: 0 auto 0.48rem;
|
||||
}
|
||||
|
||||
.page1 .bg2 .title {
|
||||
width: 3.73333rem;
|
||||
height: 0.66667rem;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: 1.44rem;
|
||||
}
|
||||
|
||||
.page1 .bg2 ul {
|
||||
width: 9.14667rem;
|
||||
height: 9.5rem;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: 2.2rem;
|
||||
overflow-y: scroll;
|
||||
}
|
||||
|
||||
.page1 .bg2 ul::-webkit-scrollbar {
|
||||
width: 0;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.page1 .bg2 ul li {
|
||||
width: 100%;
|
||||
height: 0.96rem;
|
||||
line-height: 0.94667rem;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.page1 .bg2 ul li div {
|
||||
width: 50%;
|
||||
text-align: center;
|
||||
color: #521C98;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.page1 .bg2 ul li .left {
|
||||
line-height: normal;
|
||||
}
|
||||
|
||||
.page1 .bg2 ul li .left p {
|
||||
color: #521C98;
|
||||
font-size: 0.32rem;
|
||||
margin-bottom: 0.02667rem;
|
||||
}
|
||||
|
||||
.page1 .bg2 ul li .left span {
|
||||
font-size: 0.26667rem;
|
||||
}
|
||||
|
||||
.page1 .bg2 ul .liTitle div {
|
||||
font-size: 0.37333rem;
|
||||
font-weight: 500;
|
||||
color: #521C98;
|
||||
}
|
||||
|
||||
.page1 .bg2 ul .null {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
font-size: 0.37333rem;
|
||||
font-weight: 500;
|
||||
color: #521C98;
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.page1 .bg2 ul .null div {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.page2 {
|
||||
@@ -689,344 +452,6 @@ body {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.page3 .box {
|
||||
width: 10rem;
|
||||
height: 10.66667rem;
|
||||
margin: 0 auto 0rem;
|
||||
background: url(../images/page3boxBg.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.page3 .box .page2Buy_icon {
|
||||
width: 2.10667rem;
|
||||
height: 0.96rem;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 3.89333rem;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.page3 .box i {
|
||||
font-style: normal;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
|
||||
.page3 .box .i2 {
|
||||
width: 6.61333rem;
|
||||
height: 0.90667rem;
|
||||
text-align: center;
|
||||
color: #521C98;
|
||||
font-size: 0.32rem;
|
||||
line-height: 0.46667rem;
|
||||
top: 1.26667rem;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.page3 .box .tasks {
|
||||
width: 8.72rem;
|
||||
height: 3.36rem;
|
||||
position: absolute;
|
||||
top: 2.77333rem;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
background: #F1F1FF;
|
||||
border-radius: 0.21333rem;
|
||||
}
|
||||
|
||||
.page3 .box .tasks .giftBox {
|
||||
width: 2.08rem;
|
||||
height: 2.08rem;
|
||||
position: absolute;
|
||||
left: 0.37333rem;
|
||||
top: 0.32rem;
|
||||
}
|
||||
|
||||
.page3 .box .tasks .giftBox .qp {
|
||||
width: 2.08rem;
|
||||
height: 2.08rem;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
background: url(../images/page3ts.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.page3 .box .tasks .giftBox .gift {
|
||||
width: 1.6rem;
|
||||
height: 1.6rem;
|
||||
border-radius: 50%;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: 0.24rem;
|
||||
}
|
||||
|
||||
.page3 .box .tasks .giftBox .giftName {
|
||||
width: 100%;
|
||||
height: 0.45333rem;
|
||||
line-height: 0.45333rem;
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: 1.65333rem;
|
||||
color: #fff;
|
||||
font-size: 0.32rem;
|
||||
font-weight: 500;
|
||||
background: url(../images/giftNameBg.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
z-index: 3;
|
||||
}
|
||||
|
||||
.page3 .box .tasks .giftBox .giftVAlue {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
bottom: -0.45rem;
|
||||
color: #521C98;
|
||||
font-size: 0.32rem;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.page3 .box .tasks p {
|
||||
position: absolute;
|
||||
color: #521C98;
|
||||
font-size: 0.32rem;
|
||||
font-weight: 500;
|
||||
left: 2.82667rem;
|
||||
}
|
||||
|
||||
.page3 .box .tasks .p1 {
|
||||
top: 0.45333rem;
|
||||
}
|
||||
|
||||
.page3 .box .tasks .p2 {
|
||||
top: 1.22667rem;
|
||||
color: #7347AD;
|
||||
}
|
||||
|
||||
.page3 .box .tasks .p3 {
|
||||
top: 2.34667rem;
|
||||
}
|
||||
|
||||
.page3 .box .tasks .line {
|
||||
width: 4.42667rem;
|
||||
height: 0.32rem;
|
||||
line-height: 0.32rem;
|
||||
border-radius: 0.32rem;
|
||||
position: absolute;
|
||||
left: 4rem;
|
||||
top: 1.2rem;
|
||||
background: #7466c4;
|
||||
}
|
||||
|
||||
.page3 .box .tasks .line span {
|
||||
width: 10%;
|
||||
height: 0.26667rem;
|
||||
border-radius: 0.26667rem;
|
||||
position: absolute;
|
||||
left: 0.02667rem;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
background: linear-gradient(90deg, #B4A8FE 0%, #DBF4FA 100%);
|
||||
}
|
||||
|
||||
.page3 .box .tasks .line .i {
|
||||
color: #c4a8a8;
|
||||
z-index: 2;
|
||||
position: absolute;
|
||||
right: -1.8rem;
|
||||
height: 100%;
|
||||
line-height: 0.32rem;
|
||||
width: auto;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.page3 .box .tasks .buy {
|
||||
width: 2.13333rem;
|
||||
height: 0.74667rem;
|
||||
line-height: 0.74667rem;
|
||||
vertical-align: middle;
|
||||
text-align: center;
|
||||
color: #663803;
|
||||
font-size: 0.37333rem;
|
||||
font-weight: 500;
|
||||
position: absolute;
|
||||
top: 2.18667rem;
|
||||
left: 6.26667rem;
|
||||
background: url(../images/page2But.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.page3 .box .tasks .buy img {
|
||||
display: inline-block;
|
||||
width: 0.64rem;
|
||||
height: 0.64rem;
|
||||
}
|
||||
|
||||
.page3 .box .tasks .act {
|
||||
background: url(../images/buy_z.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.page3 .box .tasks2 {
|
||||
width: 8.72rem;
|
||||
height: 3.36rem;
|
||||
position: absolute;
|
||||
top: 6.45333rem;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
background: #F1F1FF;
|
||||
border-radius: 0.21333rem;
|
||||
}
|
||||
|
||||
.page3 .box .tasks2 .giftBox {
|
||||
width: 2.08rem;
|
||||
height: 2.08rem;
|
||||
position: absolute;
|
||||
left: 0.37333rem;
|
||||
top: 0.32rem;
|
||||
}
|
||||
|
||||
.page3 .box .tasks2 .giftBox .qp {
|
||||
width: 2.08rem;
|
||||
height: 2.08rem;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
background: url(../images/page3qp.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.page3 .box .tasks2 .giftBox .gift {
|
||||
width: 1.6rem;
|
||||
height: 1.6rem;
|
||||
border-radius: 50%;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: 0.24rem;
|
||||
}
|
||||
|
||||
.page3 .box .tasks2 .giftBox .giftName {
|
||||
width: 100%;
|
||||
height: 0.45333rem;
|
||||
line-height: 0.45333rem;
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: 1.65333rem;
|
||||
color: #fff;
|
||||
font-size: 0.32rem;
|
||||
font-weight: 500;
|
||||
background: url(../images/giftNameBg.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
z-index: 3;
|
||||
}
|
||||
|
||||
.page3 .box .tasks2 .giftBox .giftVAlue {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
bottom: -0.45rem;
|
||||
color: #521C98;
|
||||
font-size: 0.32rem;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.page3 .box .tasks2 p {
|
||||
position: absolute;
|
||||
color: #521C98;
|
||||
font-size: 0.32rem;
|
||||
font-weight: 500;
|
||||
left: 2.82667rem;
|
||||
}
|
||||
|
||||
.page3 .box .tasks2 .p1 {
|
||||
top: 0.45333rem;
|
||||
}
|
||||
|
||||
.page3 .box .tasks2 .p2 {
|
||||
top: 1.22667rem;
|
||||
color: #7347AD;
|
||||
}
|
||||
|
||||
.page3 .box .tasks2 .p3 {
|
||||
top: 2.34667rem;
|
||||
}
|
||||
|
||||
.page3 .box .tasks2 .line {
|
||||
width: 4.42667rem;
|
||||
height: 0.32rem;
|
||||
line-height: 0.32rem;
|
||||
border-radius: 0.32rem;
|
||||
position: absolute;
|
||||
left: 4rem;
|
||||
top: 1.2rem;
|
||||
background: #7466c4;
|
||||
}
|
||||
|
||||
.page3 .box .tasks2 .line span {
|
||||
width: 10%;
|
||||
height: 0.26667rem;
|
||||
border-radius: 0.26667rem;
|
||||
position: absolute;
|
||||
left: 0.02667rem;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
background: linear-gradient(90deg, #B4A8FE 0%, #DBF4FA 100%);
|
||||
}
|
||||
|
||||
.page3 .box .tasks2 .line .i {
|
||||
color: #c4a8a8;
|
||||
z-index: 2;
|
||||
position: absolute;
|
||||
right: -1.8rem;
|
||||
height: 100%;
|
||||
line-height: 0.32rem;
|
||||
width: auto;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.page3 .box .tasks2 .buy {
|
||||
width: 2.13333rem;
|
||||
height: 0.74667rem;
|
||||
line-height: 0.74667rem;
|
||||
vertical-align: middle;
|
||||
text-align: center;
|
||||
color: #663803;
|
||||
font-size: 0.37333rem;
|
||||
font-weight: 500;
|
||||
position: absolute;
|
||||
top: 2.18667rem;
|
||||
left: 6.26667rem;
|
||||
background: url(../images/page2But.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.page3 .box .tasks2 .buy img {
|
||||
display: inline-block;
|
||||
width: 0.64rem;
|
||||
height: 0.64rem;
|
||||
}
|
||||
|
||||
.page3 .box .tasks2 .act {
|
||||
background: url(../images/buy_z.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.page3 .top3 {
|
||||
width: 10rem;
|
||||
height: 10.45333rem;
|
||||
|
||||
@@ -42,6 +42,7 @@ body {
|
||||
background-size: 100% 100%;
|
||||
position: relative;
|
||||
margin: 0 auto px2rem(0);
|
||||
z-index: 2;
|
||||
|
||||
.rule_icon {
|
||||
width: px2rem(62);
|
||||
@@ -49,6 +50,8 @@ body {
|
||||
position: absolute;
|
||||
top: px2rem(180);
|
||||
right: 0;
|
||||
background: url(../images/rule_icon.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -58,6 +61,7 @@ body {
|
||||
margin: 0 auto px2rem(0);
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
position: relative;
|
||||
|
||||
div {
|
||||
width: px2rem(240);
|
||||
@@ -81,259 +85,15 @@ body {
|
||||
}
|
||||
|
||||
.page1 {
|
||||
|
||||
// display: none;
|
||||
|
||||
.bg1 {
|
||||
.page1Bg {
|
||||
width: px2rem(750);
|
||||
height: px2rem(1136);
|
||||
background: url(../images/page1_bg1.png) no-repeat;
|
||||
height: px2rem(2532);
|
||||
display: block;
|
||||
margin: px2rem(-749) auto 0;
|
||||
background: url(../images/page1Bg.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
margin: 0 auto 0;
|
||||
position: relative;
|
||||
|
||||
.title {
|
||||
width: px2rem(280);
|
||||
height: px2rem(50);
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: px2rem(104);
|
||||
}
|
||||
|
||||
.loveBox {
|
||||
width: px2rem(254);
|
||||
height: px2rem(250);
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: 5.86rem;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.mp{
|
||||
width: px2rem(145);
|
||||
height: px2rem(40);
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-58%);
|
||||
top: px2rem(532);
|
||||
}
|
||||
|
||||
p {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
text-align: center;
|
||||
font-size: px2rem(24);
|
||||
font-weight: 500;
|
||||
color: #521C98;
|
||||
}
|
||||
|
||||
.p1 {
|
||||
top: px2rem(178);
|
||||
}
|
||||
|
||||
.p2 {
|
||||
top: px2rem(210);
|
||||
}
|
||||
|
||||
.p3 {
|
||||
top: px2rem(656);
|
||||
}
|
||||
|
||||
.p4 {
|
||||
width: px2rem(496);
|
||||
top: px2rem(1008);
|
||||
color: #fff;
|
||||
font-size: px2rem(24);
|
||||
font-weight: 500;
|
||||
line-height: 0.45rem;
|
||||
}
|
||||
|
||||
.giftList {
|
||||
width: px2rem(156);
|
||||
height: px2rem(156);
|
||||
position: absolute;
|
||||
|
||||
.qp {
|
||||
width: px2rem(156);
|
||||
height: px2rem(156);
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
background: url(../images/qp.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.gift {
|
||||
width: px2rem(120);
|
||||
height: px2rem(120);
|
||||
border-radius: 50%;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: px2rem(18);
|
||||
}
|
||||
|
||||
.giftName {
|
||||
width: 100%;
|
||||
height: px2rem(34);
|
||||
line-height: px2rem(34);
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: px2rem(124);
|
||||
color: #fff;
|
||||
font-size: px2rem(24);
|
||||
font-weight: 500;
|
||||
background: url(../images/giftNameBg.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
z-index: 3;
|
||||
|
||||
}
|
||||
|
||||
.giftVAlue {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
bottom: -0.45rem;
|
||||
color: #521C98;
|
||||
font-size: px2rem(24);
|
||||
font-weight: 500;
|
||||
}
|
||||
}
|
||||
|
||||
.filter {
|
||||
filter: grayscale(100%);
|
||||
|
||||
.giftName {
|
||||
color: #E2E2E2;
|
||||
}
|
||||
|
||||
.giftVAlue {
|
||||
color: #99999A;
|
||||
}
|
||||
}
|
||||
|
||||
.giftList1 {
|
||||
left: px2rem(174);
|
||||
top: px2rem(284);
|
||||
}
|
||||
|
||||
.giftList2 {
|
||||
left: px2rem(481);
|
||||
top: px2rem(284);
|
||||
}
|
||||
|
||||
.giftList3 {
|
||||
left: px2rem(512);
|
||||
top: px2rem(502);
|
||||
}
|
||||
|
||||
.giftList4 {
|
||||
left: px2rem(418);
|
||||
top: px2rem(720);
|
||||
}
|
||||
|
||||
.giftList5 {
|
||||
left: px2rem(176);
|
||||
top: px2rem(720);
|
||||
}
|
||||
|
||||
.giftList6 {
|
||||
left: px2rem(82);
|
||||
top: px2rem(510);
|
||||
}
|
||||
}
|
||||
|
||||
.bg2 {
|
||||
width: px2rem(750);
|
||||
height: px2rem(1040);
|
||||
background: url(../images/page1_bg2.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
position: relative;
|
||||
margin: 0 auto px2rem(36);
|
||||
|
||||
.title {
|
||||
width: px2rem(280);
|
||||
height: px2rem(50);
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: px2rem(108);
|
||||
}
|
||||
|
||||
ul {
|
||||
width: px2rem(686);
|
||||
height: 9.5rem;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: 2.2rem;
|
||||
overflow-y: scroll;
|
||||
|
||||
&::-webkit-scrollbar {
|
||||
width: 0;
|
||||
display: none;
|
||||
}
|
||||
|
||||
li {
|
||||
width: 100%;
|
||||
height: px2rem(72);
|
||||
line-height: px2rem(71);
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
|
||||
div {
|
||||
width: 50%;
|
||||
text-align: center;
|
||||
color: #521C98;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.left {
|
||||
line-height: normal;
|
||||
|
||||
p {
|
||||
color: #521C98;
|
||||
font-size: px2rem(24);
|
||||
margin-bottom: px2rem(2);
|
||||
}
|
||||
|
||||
span {
|
||||
font-size: px2rem(20);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.liTitle {
|
||||
div {
|
||||
font-size: px2rem(28);
|
||||
font-weight: 500;
|
||||
color: #521C98;
|
||||
}
|
||||
}
|
||||
|
||||
.null {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
font-size: px2rem(28);
|
||||
font-weight: 500;
|
||||
color: #521C98;
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
|
||||
div {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -710,353 +470,6 @@ body {
|
||||
.page3 {
|
||||
display: none;
|
||||
|
||||
.box {
|
||||
width: px2rem(750);
|
||||
height: px2rem(800);
|
||||
margin: 0 auto px2rem(0);
|
||||
background: url(../images/page3boxBg.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
position: relative;
|
||||
|
||||
.page2Buy_icon {
|
||||
width: px2rem(158);
|
||||
height: px2rem(72);
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: px2rem(292);
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
i {
|
||||
font-style: normal;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
|
||||
.i2 {
|
||||
width: px2rem(496);
|
||||
height: px2rem(68);
|
||||
text-align: center;
|
||||
color: #521C98;
|
||||
font-size: px2rem(24);
|
||||
line-height: px2rem(35);
|
||||
top: px2rem(95);
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.tasks {
|
||||
width: px2rem(654);
|
||||
height: px2rem(252);
|
||||
position: absolute;
|
||||
top: px2rem(208);
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
background: #F1F1FF;
|
||||
border-radius: px2rem(16);
|
||||
|
||||
.giftBox {
|
||||
width: px2rem(156);
|
||||
height: px2rem(156);
|
||||
position: absolute;
|
||||
left: px2rem(28);
|
||||
top: px2rem(24);
|
||||
|
||||
.qp {
|
||||
width: px2rem(156);
|
||||
height: px2rem(156);
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
background: url(../images/page3ts.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.gift {
|
||||
width: px2rem(120);
|
||||
height: px2rem(120);
|
||||
border-radius: 50%;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: px2rem(18);
|
||||
}
|
||||
|
||||
.giftName {
|
||||
width: 100%;
|
||||
height: px2rem(34);
|
||||
line-height: px2rem(34);
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: px2rem(124);
|
||||
color: #fff;
|
||||
font-size: px2rem(24);
|
||||
font-weight: 500;
|
||||
background: url(../images/giftNameBg.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
z-index: 3;
|
||||
|
||||
}
|
||||
|
||||
.giftVAlue {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
bottom: -0.45rem;
|
||||
color: #521C98;
|
||||
font-size: px2rem(24);
|
||||
font-weight: 500;
|
||||
}
|
||||
}
|
||||
|
||||
p {
|
||||
position: absolute;
|
||||
color: #521C98;
|
||||
font-size: px2rem(24);
|
||||
font-weight: 500;
|
||||
left: px2rem(212);
|
||||
}
|
||||
|
||||
.p1 {
|
||||
top: px2rem(34);
|
||||
}
|
||||
|
||||
.p2 {
|
||||
top: px2rem(92);
|
||||
color: #7347AD;
|
||||
}
|
||||
|
||||
.p3 {
|
||||
top: px2rem(176);
|
||||
}
|
||||
|
||||
.line {
|
||||
width: px2rem(332);
|
||||
height: px2rem(24);
|
||||
line-height: px2rem(24);
|
||||
border-radius: px2rem(24);
|
||||
position: absolute;
|
||||
left: px2rem(300);
|
||||
top: px2rem(90);
|
||||
background: #7466c4;
|
||||
|
||||
span {
|
||||
width: 10%;
|
||||
height: px2rem(20);
|
||||
border-radius: px2rem(20);
|
||||
position: absolute;
|
||||
// border: px2rem(2) solid #7151CE;
|
||||
left: px2rem(2);
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
background: linear-gradient(90deg, #B4A8FE 0%, #DBF4FA 100%);
|
||||
}
|
||||
|
||||
.i {
|
||||
// color: #fceb02;
|
||||
color: #c4a8a8;
|
||||
z-index: 2;
|
||||
position: absolute;
|
||||
right: -1.8rem;
|
||||
height: 100%;
|
||||
line-height: px2rem(24);
|
||||
width: auto;
|
||||
text-align: right;
|
||||
}
|
||||
}
|
||||
|
||||
.buy {
|
||||
width: px2rem(160);
|
||||
height: px2rem(56);
|
||||
line-height: px2rem(56);
|
||||
vertical-align: middle;
|
||||
text-align: center;
|
||||
color: #663803;
|
||||
font-size: px2rem(28);
|
||||
font-weight: 500;
|
||||
position: absolute;
|
||||
top: px2rem(164);
|
||||
left: px2rem(470);
|
||||
background: url(../images/page2But.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
|
||||
img {
|
||||
display: inline-block;
|
||||
width: px2rem(48);
|
||||
height: px2rem(48);
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
.act {
|
||||
background: url(../images/buy_z.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.tasks2 {
|
||||
width: px2rem(654);
|
||||
height: px2rem(252);
|
||||
position: absolute;
|
||||
top: px2rem(484);
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
background: #F1F1FF;
|
||||
border-radius: px2rem(16);
|
||||
|
||||
.giftBox {
|
||||
width: px2rem(156);
|
||||
height: px2rem(156);
|
||||
position: absolute;
|
||||
left: px2rem(28);
|
||||
top: px2rem(24);
|
||||
|
||||
.qp {
|
||||
width: px2rem(156);
|
||||
height: px2rem(156);
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
background: url(../images/page3qp.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.gift {
|
||||
width: px2rem(120);
|
||||
height: px2rem(120);
|
||||
border-radius: 50%;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: px2rem(18);
|
||||
}
|
||||
|
||||
.giftName {
|
||||
width: 100%;
|
||||
height: px2rem(34);
|
||||
line-height: px2rem(34);
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: px2rem(124);
|
||||
color: #fff;
|
||||
font-size: px2rem(24);
|
||||
font-weight: 500;
|
||||
background: url(../images/giftNameBg.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
z-index: 3;
|
||||
|
||||
}
|
||||
|
||||
.giftVAlue {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
bottom: -0.45rem;
|
||||
color: #521C98;
|
||||
font-size: px2rem(24);
|
||||
font-weight: 500;
|
||||
}
|
||||
}
|
||||
|
||||
p {
|
||||
position: absolute;
|
||||
color: #521C98;
|
||||
font-size: px2rem(24);
|
||||
font-weight: 500;
|
||||
left: px2rem(212);
|
||||
}
|
||||
|
||||
.p1 {
|
||||
top: px2rem(34);
|
||||
}
|
||||
|
||||
.p2 {
|
||||
top: px2rem(92);
|
||||
color: #7347AD;
|
||||
}
|
||||
|
||||
.p3 {
|
||||
top: px2rem(176);
|
||||
}
|
||||
|
||||
.line {
|
||||
width: px2rem(332);
|
||||
height: px2rem(24);
|
||||
line-height: px2rem(24);
|
||||
border-radius: px2rem(24);
|
||||
position: absolute;
|
||||
left: px2rem(300);
|
||||
top: px2rem(90);
|
||||
background: #7466c4;
|
||||
|
||||
span {
|
||||
width: 10%;
|
||||
height: px2rem(20);
|
||||
border-radius: px2rem(20);
|
||||
position: absolute;
|
||||
// border: px2rem(2) solid #7151CE;
|
||||
left: px2rem(2);
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
background: linear-gradient(90deg, #B4A8FE 0%, #DBF4FA 100%);
|
||||
}
|
||||
|
||||
.i {
|
||||
// color: #fceb02;
|
||||
color: #c4a8a8;
|
||||
z-index: 2;
|
||||
position: absolute;
|
||||
right: -1.8rem;
|
||||
height: 100%;
|
||||
line-height: px2rem(24);
|
||||
width: auto;
|
||||
text-align: right;
|
||||
}
|
||||
}
|
||||
|
||||
.buy {
|
||||
width: px2rem(160);
|
||||
height: px2rem(56);
|
||||
line-height: px2rem(56);
|
||||
vertical-align: middle;
|
||||
text-align: center;
|
||||
color: #663803;
|
||||
font-size: px2rem(28);
|
||||
font-weight: 500;
|
||||
position: absolute;
|
||||
top: px2rem(164);
|
||||
left: px2rem(470);
|
||||
background: url(../images/page2But.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
|
||||
img {
|
||||
display: inline-block;
|
||||
width: px2rem(48);
|
||||
height: px2rem(48);
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
.act {
|
||||
background: url(../images/buy_z.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.top3 {
|
||||
width: px2rem(750);
|
||||
height: px2rem(784);
|
||||
@@ -2062,7 +1475,8 @@ body {
|
||||
&::-webkit-scrollbar {
|
||||
display: none;
|
||||
}
|
||||
img{
|
||||
|
||||
img {
|
||||
display: block;
|
||||
width: px2rem(656);
|
||||
margin: 0 auto px2rem(20);
|
||||
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 201 KiB After Width: | Height: | Size: 202 KiB |
BIN
view/peko/activity/2024-whiteLove/images/page1Bg.png
Normal file
BIN
view/peko/activity/2024-whiteLove/images/page1Bg.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 351 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 161 KiB After Width: | Height: | Size: 164 KiB |
BIN
view/peko/activity/2024-whiteLove/images/rule_icon.png
Normal file
BIN
view/peko/activity/2024-whiteLove/images/rule_icon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 6.9 KiB |
@@ -22,88 +22,14 @@
|
||||
|
||||
<!-- tab切換 -->
|
||||
<div class="tab">
|
||||
<div class="act">萌動花盒</div>
|
||||
<div class="act">告白攻略</div>
|
||||
<div>甜蜜升溫</div>
|
||||
<div>熱戀時刻</div>
|
||||
</div>
|
||||
|
||||
<!-- 頁面1 -->
|
||||
<div class="page1">
|
||||
<div class="bg1">
|
||||
<!-- 標題 -->
|
||||
<img src="./images/page1Bg1Title.png" alt="" class="title">
|
||||
<!-- 愛心盒子 -->
|
||||
<img src="./images/loveBox.png" alt="" class="loveBox">
|
||||
<!-- 文案 -->
|
||||
<p class="p1">活動期間，開出「萌動花盒」中的6種不同禮物</p>
|
||||
<p class="p2">可獲得「初心萌動」限定銘牌</p>
|
||||
<p class="p3">今日獎勵已發放</p>
|
||||
<p class="p4">獎勵自動發放，每日僅可領取一次，點亮結果和獎勵每日中午12點自動刷新</p>
|
||||
<!-- 銘牌 -->
|
||||
<img src="./images/mp.png" alt="" class="mp">
|
||||
<!-- 點亮列錶 -->
|
||||
<div class="giftListBox">
|
||||
<div class="giftList giftList1 filter">
|
||||
<div class="qp"></div>
|
||||
<img src="./images/1.png" alt="" class="gift">
|
||||
<div class="giftName">白玫瑰</div>
|
||||
<div class="giftVAlue">1314鉆</div>
|
||||
</div>
|
||||
<div class="giftList giftList2 filter">
|
||||
<div class="qp"></div>
|
||||
<img src="./images/2.png" alt="" class="gift">
|
||||
<div class="giftName">紅玫瑰</div>
|
||||
<div class="giftVAlue">1314鉆</div>
|
||||
</div>
|
||||
<div class="giftList giftList3 filter">
|
||||
<div class="qp"></div>
|
||||
<img src="./images/3.png" alt="" class="gift">
|
||||
<div class="giftName">粉玫瑰</div>
|
||||
<div class="giftVAlue">1314鉆</div>
|
||||
</div>
|
||||
<div class="giftList giftList4 filter">
|
||||
<div class="qp"></div>
|
||||
<img src="./images/4.png" alt="" class="gift">
|
||||
<div class="giftName">彩玫瑰</div>
|
||||
<div class="giftVAlue">1314鉆</div>
|
||||
</div>
|
||||
<div class="giftList giftList5 filter">
|
||||
<div class="qp"></div>
|
||||
<img src="./images/5.png" alt="" class="gift">
|
||||
<div class="giftName">熾熱愛戀</div>
|
||||
<div class="giftVAlue">1314鉆</div>
|
||||
</div>
|
||||
<div class="giftList giftList6 filter">
|
||||
<div class="qp"></div>
|
||||
<img src="./images/6.png" alt="" class="gift">
|
||||
<div class="giftName">純白愛戀</div>
|
||||
<div class="giftVAlue">1314鉆</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="bg2">
|
||||
<!-- 標題 -->
|
||||
<img src="./images/page1Bg2Title.png" alt="" class="title">
|
||||
<!-- 列錶 -->
|
||||
<ul>
|
||||
<li class="liTitle">
|
||||
<div>點亮時間</div>
|
||||
<div>獲得獎勵</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="left">
|
||||
<p>2024/2/1</p>
|
||||
<span>00:00:00</span>
|
||||
</div>
|
||||
<div>xxxx銘牌</div>
|
||||
</li>
|
||||
<li class="null">
|
||||
<div>暫無點亮記錄，快去集齊禮物吧~</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="page1Bg"></div>
|
||||
</div>
|
||||
|
||||
<!-- 頁面2 -->
|
||||
@@ -161,51 +87,6 @@
|
||||
|
||||
<!-- 頁面3 -->
|
||||
<div class="page3">
|
||||
<!-- 獎勵任務 -->
|
||||
<div class="box">
|
||||
<!-- 文案 -->
|
||||
<i class="i2">突破熱戀值，領取限時裝扮獎勵！
|
||||
女性用戶獲得粉色裝扮，男性用戶獲得藍色裝扮
|
||||
每個用戶僅能獲取1次，將自動發放至「我的裝扮」</i>
|
||||
<!-- 任務 -->
|
||||
<div class="tasks tasks1">
|
||||
<div class="giftBox">
|
||||
<div class="qp"></div>
|
||||
<!-- <img src="./images/logo.png" alt="" class="gift"> -->
|
||||
<div class="giftName">糖果戀人頭飾</div>
|
||||
<div class="giftVAlue">13140熱戀值</div>
|
||||
</div>
|
||||
<p class="p1">糖果戀人頭飾-情人節限定</p>
|
||||
<p class="p2">熱戀值</p>
|
||||
<p class="p3">有效期：24H</p>
|
||||
<div class="line">
|
||||
<span></span>
|
||||
<i class="i">0/1000</i>
|
||||
</div>
|
||||
<div class="buy">
|
||||
未完成
|
||||
</div>
|
||||
</div>
|
||||
<div class="tasks2">
|
||||
<div class="giftBox">
|
||||
<div class="qp"></div>
|
||||
<!-- <img src="./images/logo.png" alt="" class="gift"> -->
|
||||
<div class="giftName">糖果戀人氣泡</div>
|
||||
<div class="giftVAlue">33440熱戀值</div>
|
||||
</div>
|
||||
<p class="p1">糖果戀人氣泡·情人節限定</p>
|
||||
<p class="p2">熱戀值</p>
|
||||
<p class="p3">有效期：24H</p>
|
||||
<div class="line">
|
||||
<span></span>
|
||||
<i class="i">0/1000</i>
|
||||
</div>
|
||||
<div class="buy">
|
||||
未完成
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 前三 -->
|
||||
<div class="top3">
|
||||
<!-- 標題 -->
|
||||
@@ -296,27 +177,23 @@
|
||||
<img src="./images/ruleTitle.png" alt="" class="title">
|
||||
<!-- 列錶 -->
|
||||
<ul>
|
||||
<li>一、活動時間：</li>
|
||||
<li> 2024年2月12日12:00:00—2024年2月16日23:59:59</li>
|
||||
<li> 二、熱戀情人節</li>
|
||||
<li> 1. 萌動花盒</li>
|
||||
<li> a. 活動期間，5200鉆石萌動花盒幸運禮物限時上線，花盒內有6種不同禮物，每次送出隨機解鎖1種</li>
|
||||
<li> b.每送出花盒內的一種禮物皆可點亮對應拼圖，所有拼圖全部點亮即可獲得24H【初心萌動】銘牌獎勵</li>
|
||||
<li> c. 拼圖進度每日中午12點重置，活動期間每天均可完成1次 </li>
|
||||
<li>一、活動時間：2024年3月13日11:00:00-2024年3月16日23:59:59</li>
|
||||
<li>二、活動規則</li>
|
||||
<li>1.告白攻略</li>
|
||||
<li> a.活動期間禮物欄限時上新白色情人節限定禮物；</li>
|
||||
<li> b.活動期間送/收到白色情人节限定全套禮物,可獲得一套銘牌、頭飾、氣泡裝扮(根據送禮方or收禮方贈對應裝扮款式)；</li>
|
||||
<li>c.每送齊或收齊一次全套,所獲得的裝扮贈禮天數會累加;</li>
|
||||
<li>2. 甜蜜升溫</li>
|
||||
<li> a. 活動期間，超珍稀禮物直購限時開放，贈送禮物每達指定價值即可解鎖直購</li>
|
||||
<li>b. 贈送禮物價值每滿520000鉆，即可購買【心動一剎131400鉆】</li>
|
||||
<li>c. 贈送禮物價值每滿1314520鉆，即可購買【絕對寵溺334400鉆】</li>
|
||||
<li>a. 活動期間，超珍稀禮物直購限時開放，贈送禮物每達指定價值即可解鎖直購</li>
|
||||
<li>b. 贈送禮物價值每滿131400鉆，即可購買【心動一剎131400鉆】贈送禮物價值每滿334400鉆，即可購買【絕對寵溺334400鉆】</li>
|
||||
<li>c. </li>
|
||||
<li>d. 購買的禮物將直接放入背包當中</li>
|
||||
<li>3. 熱戀時刻</li>
|
||||
<li>a. 活動時間：2月14日0:00:00—2月15日00:00:00</li>
|
||||
<li>b. 活動時間內，比拼熱戀值（收到10鉆=1熱戀值）</li>
|
||||
<li>c. 活動時間內，熱戀值滿13140，可獲得24H【糖果戀人】頭像框獎勵；熱戀值滿33440，可獲得24H【糖果戀人】氣泡獎勵</li>
|
||||
<li>d. 大頭號（牌照房房主）和家族長不可以組成CP，不參與榜單活動排名</li>
|
||||
<li>e. 榜單獎勵：TOP1可額外獲得情侶靚號5203344&3344520*30天；TOP1-3均可獲得【摯愛唯一】專屬銘牌、頭像框、資料卡、專屬開屏1天</li>
|
||||
<li>活动期间，比拼热恋值；</li>
|
||||
<li>详细榜单规则与奖励可见榜单说明；</li>
|
||||
<li>三、特別說明</li>
|
||||
<li>1.靚號持有者需要在活動結束後2周內確認靚號，否則將自動過期無法使用</li>
|
||||
<li>2.本活動最終解釋權歸PIKO所有，本活動以及獎勵與蘋果公司無關</li>
|
||||
<li>2.本活動以及獎勵與Apple公司無關。</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -68,21 +68,6 @@ function getRank () {
|
||||
url: urlPrefix + '/act/2024Valentines/cpRank/getRank',
|
||||
success (res) {
|
||||
if (res.code === 200) {
|
||||
// 處理任務
|
||||
res.data.cpTaskList.forEach((val, i) => {
|
||||
console.log(res.status);
|
||||
if (val.status == 2) {
|
||||
$(`.page3 .box .tasks${i + 1} .buy`).addClass("act");
|
||||
$(`.page3 .box .tasks${i + 1} .buy`).text("已完成");
|
||||
$(`.page3 .box .tasks${i + 1} .line .i`).text(`${res.data.score > val.score ? val.score : res.data.score}/${val.score}`);
|
||||
$(`.page3 .box .tasks${i + 1} .line span`).css('width', `${(res.data.score / val.score) * 100 >= 100 ? 98.8 : (res.data.score / val.score) * 100}%`)
|
||||
} else {
|
||||
$(`.page3 .box .tasks${i + 1} .buy`).removeClass("act");
|
||||
$(`.page3 .box .tasks${i + 1} .buy`).text("未完成");
|
||||
$(`.page3 .box .tasks${i + 1} .line .i`).text(`${res.data.score > val.score ? val.score : res.data.score}/${val.score}`);
|
||||
$(`.page3 .box .tasks${i + 1} .line span`).css('width', `${(res.data.score / val.score) * 100 >= 100 ? 98.8 : (res.data.score / val.score) * 100}%`)
|
||||
}
|
||||
});
|
||||
// 處理前三
|
||||
var top3 = res.data.rankList.slice(0, 3);
|
||||
var notTop3 = res.data.rankList.slice(3);
|
||||
@@ -224,7 +209,7 @@ function getTask_MENG_DONG_HUA_HE () {
|
||||
`
|
||||
});
|
||||
$('.page1 .bg1 .giftListBox').append(str);
|
||||
activityCode1 = 'ACT_2024_VALENTINES_DAY';
|
||||
activityCode1 = 'ACT_2024_WHITE_VALENTINES_DAY';
|
||||
recordPage(activityCode1, 'MENG_DONG_HUA_HE',);
|
||||
if (res.data[0].reward.granted) {
|
||||
$('.page1 .bg1 .p3').show();
|
||||
@@ -248,10 +233,10 @@ function getTask_TIAN_MI_SHENG_WEN () {
|
||||
networkRequest({
|
||||
type: 'get',
|
||||
url: urlPrefix + '/activity/task/user',
|
||||
data: { componentCode: "TIAN_MI_SHENG_WEN" },
|
||||
data: { componentCode: "WHITE_TIAN_MI_SHENG_WEN" },
|
||||
success (res) {
|
||||
if (res.code === 200) {
|
||||
activityCode2 = 'ACT_2024_VALENTINES_DAY';
|
||||
activityCode2 = 'ACT_2024_WHITE_VALENTINES_DAY';
|
||||
res.data.forEach((res, i) => {
|
||||
$(`.page2 .box .tasks${i + 1} .giftBox .gift`).attr('src', res.taskIcon);
|
||||
$(`.page2 .box .tasks${i + 1} .giftBox .giftName`).text(res.reward.rewardName);
|
||||
@@ -378,7 +363,7 @@ function recordPage (activityCode, componentCode) {
|
||||
`})
|
||||
}
|
||||
$('.page1 .bg2 ul').append(str);
|
||||
} else if (componentCode == 'TIAN_MI_SHENG_WEN') {
|
||||
} else if (componentCode == 'WHITE_TIAN_MI_SHENG_WEN') {
|
||||
$('.buyRecords .buyRecords_in ul li').remove();
|
||||
if (res.data.records.length <= 0) {
|
||||
str = `<li class="null"><div>暫無購買記錄~</div></li>`
|
||||
@@ -413,7 +398,7 @@ function recordPage (activityCode, componentCode) {
|
||||
}
|
||||
// 打開購買記錄
|
||||
$('.page2 .box .page2Buy_icon').click(function () {
|
||||
recordPage(activityCode2, 'TIAN_MI_SHENG_WEN',);
|
||||
recordPage(activityCode2, 'WHITE_TIAN_MI_SHENG_WEN',);
|
||||
$('.buyRecords').show();
|
||||
bodyScroolFun(true);
|
||||
})
|
||||
|
||||
Reference in New Issue
Block a user