Compare commits
16 Commits
goldLog
...
smallWeekS
| Author | SHA1 | Date | |
|---|---|---|---|
|
b8ecaee589 | ||
|
|
c76e9865a5 | ||
|
|
f807a42db5 | ||
|
|
a483a37b0a | ||
|
|
1b237c98d7 | ||
|
|
babea9cc93 | ||
|
|
84895eb85c | ||
|
|
705e38984f | ||
|
|
67f83ec43b | ||
|
|
41a21aa088 | ||
|
|
bf24a6f964 | ||
|
|
c2ace6d362 | ||
|
|
d260b7ca19 | ||
|
|
6316350ebc | ||
|
|
b2ac650c5d | ||
|
|
4e14fbe8d5 |
@@ -102,7 +102,7 @@ body::-webkit-scrollbar {
|
||||
|
||||
.giftBox {
|
||||
width: 9.2rem;
|
||||
height: 5.96rem;
|
||||
height: 6.49333rem;
|
||||
background: url(../images/giftBox.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
margin: 0 auto 0.06667rem;
|
||||
@@ -111,8 +111,8 @@ body::-webkit-scrollbar {
|
||||
}
|
||||
|
||||
.giftBox .swiper {
|
||||
width: 6.56rem;
|
||||
height: 4rem;
|
||||
width: 8.02667rem;
|
||||
height: 4.85333rem;
|
||||
margin: 1.48rem auto 0;
|
||||
}
|
||||
|
||||
|
||||
@@ -110,7 +110,7 @@ body {
|
||||
|
||||
.giftBox {
|
||||
width: px2rem(690);
|
||||
height: px2rem(447);
|
||||
height: px2rem(487);
|
||||
background: url(../images/giftBox.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
margin: 0 auto px2rem(5);
|
||||
@@ -118,8 +118,8 @@ body {
|
||||
overflow: hidden;
|
||||
|
||||
.swiper {
|
||||
width: px2rem(492);
|
||||
height: px2rem(300);
|
||||
width: px2rem(602);
|
||||
height: px2rem(364);
|
||||
margin: px2rem(111) auto 0;
|
||||
}
|
||||
}
|
||||
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 25 KiB After Width: | Height: | Size: 96 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 23 KiB After Width: | Height: | Size: 78 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 36 KiB After Width: | Height: | Size: 105 KiB |
553
view/peko/activity/2023-ruffian/css/index.css
Normal file
553
view/peko/activity/2023-ruffian/css/index.css
Normal file
@@ -0,0 +1,553 @@
|
||||
html,
|
||||
body {
|
||||
width: 100%;
|
||||
background: linear-gradient(0deg, #EBC8FA 0%, #FCB0EB 99%);
|
||||
}
|
||||
|
||||
.rabbit {
|
||||
z-index: 999;
|
||||
}
|
||||
|
||||
.back {
|
||||
position: fixed;
|
||||
top: 0.93333rem;
|
||||
left: 0.45333rem;
|
||||
z-index: 99;
|
||||
width: 0.82667rem;
|
||||
height: 0.82667rem;
|
||||
}
|
||||
|
||||
.back img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.back p {
|
||||
color: #fff;
|
||||
font-size: 0.42667rem;
|
||||
position: absolute;
|
||||
width: 9rem;
|
||||
left: 0;
|
||||
top: 0;
|
||||
height: 100%;
|
||||
text-align: center;
|
||||
line-height: 0.82667rem;
|
||||
}
|
||||
|
||||
.header {
|
||||
width: 10rem;
|
||||
height: 10.6rem;
|
||||
background: url(../images/header.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
margin: 0 auto 0;
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.header .giftBox {
|
||||
width: 8.82667rem;
|
||||
height: 3.2rem;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: 5.97333rem;
|
||||
}
|
||||
|
||||
.header .tab {
|
||||
width: 6.4rem;
|
||||
height: 1.10667rem;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: 9.52rem;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.header .tab div {
|
||||
width: 2.82667rem;
|
||||
height: 1.10667rem;
|
||||
line-height: 1.10667rem;
|
||||
color: #F1E8F6;
|
||||
font-size: 0.37333rem;
|
||||
text-align: center;
|
||||
background: url(../images/tab.png) no-repeat;
|
||||
background-size: 100%, 100%;
|
||||
}
|
||||
|
||||
.header .tab .active {
|
||||
background: url(../images/tab_active.png) no-repeat;
|
||||
background-size: 100%, 100%;
|
||||
}
|
||||
|
||||
.header .rule_iaon {
|
||||
width: 1.6rem;
|
||||
height: 0.74667rem;
|
||||
line-height: 0.62667rem;
|
||||
text-align: center;
|
||||
text-indent: 15px;
|
||||
color: #fff;
|
||||
font-size: 0.24rem;
|
||||
position: absolute;
|
||||
right: 0rem;
|
||||
top: 5.33333rem;
|
||||
background: url(../images/rule_icon.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.page1 .activity1 {
|
||||
width: 10rem;
|
||||
height: 11.89333rem;
|
||||
background: url(../images/activity1Bg.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
margin: -0.57333rem auto 0.12rem;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.page1 .activity1 div {
|
||||
position: absolute;
|
||||
right: 1rem;
|
||||
width: 2rem;
|
||||
height: 0.81333rem;
|
||||
line-height: 0.64rem;
|
||||
text-align: center;
|
||||
font-size: 0.28rem;
|
||||
color: #E7FEFF;
|
||||
background: url(../images/lqOut.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.page1 .activity1 .but1 {
|
||||
top: 3.01333rem;
|
||||
}
|
||||
|
||||
.page1 .activity1 .but2 {
|
||||
top: 5.36rem;
|
||||
}
|
||||
|
||||
.page1 .activity1 .but3 {
|
||||
top: 7.72rem;
|
||||
}
|
||||
|
||||
.page1 .activity1 .but4 {
|
||||
top: 10.06667rem;
|
||||
}
|
||||
|
||||
.page1 .activity1 .out {
|
||||
background: url(../images/lq.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.page1 .activity2 {
|
||||
width: 10rem;
|
||||
height: 17.8rem;
|
||||
margin: 0 auto 0;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.page2 {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.page2 .listTab {
|
||||
width: 9.2rem;
|
||||
height: 1.22667rem;
|
||||
margin: 0.4rem auto 0;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.page2 .listTab div {
|
||||
width: 4.6rem;
|
||||
height: 100%;
|
||||
text-align: center;
|
||||
color: #F1E8F6;
|
||||
font-size: 0.32rem;
|
||||
line-height: 1.41333rem;
|
||||
background: url(../images/listTab.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.page2 .listTab .active {
|
||||
font-size: 0.4rem;
|
||||
line-height: 1.22667rem;
|
||||
background: url(../images/listTabActive.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.page2 .listBg {
|
||||
width: 9.2rem;
|
||||
min-height: 17rem;
|
||||
margin: 0 auto 0.5rem;
|
||||
background: linear-gradient(0deg, #B483D7 0%, #AD61FA 48%, #CB80FB 100%);
|
||||
border-radius: 0 0 0.26667rem 0.26667rem;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.page2 .listBg .dayTab {
|
||||
width: 7.53333rem;
|
||||
height: 0.88rem;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin: 0.58667rem auto 0.36rem;
|
||||
}
|
||||
|
||||
.page2 .listBg .dayTab div {
|
||||
width: 2.22667rem;
|
||||
height: 0.88rem;
|
||||
line-height: 0.90667rem;
|
||||
text-align: center;
|
||||
color: #F1E8F6;
|
||||
font-size: 0.29333rem;
|
||||
background: url(../images/dayTab.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.page2 .listBg .dayTab .active {
|
||||
background: url(../images/dayTab_active.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.page2 .listBg .topBox {
|
||||
width: 8.85333rem;
|
||||
height: 7.57333rem;
|
||||
background: url(../images/topBox.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
margin: 0 auto 0;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.page2 .listBg .topBox .no1 {
|
||||
width: 2.4rem;
|
||||
height: 2.32rem;
|
||||
position: absolute;
|
||||
top: 0.96rem;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
|
||||
.page2 .listBg .topBox .no1 .ts {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
left: 0;
|
||||
top: 0;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.page2 .listBg .topBox .no1 .tx {
|
||||
width: 1.78667rem;
|
||||
height: 1.78667rem;
|
||||
border-radius: 50%;
|
||||
position: absolute;
|
||||
top: 0.33333rem;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
|
||||
.page2 .listBg .topBox .no1 .num {
|
||||
width: 1.77333rem;
|
||||
height: 0.74667rem;
|
||||
position: absolute;
|
||||
top: -0.77333rem;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
|
||||
.page2 .listBg .topBox .no1 p {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
color: #FFFFFF;
|
||||
font-size: 0.28rem;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: -0.36rem;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
.page2 .listBg .topBox .no1 span {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
color: #FFFFFF;
|
||||
font-size: 0.28rem;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: -0.73333rem;
|
||||
}
|
||||
|
||||
.page2 .listBg .topBox .no2 {
|
||||
width: 2.4rem;
|
||||
height: 2.32rem;
|
||||
position: absolute;
|
||||
top: 2.42667rem;
|
||||
left: 0.6rem;
|
||||
}
|
||||
|
||||
.page2 .listBg .topBox .no2 .ts {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
left: 0;
|
||||
top: 0;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.page2 .listBg .topBox .no2 .tx {
|
||||
width: 1.78667rem;
|
||||
height: 1.78667rem;
|
||||
border-radius: 50%;
|
||||
position: absolute;
|
||||
top: 0.33333rem;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
|
||||
.page2 .listBg .topBox .no2 .num {
|
||||
width: 1.77333rem;
|
||||
height: 0.74667rem;
|
||||
position: absolute;
|
||||
top: -0.77333rem;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
|
||||
.page2 .listBg .topBox .no2 p {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
color: #FFFFFF;
|
||||
font-size: 0.28rem;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: -0.36rem;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
.page2 .listBg .topBox .no2 span {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
color: #FFFFFF;
|
||||
font-size: 0.28rem;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: -0.73333rem;
|
||||
}
|
||||
|
||||
.page2 .listBg .topBox .no3 {
|
||||
width: 2.4rem;
|
||||
height: 2.32rem;
|
||||
position: absolute;
|
||||
top: 2.42667rem;
|
||||
right: 0.6rem;
|
||||
}
|
||||
|
||||
.page2 .listBg .topBox .no3 .ts {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
left: 0;
|
||||
top: 0;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.page2 .listBg .topBox .no3 .tx {
|
||||
width: 1.78667rem;
|
||||
height: 1.78667rem;
|
||||
border-radius: 50%;
|
||||
position: absolute;
|
||||
top: 0.33333rem;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
|
||||
.page2 .listBg .topBox .no3 .num {
|
||||
width: 1.77333rem;
|
||||
height: 0.74667rem;
|
||||
position: absolute;
|
||||
top: -0.77333rem;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
|
||||
.page2 .listBg .topBox .no3 p {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
color: #FFFFFF;
|
||||
font-size: 0.28rem;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: -0.36rem;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
.page2 .listBg .topBox .no3 span {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
color: #FFFFFF;
|
||||
font-size: 0.28rem;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: -0.73333rem;
|
||||
}
|
||||
|
||||
.page2 .listBg .list {
|
||||
width: 8.13333rem;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.page2 .listBg .list li {
|
||||
width: 100%;
|
||||
height: 1.6rem;
|
||||
line-height: 1.6rem;
|
||||
border-radius: 0.26667rem;
|
||||
background: #9B50DB;
|
||||
margin-bottom: 0.13333rem;
|
||||
}
|
||||
|
||||
.page2 .listBg .list li .num {
|
||||
width: 0.6rem;
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
font-weight: 400;
|
||||
height: 100%;
|
||||
margin: 0 0.26667rem 0 0.33333rem;
|
||||
float: left;
|
||||
font-size: 0.49333rem;
|
||||
}
|
||||
|
||||
.page2 .listBg .list li .tx {
|
||||
width: 1.25333rem;
|
||||
height: 1.25333rem;
|
||||
border-radius: 50%;
|
||||
margin-right: 0.32rem;
|
||||
margin-top: 0.21333rem;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.page2 .listBg .list li .nick {
|
||||
float: left;
|
||||
width: 2.1rem;
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
color: #FFFFFF;
|
||||
font-size: 0.38667rem;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.page2 .listBg .list li .score {
|
||||
float: right;
|
||||
margin-right: 0.36rem;
|
||||
font-size: 0.34667rem;
|
||||
font-weight: 400;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.page2 .myList {
|
||||
position: fixed;
|
||||
width: 100%;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
height: 1.98667rem;
|
||||
line-height: 1.98667rem;
|
||||
background: #734DC1;
|
||||
z-index: 3;
|
||||
}
|
||||
|
||||
.page2 .myList .num {
|
||||
width: 1.6rem;
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
font-weight: 400;
|
||||
height: 100%;
|
||||
margin: 0 0.26667rem 0 0.33333rem;
|
||||
float: left;
|
||||
font-size: 0.49333rem;
|
||||
}
|
||||
|
||||
.page2 .myList .tx {
|
||||
width: 1.25333rem;
|
||||
height: 1.25333rem;
|
||||
border-radius: 50%;
|
||||
margin-right: 0.32rem;
|
||||
margin-top: 0.33333rem;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.page2 .myList .nick {
|
||||
float: left;
|
||||
width: 2.1rem;
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
color: #FFFFFF;
|
||||
font-size: 0.38667rem;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.page2 .myList .score {
|
||||
float: right;
|
||||
margin-right: 0.36rem;
|
||||
font-size: 0.34667rem;
|
||||
font-weight: 400;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.apple {
|
||||
width: 100%;
|
||||
height: 1.97333rem;
|
||||
line-height: 1.97333rem;
|
||||
text-align: center;
|
||||
color: #FFFFFF;
|
||||
font-size: 0.34667rem;
|
||||
}
|
||||
|
||||
.rule {
|
||||
display: none;
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background: rgba(0, 0, 0, 0.6);
|
||||
z-index: 99;
|
||||
}
|
||||
|
||||
.rule .rule_iaon {
|
||||
width: 9.68rem;
|
||||
height: 14.46667rem;
|
||||
background: url(../images/ruleBg.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
position: relative;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
overflow-y: scroll;
|
||||
}
|
||||
|
||||
.rule .rule_iaon .box {
|
||||
position: absolute;
|
||||
width: 8.61333rem;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: 1.6rem;
|
||||
height: 12rem;
|
||||
overflow-y: scroll;
|
||||
}
|
||||
|
||||
.rule .rule_iaon .box img {
|
||||
width: 100%;
|
||||
height: 47.41333rem;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.layui-m-layershade {
|
||||
background-color: rgba(0, 0, 0, 0.3) !important;
|
||||
}
|
||||
562
view/peko/activity/2023-ruffian/css/index.scss
Normal file
562
view/peko/activity/2023-ruffian/css/index.scss
Normal file
@@ -0,0 +1,562 @@
|
||||
@function px2rem($px) {
|
||||
@return $px / 75+rem;
|
||||
}
|
||||
|
||||
html,
|
||||
body {
|
||||
width: 100%;
|
||||
background: linear-gradient(0deg, #EBC8FA 0%, #FCB0EB 99%);
|
||||
}
|
||||
|
||||
.rabbit {
|
||||
z-index: 999;
|
||||
}
|
||||
|
||||
.back {
|
||||
position: fixed;
|
||||
top: px2rem(70);
|
||||
left: px2rem(34);
|
||||
z-index: 99;
|
||||
width: px2rem(62);
|
||||
height: px2rem(62);
|
||||
|
||||
img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
p {
|
||||
color: #fff;
|
||||
font-size: px2rem(32);
|
||||
position: absolute;
|
||||
width: 9rem;
|
||||
left: 0;
|
||||
top: 0;
|
||||
height: 100%;
|
||||
text-align: center;
|
||||
line-height: px2rem(62);
|
||||
}
|
||||
}
|
||||
|
||||
.header {
|
||||
width: px2rem(750);
|
||||
height: px2rem(795);
|
||||
background: url(../images/header.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
margin: 0 auto 0;
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
|
||||
.giftBox {
|
||||
width: px2rem(662);
|
||||
height: px2rem(240);
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: px2rem(448);
|
||||
}
|
||||
|
||||
.tab {
|
||||
width: px2rem(480);
|
||||
height: px2rem(83);
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: px2rem(714);
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
|
||||
div {
|
||||
width: px2rem(212);
|
||||
height: px2rem(83);
|
||||
line-height: px2rem(83);
|
||||
color: #F1E8F6;
|
||||
font-size: px2rem(28);
|
||||
text-align: center;
|
||||
background: url(../images/tab.png) no-repeat;
|
||||
background-size: 100%, 100%;
|
||||
}
|
||||
|
||||
.active {
|
||||
background: url(../images/tab_active.png) no-repeat;
|
||||
background-size: 100%, 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.rule_iaon {
|
||||
width: px2rem(120);
|
||||
height: px2rem(56);
|
||||
line-height: px2rem(47);
|
||||
text-align: center;
|
||||
text-indent: 15px;
|
||||
color: #fff;
|
||||
font-size: px2rem(18);
|
||||
position: absolute;
|
||||
right: px2rem(0);
|
||||
top: px2rem(400);
|
||||
background: url(../images/rule_icon.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.page1 {
|
||||
// display: none;
|
||||
|
||||
.activity1 {
|
||||
width: px2rem(750);
|
||||
height: px2rem(892);
|
||||
background: url(../images/activity1Bg.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
margin: px2rem(-43) auto px2rem(9);
|
||||
position: relative;
|
||||
|
||||
div {
|
||||
position: absolute;
|
||||
right: px2rem(75);
|
||||
width: px2rem(150);
|
||||
height: px2rem(61);
|
||||
line-height: px2rem(48);
|
||||
text-align: center;
|
||||
font-size: px2rem(21);
|
||||
color: #E7FEFF;
|
||||
background: url(../images/lqOut.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.but1 {
|
||||
top: px2rem(226);
|
||||
}
|
||||
|
||||
.but2 {
|
||||
top: px2rem(402);
|
||||
}
|
||||
|
||||
.but3 {
|
||||
top: px2rem(579);
|
||||
}
|
||||
|
||||
.but4 {
|
||||
top: px2rem(755);
|
||||
}
|
||||
|
||||
.out {
|
||||
background: url(../images/lq.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.activity2 {
|
||||
width: px2rem(750);
|
||||
height: px2rem(1335);
|
||||
margin: 0 auto 0;
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
.page2 {
|
||||
display: none;
|
||||
|
||||
.listTab {
|
||||
width: px2rem(690);
|
||||
height: px2rem(92);
|
||||
margin: px2rem(30) auto 0;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
|
||||
div {
|
||||
width: px2rem(345);
|
||||
height: 100%;
|
||||
text-align: center;
|
||||
color: #F1E8F6;
|
||||
font-size: px2rem(24);
|
||||
line-height: px2rem(106);
|
||||
background: url(../images/listTab.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.active {
|
||||
font-size: px2rem(30);
|
||||
line-height: px2rem(92);
|
||||
background: url(../images/listTabActive.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.listBg {
|
||||
width: px2rem(690);
|
||||
min-height: 17rem;
|
||||
margin: 0 auto 0.5rem;
|
||||
background: linear-gradient(0deg, #B483D7 0%, #AD61FA 48%, #CB80FB 100%);
|
||||
border-radius: 0 0 px2rem(20) px2rem(20);
|
||||
overflow: hidden;
|
||||
|
||||
.dayTab {
|
||||
width: px2rem(565);
|
||||
height: px2rem(66);
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin: px2rem(44) auto px2rem(27);
|
||||
|
||||
div {
|
||||
width: px2rem(167);
|
||||
height: px2rem(66);
|
||||
line-height: px2rem(68);
|
||||
text-align: center;
|
||||
color: #F1E8F6;
|
||||
font-size: px2rem(22);
|
||||
background: url(../images/dayTab.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.active {
|
||||
background: url(../images/dayTab_active.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.topBox {
|
||||
width: px2rem(664);
|
||||
height: px2rem(568);
|
||||
background: url(../images/topBox.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
margin: 0 auto 0;
|
||||
position: relative;
|
||||
|
||||
.no1 {
|
||||
width: px2rem(180);
|
||||
height: px2rem(174);
|
||||
position: absolute;
|
||||
top: px2rem(72);
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
|
||||
.ts {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
left: 0;
|
||||
top: 0;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.tx {
|
||||
width: px2rem(134);
|
||||
height: px2rem(134);
|
||||
border-radius: 50%;
|
||||
position: absolute;
|
||||
top: px2rem(25);
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
|
||||
.num {
|
||||
width: px2rem(133);
|
||||
height: px2rem(56);
|
||||
position: absolute;
|
||||
top: px2rem(-58);
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
|
||||
p {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
color: #FFFFFF;
|
||||
font-size: px2rem(21);
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: px2rem(-27);
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
span {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
color: #FFFFFF;
|
||||
font-size: px2rem(21);
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: px2rem(-55);
|
||||
}
|
||||
}
|
||||
|
||||
.no2 {
|
||||
width: px2rem(180);
|
||||
height: px2rem(174);
|
||||
position: absolute;
|
||||
top: px2rem(182);
|
||||
left: px2rem(45);
|
||||
|
||||
.ts {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
left: 0;
|
||||
top: 0;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.tx {
|
||||
width: px2rem(134);
|
||||
height: px2rem(134);
|
||||
border-radius: 50%;
|
||||
position: absolute;
|
||||
top: px2rem(25);
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
|
||||
.num {
|
||||
width: px2rem(133);
|
||||
height: px2rem(56);
|
||||
position: absolute;
|
||||
top: px2rem(-58);
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
|
||||
p {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
color: #FFFFFF;
|
||||
font-size: px2rem(21);
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: px2rem(-27);
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
span {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
color: #FFFFFF;
|
||||
font-size: px2rem(21);
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: px2rem(-55);
|
||||
}
|
||||
}
|
||||
|
||||
.no3 {
|
||||
width: px2rem(180);
|
||||
height: px2rem(174);
|
||||
position: absolute;
|
||||
top: px2rem(182);
|
||||
right: px2rem(45);
|
||||
|
||||
.ts {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
left: 0;
|
||||
top: 0;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.tx {
|
||||
width: px2rem(134);
|
||||
height: px2rem(134);
|
||||
border-radius: 50%;
|
||||
position: absolute;
|
||||
top: px2rem(25);
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
|
||||
.num {
|
||||
width: px2rem(133);
|
||||
height: px2rem(56);
|
||||
position: absolute;
|
||||
top: px2rem(-58);
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
|
||||
p {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
color: #FFFFFF;
|
||||
font-size: px2rem(21);
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: px2rem(-27);
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
span {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
color: #FFFFFF;
|
||||
font-size: px2rem(21);
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: px2rem(-55);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.list {
|
||||
width: px2rem(610);
|
||||
margin: 0 auto;
|
||||
|
||||
li {
|
||||
width: 100%;
|
||||
height: px2rem(120);
|
||||
line-height: px2rem(120);
|
||||
border-radius: px2rem(20);
|
||||
background: #9B50DB;
|
||||
margin-bottom: px2rem(10);
|
||||
|
||||
.num {
|
||||
width: px2rem(45);
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
font-weight: 400;
|
||||
height: 100%;
|
||||
margin: 0 px2rem(20) 0 px2rem(25);
|
||||
float: left;
|
||||
font-size: px2rem(37);
|
||||
}
|
||||
|
||||
.tx {
|
||||
width: px2rem(94);
|
||||
height: px2rem(94);
|
||||
border-radius: 50%;
|
||||
margin-right: px2rem(24);
|
||||
margin-top: px2rem(16);
|
||||
float: left;
|
||||
}
|
||||
|
||||
.nick {
|
||||
float: left;
|
||||
width: 2.1rem;
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
color: #FFFFFF;
|
||||
font-size: px2rem(29);
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.score {
|
||||
float: right;
|
||||
margin-right: px2rem(27);
|
||||
font-size: px2rem(26);
|
||||
font-weight: 400;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.myList {
|
||||
position: fixed;
|
||||
width: 100%;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
height: px2rem(149);
|
||||
line-height: px2rem(149);
|
||||
background: #734DC1;
|
||||
z-index: 3;
|
||||
|
||||
.num {
|
||||
width: 1.6rem;
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
font-weight: 400;
|
||||
height: 100%;
|
||||
margin: 0 px2rem(20) 0 px2rem(25);
|
||||
float: left;
|
||||
font-size: px2rem(37);
|
||||
}
|
||||
|
||||
.tx {
|
||||
width: px2rem(94);
|
||||
height: px2rem(94);
|
||||
border-radius: 50%;
|
||||
margin-right: px2rem(24);
|
||||
margin-top: px2rem(25);
|
||||
float: left;
|
||||
}
|
||||
|
||||
.nick {
|
||||
float: left;
|
||||
width: 2.1rem;
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
color: #FFFFFF;
|
||||
font-size: px2rem(29);
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.score {
|
||||
float: right;
|
||||
margin-right: px2rem(27);
|
||||
font-size: px2rem(26);
|
||||
font-weight: 400;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.apple {
|
||||
width: 100%;
|
||||
height: px2rem(148);
|
||||
line-height: px2rem(148);
|
||||
text-align: center;
|
||||
color: #FFFFFF;
|
||||
font-size: px2rem(26);
|
||||
}
|
||||
|
||||
.rule {
|
||||
display: none;
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background: rgba(0, 0, 0, .6);
|
||||
z-index: 99;
|
||||
|
||||
.rule_iaon {
|
||||
width: px2rem(726);
|
||||
height: px2rem(1085);
|
||||
background: url(../images/ruleBg.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
position: relative;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
overflow-y: scroll;
|
||||
|
||||
.box {
|
||||
position: absolute;
|
||||
width: px2rem(646);
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: 1.6rem;
|
||||
height: 12rem;
|
||||
overflow-y: scroll;
|
||||
|
||||
img {
|
||||
width: 100%;
|
||||
height: px2rem(3556);
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.layui-m-layershade{
|
||||
background-color: rgba(0,0,0,.3) !important;
|
||||
}
|
||||
BIN
view/peko/activity/2023-ruffian/images/activity1Bg.png
Normal file
BIN
view/peko/activity/2023-ruffian/images/activity1Bg.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 292 KiB |
BIN
view/peko/activity/2023-ruffian/images/activity2.png
Normal file
BIN
view/peko/activity/2023-ruffian/images/activity2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 410 KiB |
BIN
view/peko/activity/2023-ruffian/images/dayTab.png
Normal file
BIN
view/peko/activity/2023-ruffian/images/dayTab.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 7.2 KiB |
BIN
view/peko/activity/2023-ruffian/images/dayTab_active.png
Normal file
BIN
view/peko/activity/2023-ruffian/images/dayTab_active.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 10 KiB |
BIN
view/peko/activity/2023-ruffian/images/giftBox.png
Normal file
BIN
view/peko/activity/2023-ruffian/images/giftBox.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 78 KiB |
BIN
view/peko/activity/2023-ruffian/images/header.png
Normal file
BIN
view/peko/activity/2023-ruffian/images/header.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 364 KiB |
BIN
view/peko/activity/2023-ruffian/images/listTab.png
Normal file
BIN
view/peko/activity/2023-ruffian/images/listTab.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 17 KiB |
BIN
view/peko/activity/2023-ruffian/images/listTabActive.png
Normal file
BIN
view/peko/activity/2023-ruffian/images/listTabActive.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 24 KiB |
BIN
view/peko/activity/2023-ruffian/images/logo.png
Normal file
BIN
view/peko/activity/2023-ruffian/images/logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 21 KiB |
BIN
view/peko/activity/2023-ruffian/images/love.png
Normal file
BIN
view/peko/activity/2023-ruffian/images/love.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.0 KiB |
BIN
view/peko/activity/2023-ruffian/images/lq.png
Normal file
BIN
view/peko/activity/2023-ruffian/images/lq.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
BIN
view/peko/activity/2023-ruffian/images/lqOut.png
Normal file
BIN
view/peko/activity/2023-ruffian/images/lqOut.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
BIN
view/peko/activity/2023-ruffian/images/no1.png
Normal file
BIN
view/peko/activity/2023-ruffian/images/no1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 33 KiB |
BIN
view/peko/activity/2023-ruffian/images/no2.png
Normal file
BIN
view/peko/activity/2023-ruffian/images/no2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 30 KiB |
BIN
view/peko/activity/2023-ruffian/images/no3.png
Normal file
BIN
view/peko/activity/2023-ruffian/images/no3.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 29 KiB |
BIN
view/peko/activity/2023-ruffian/images/num1.png
Normal file
BIN
view/peko/activity/2023-ruffian/images/num1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 7.8 KiB |
BIN
view/peko/activity/2023-ruffian/images/num2.png
Normal file
BIN
view/peko/activity/2023-ruffian/images/num2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 8.8 KiB |
BIN
view/peko/activity/2023-ruffian/images/num3.png
Normal file
BIN
view/peko/activity/2023-ruffian/images/num3.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 8.9 KiB |
BIN
view/peko/activity/2023-ruffian/images/ruleBg.png
Normal file
BIN
view/peko/activity/2023-ruffian/images/ruleBg.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 78 KiB |
BIN
view/peko/activity/2023-ruffian/images/rule_icon.png
Normal file
BIN
view/peko/activity/2023-ruffian/images/rule_icon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.1 KiB |
BIN
view/peko/activity/2023-ruffian/images/rule_in.png
Normal file
BIN
view/peko/activity/2023-ruffian/images/rule_in.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 449 KiB |
BIN
view/peko/activity/2023-ruffian/images/tab.png
Normal file
BIN
view/peko/activity/2023-ruffian/images/tab.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 13 KiB |
BIN
view/peko/activity/2023-ruffian/images/tab_active.png
Normal file
BIN
view/peko/activity/2023-ruffian/images/tab_active.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
BIN
view/peko/activity/2023-ruffian/images/topBox.png
Normal file
BIN
view/peko/activity/2023-ruffian/images/topBox.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 150 KiB |
BIN
view/peko/activity/2023-ruffian/images/travel/back.png
Normal file
BIN
view/peko/activity/2023-ruffian/images/travel/back.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.2 KiB |
118
view/peko/activity/2023-ruffian/index.html
Normal file
118
view/peko/activity/2023-ruffian/index.html
Normal file
@@ -0,0 +1,118 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>單身就狂歡，戀愛就勇敢</title>
|
||||
<link rel="stylesheet" href="../../common/css/reset.css">
|
||||
<link rel="stylesheet" href="./css/index.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<!-- 頂部返回 -->
|
||||
<div class="back">
|
||||
<img src="./images/travel/back.png" alt="">
|
||||
</div>
|
||||
<!-- header -->
|
||||
<div class="header">
|
||||
<!-- 獎勵展示 -->
|
||||
<img src="./images/giftBox.png" alt="" class="giftBox">
|
||||
<!-- tab -->
|
||||
<div class="tab">
|
||||
<div class="active">活動攻略</div>
|
||||
<div>榜單</div>
|
||||
</div>
|
||||
<!-- 規則Icon -->
|
||||
<div class="rule_iaon">活動規則></div>
|
||||
</div>
|
||||
<!-- 頁面一 -->
|
||||
<div class="page1">
|
||||
<!-- 活動1 -->
|
||||
<div class="activity1">
|
||||
<div class="but1">今日未領取</div>
|
||||
<div class="but2">今日未領取</div>
|
||||
<div class="but3">今日未領取</div>
|
||||
<div class="but4">今日未領取</div>
|
||||
</div>
|
||||
<!-- 活動2 -->
|
||||
<img src="./images/activity2.png" alt="" class="activity2">
|
||||
</div>
|
||||
<!-- 頁面二 -->
|
||||
<div class="page2">
|
||||
<!-- 榜單切換 -->
|
||||
<div class="listTab">
|
||||
<div class="active">勇氣榜</div>
|
||||
<div>狂歡榜</div>
|
||||
</div>
|
||||
<!-- 榜單盒子 -->
|
||||
<div class="listBg">
|
||||
<!-- 日榜切換 -->
|
||||
<div class="dayTab">
|
||||
<div>昨日榜單</div>
|
||||
<div>今日榜單</div>
|
||||
<div class="active">總榜</div>
|
||||
</div>
|
||||
<!-- 前三 -->
|
||||
<div class="topBox">
|
||||
<div class="no1">
|
||||
<img src="./images/no1.png" alt="" class="ts">
|
||||
<img src="./images/logo.png" alt="" class="tx">
|
||||
<img src="./images/num1.png" alt="" class="num">
|
||||
<p>虛位以待</p>
|
||||
<span>勇氣值:0</span>
|
||||
</div>
|
||||
<div class="no2">
|
||||
<img src="./images/no2.png" alt="" class="ts">
|
||||
<img src="./images/logo.png" alt="" class="tx">
|
||||
<img src="./images/num2.png" alt="" class="num">
|
||||
<p>虛位以待</p>
|
||||
<span>勇氣值:0</span>
|
||||
</div>
|
||||
<div class="no3">
|
||||
<img src="./images/no3.png" alt="" class="ts">
|
||||
<img src="./images/logo.png" alt="" class="tx">
|
||||
<img src="./images/num3.png" alt="" class="num">
|
||||
<p>虛位以待</p>
|
||||
<span>勇氣值:0</span>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 非前三 -->
|
||||
<ul class="list">
|
||||
<li>
|
||||
<div class="num">04</div>
|
||||
<img src="./images/logo.png" alt="" class="tx">
|
||||
<div class="nick">用戶昵稱</div>
|
||||
<div class="score">勇氣值:8888.8w</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- 自己榜單 -->
|
||||
<div class="myList">
|
||||
<div class="num">未上榜</div>
|
||||
<img src="./images/logo.png" alt="" class="tx">
|
||||
<div class="nick">用戶昵稱</div>
|
||||
<div class="score">勇氣值:8888.8w</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 本活動與Apple inc.無關； -->
|
||||
<div class="apple">本活動以及獎勵與Google/蘋果公司無關</div>
|
||||
<!-- 規則彈窗 -->
|
||||
<div class="rule">
|
||||
<div class="rule_iaon">
|
||||
<div class="box">
|
||||
<img src="./images/rule_in.png" alt="">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
<script src="../../common/js/flexible.js"></script>
|
||||
<script src="../../common/js/jquery-3.2.1.min.js"></script>
|
||||
<script src="../../common/js/common2.js"></script>
|
||||
<script src="../../common/js/layer.js"></script>
|
||||
<script src="../../common/js/vconsole.min.js"></script>
|
||||
<script src="../../common/js/route-constant.js"></script>
|
||||
<script src="./js/wow.js"></script>
|
||||
<script src="./js/index.js"></script>
|
||||
192
view/peko/activity/2023-ruffian/js/index.js
Normal file
192
view/peko/activity/2023-ruffian/js/index.js
Normal file
@@ -0,0 +1,192 @@
|
||||
let urlPrefix = getUrlPrefix()
|
||||
let browser = checkVersion()
|
||||
let env = EnvCheck();
|
||||
if (env == 'test') {
|
||||
new VConsole();
|
||||
}
|
||||
// 封裝layer消息提醒框
|
||||
let layerIndex
|
||||
const showLoading = (content = '加載中...') => {
|
||||
layer.open({
|
||||
type: 2,
|
||||
shadeClose: false,
|
||||
content,
|
||||
success (e) {
|
||||
layerIndex = $(e).attr('index')
|
||||
}
|
||||
})
|
||||
}
|
||||
const hideLoading = (index) => {
|
||||
layer.close(index)
|
||||
}
|
||||
const toastMsg = (content = '操作完成', time = 2) => {
|
||||
layer.open({
|
||||
content,
|
||||
time,
|
||||
skin: 'msg'
|
||||
})
|
||||
}
|
||||
var rankType = 2;//默認送禮總榜
|
||||
var type = 1;//默認送禮總榜
|
||||
var time = null;//當前日期
|
||||
var dayTime = null;//存儲日期;
|
||||
// 初始化函數
|
||||
$(function () {
|
||||
getInfoFromClient()
|
||||
setTimeout(function () {
|
||||
// 頁面全屏
|
||||
if (browser.app) {
|
||||
if (browser.android) {
|
||||
window.androidJsObj.initShowNav(false)
|
||||
} else {
|
||||
window.webkit.messageHandlers.initShowNav.postMessage(0)
|
||||
}
|
||||
};
|
||||
// 頂部返回事件
|
||||
$('.back').click(() => {
|
||||
if (browser.android) {
|
||||
window.androidJsObj.closeWebView()
|
||||
} else {
|
||||
window.webkit.messageHandlers.closeWebView.postMessage(null)
|
||||
}
|
||||
})
|
||||
getConfig();
|
||||
}, 100)
|
||||
})
|
||||
// 獲取配置接口
|
||||
function getConfig () {
|
||||
showLoading()
|
||||
networkRequest({
|
||||
type: 'GEt',
|
||||
url: urlPrefix + '/act/2023DoubleEleven/task/getConfig',
|
||||
success (res) {
|
||||
if (res.code === 200) {
|
||||
// 處理任務狀態
|
||||
res.data.dailyTaskList.forEach((res, i) => {
|
||||
if (res.status == 1) {
|
||||
$(`.page1 .activity1 .but${i + 1}`).addClass('out');
|
||||
$(`.page1 .activity1 .but${i + 1}`).text('今日已領取');
|
||||
}
|
||||
});
|
||||
// 設置日期
|
||||
time = res.timestamp;
|
||||
} else {
|
||||
toastMsg(res.message)
|
||||
}
|
||||
hideLoading(layerIndex)
|
||||
},
|
||||
error (err) {
|
||||
hideLoading(layerIndex)
|
||||
toastMsg('網絡錯誤，請退出重進')
|
||||
}
|
||||
})
|
||||
}
|
||||
// tab切換
|
||||
$('.header .tab div').click(function () {
|
||||
var i = $(this).index() + 1;
|
||||
$(this).addClass('active').siblings().removeClass('active');
|
||||
$('.page1').hide();
|
||||
$('.page2').hide();
|
||||
$(`.page${i}`).show();
|
||||
if (i == 2) {
|
||||
$('.page2 .listBg .dayTab div').removeClass('active');
|
||||
$('.page2 .listBg .dayTab div').eq(2).addClass('active');
|
||||
getRank(rankType, type);
|
||||
}
|
||||
})
|
||||
// 獲取榜單接口
|
||||
function getRank (rankType, type, date) {
|
||||
$('.page2 .listBg .list li').remove();
|
||||
showLoading()
|
||||
networkRequest({
|
||||
type: 'GEt',
|
||||
url: urlPrefix + '/act/2023DoubleEleven/rank/getRank',
|
||||
data: { rankType, date },
|
||||
success (res) {
|
||||
if (res.code === 200) {
|
||||
// 處理前三
|
||||
var top3 = res.data.rankList.slice(0, 3);
|
||||
var notTop3 = res.data.rankList.slice(3);
|
||||
if (top3.length < 3) {
|
||||
let arr = new Array(3 - top3.length).fill({
|
||||
avatar: './images/logo.png',
|
||||
nick: '虛位以待',
|
||||
score: "0"
|
||||
})
|
||||
top3.push(...arr)
|
||||
}
|
||||
top3.forEach((res, i) => {
|
||||
$(`.page2 .listBg .topBox .no${i + 1} .tx`).attr('src', res.avatar);
|
||||
$(`.page2 .listBg .topBox .no${i + 1} p`).text(res.nick);
|
||||
$(`.page2 .listBg .topBox .no${i + 1} span`).text(`${type == 1 ? "勇氣值:" : "狂歡值:"}${unitProcessing(res.score, 10000, 1, 'w')}`);
|
||||
})
|
||||
// 非前三
|
||||
var str = '';
|
||||
notTop3.forEach((res, i) => {
|
||||
str += `
|
||||
<li>
|
||||
<div class="num">${res.ranking}</div>
|
||||
<img src="${res.avatar}" alt="" class="tx">
|
||||
<div class="nick">${res.nick}</div>
|
||||
<div class="score">${type == 1 ? "勇氣值:" : "狂歡值:"}${unitProcessing(res.score, 10000, 1, 'w')}</div>
|
||||
</li>
|
||||
`
|
||||
})
|
||||
$('.page2 .listBg .list').append(str);
|
||||
// 處理自己榜單
|
||||
$('.page2 .myList .num').text(res.data.meRank.ranking == 0 ? '未上榜' : res.data.meRank.ranking);
|
||||
$('.page2 .myList .tx').attr('src', res.data.meRank.avatar);
|
||||
$('.page2 .myList .nick').text(res.data.meRank.nick);
|
||||
$('.page2 .myList .score').text(`${type == 1 ? "勇氣值:" : "狂歡值:"}${unitProcessing(res.data.meRank.score, 10000, 1, 'w')}`);
|
||||
} else {
|
||||
toastMsg(res.message)
|
||||
}
|
||||
hideLoading(layerIndex)
|
||||
},
|
||||
error (err) {
|
||||
hideLoading(layerIndex)
|
||||
toastMsg('網絡錯誤，請退出重進')
|
||||
}
|
||||
})
|
||||
}
|
||||
// 送禮榜和收禮榜切換
|
||||
$('.page2 .listTab div').click(function () {
|
||||
var i = $(this).index() + 1;
|
||||
$(this).addClass('active').siblings().removeClass('active');
|
||||
$('.page2 .listBg .dayTab div').removeClass('active');
|
||||
$('.page2 .listBg .dayTab div').eq(2).addClass('active');
|
||||
type = i;
|
||||
dayTime = null;
|
||||
if (i == 1) {
|
||||
rankType = 2;
|
||||
} else {
|
||||
rankType = 4;
|
||||
}
|
||||
getRank(rankType, type, dayTime);
|
||||
})
|
||||
// 日榜和總榜切換
|
||||
$('.page2 .listBg .dayTab div').click(function () {
|
||||
var i = $(this).index() + 1;
|
||||
$(this).addClass('active').siblings().removeClass('active');
|
||||
if (i == 3) {
|
||||
dayTime = null;
|
||||
rankType = type == 1 ? 2 : 4;
|
||||
} else if (i == 1) {
|
||||
rankType = type == 1 ? 1 : 3;
|
||||
dayTime = dateFormat(time - 86400000, 'yyyy-MM-dd')
|
||||
} else if (i == 2) {
|
||||
rankType = type == 1 ? 1 : 3;
|
||||
dayTime = dateFormat(time, 'yyyy-MM-dd')
|
||||
}
|
||||
getRank(rankType, type, dayTime);
|
||||
})
|
||||
// 打開規則
|
||||
$('.header .rule_iaon').click(function () {
|
||||
$('.rule').show();
|
||||
bodyScroolFun(true);
|
||||
})
|
||||
// 關閉規則
|
||||
$('.rule').click(function () {
|
||||
$('.rule').hide();
|
||||
bodyScroolFun(false);
|
||||
})
|
||||
46
view/peko/activity/2023-ruffian/js/wow.js
Normal file
46
view/peko/activity/2023-ruffian/js/wow.js
Normal file
@@ -0,0 +1,46 @@
|
||||
var baba = document.querySelector('body');
|
||||
baba.addEventListener('click', function (e) {
|
||||
// $('body,html').css({ "width": "100%", "position": "relative", "overflow": "hidden" });
|
||||
tianJia(e);
|
||||
})
|
||||
|
||||
var erZi = [];
|
||||
function tianJia (e) {
|
||||
var sunZi = document.createElement('div');
|
||||
sunZi.className = 'rabbit';
|
||||
// sunZi.innerHTML = '<i class="iconfont icon-tuzi"></i>';
|
||||
sunZi.innerHTML = '<img src="./images/love.png" alt="">';
|
||||
baba.appendChild(sunZi);
|
||||
erZi.push({
|
||||
el: sunZi,
|
||||
top: e.pageY - 30,
|
||||
left: e.pageX - 20,
|
||||
opacity: 1,
|
||||
scale: 1,
|
||||
color: `rgb(${255 * Math.random()},${255 * Math.random()},${255 * Math.random()})`
|
||||
});
|
||||
move();
|
||||
};
|
||||
function move () {
|
||||
for (var i = 0; i < erZi.length; i++) {
|
||||
if (erZi[i].opacity <= 0) {
|
||||
baba.removeChild(erZi[i].el);
|
||||
erZi.splice(i, 1);
|
||||
return;
|
||||
}
|
||||
erZi[i].top--;
|
||||
erZi[i].opacity = erZi[i].opacity - 0.04;
|
||||
// erZi[i].scale = erZi[i].scale + 0.0001;
|
||||
erZi[i].el.style.cssText = `
|
||||
top: ${erZi[i].top}px;
|
||||
left: ${erZi[i].left}px;
|
||||
color: ${erZi[i].color};
|
||||
opacity: ${erZi[i].opacity};
|
||||
transform: scale(${erZi[i].scale});
|
||||
position: absolute;
|
||||
`
|
||||
|
||||
}
|
||||
window.requestAnimationFrame(move);
|
||||
// $('body,html').css({ "width": "100%", "position": "relative", "overflow": "auto" });
|
||||
}
|
||||
41
view/peko/activity/smallWeekStar/css/index.css
Normal file
41
view/peko/activity/smallWeekStar/css/index.css
Normal file
@@ -0,0 +1,41 @@
|
||||
html,
|
||||
body {
|
||||
width: 100%;
|
||||
background: #450172;
|
||||
}
|
||||
|
||||
html .box,
|
||||
body .box {
|
||||
width: 10rem;
|
||||
height: 61.62667rem;
|
||||
background: url(../images/bg.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
html .box .gift,
|
||||
body .box .gift {
|
||||
position: absolute;
|
||||
width: 7.32rem;
|
||||
height: 3.01333rem;
|
||||
top: 10.58667rem;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
|
||||
html .box .swiper,
|
||||
body .box .swiper {
|
||||
width: 8.98667rem;
|
||||
height: 14.8rem;
|
||||
position: absolute;
|
||||
top: 19.88rem;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
|
||||
html .box .swiper img,
|
||||
body .box .swiper img {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
42
view/peko/activity/smallWeekStar/css/index.scss
Normal file
42
view/peko/activity/smallWeekStar/css/index.scss
Normal file
@@ -0,0 +1,42 @@
|
||||
@function px2rem($px) {
|
||||
@return $px / 75+rem;
|
||||
}
|
||||
|
||||
html,
|
||||
body {
|
||||
width: 100%;
|
||||
// height: 100%;
|
||||
background: #450172;
|
||||
|
||||
.box {
|
||||
width: px2rem(750);
|
||||
height: px2rem(4622);
|
||||
background: url(../images/bg.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
position: relative;
|
||||
|
||||
.gift {
|
||||
position: absolute;
|
||||
width: px2rem(549);
|
||||
height: px2rem(226);
|
||||
top: px2rem(794);
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
|
||||
.swiper {
|
||||
width: px2rem(674);
|
||||
height: px2rem(1110);
|
||||
position: absolute;
|
||||
top: px2rem(1491);
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
|
||||
img {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
13
view/peko/activity/smallWeekStar/css/swiper-bundle.min.css
vendored
Normal file
13
view/peko/activity/smallWeekStar/css/swiper-bundle.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
BIN
view/peko/activity/smallWeekStar/images/bg.png
Normal file
BIN
view/peko/activity/smallWeekStar/images/bg.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 458 KiB |
BIN
view/peko/activity/smallWeekStar/images/gift1.png
Normal file
BIN
view/peko/activity/smallWeekStar/images/gift1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 68 KiB |
BIN
view/peko/activity/smallWeekStar/images/gift2.png
Normal file
BIN
view/peko/activity/smallWeekStar/images/gift2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 20 KiB |
BIN
view/peko/activity/smallWeekStar/images/img1.png
Normal file
BIN
view/peko/activity/smallWeekStar/images/img1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 408 KiB |
BIN
view/peko/activity/smallWeekStar/images/img2.png
Normal file
BIN
view/peko/activity/smallWeekStar/images/img2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 128 KiB |
38
view/peko/activity/smallWeekStar/index.html
Normal file
38
view/peko/activity/smallWeekStar/index.html
Normal file
@@ -0,0 +1,38 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>闪耀周星</title>
|
||||
<link rel="stylesheet" href="../../common/css/reset.css">
|
||||
<link rel="stylesheet" href="./css/swiper-bundle.min.css">
|
||||
<link rel="stylesheet" href="./css/index.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="box">
|
||||
<img src="./images/gift1.png" alt="" class="gift">
|
||||
<div class="swiper">
|
||||
<div class="swiper-wrapper">
|
||||
<div class="swiper-slide">
|
||||
<img src="./images/img1.png" alt="">
|
||||
</div>
|
||||
<div class="swiper-slide">
|
||||
<img src="./images/img2.png" alt="">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
<script src="../../common/js/flexible.js"></script>
|
||||
<script src="../../common/js/jquery-3.2.1.min.js"></script>
|
||||
<script src="../../common/js/common2.js"></script>
|
||||
<script src="../../common/js/layer.js"></script>
|
||||
<script src="../../common/js/vconsole.min.js"></script>
|
||||
<script src="../../common/js/svga.min.js"></script>
|
||||
<script src="./js/swiper-bundle.min.js"></script>
|
||||
<script src="../../common/js/route-constant.js"></script>
|
||||
<script src="./js/index.js"></script>
|
||||
37
view/peko/activity/smallWeekStar/js/index.js
Normal file
37
view/peko/activity/smallWeekStar/js/index.js
Normal file
@@ -0,0 +1,37 @@
|
||||
let urlPrefix = getUrlPrefix()
|
||||
let browser = checkVersion()
|
||||
let env = EnvCheck();
|
||||
if (env == 'test') {
|
||||
new VConsole();
|
||||
}
|
||||
// 初始化函数
|
||||
$(function () {
|
||||
getInfoFromClient()
|
||||
setTimeout(function () {
|
||||
// 页面全屏
|
||||
if (browser.app) {
|
||||
if (browser.android) {
|
||||
window.androidJsObj.initShowNav(false)
|
||||
} else {
|
||||
window.webkit.messageHandlers.initShowNav.postMessage(0)
|
||||
}
|
||||
};
|
||||
// 顶部返回事件
|
||||
$('.back').click(() => {
|
||||
if (browser.android) {
|
||||
window.androidJsObj.closeWebView()
|
||||
} else {
|
||||
window.webkit.messageHandlers.closeWebView.postMessage(null)
|
||||
}
|
||||
})
|
||||
// 礼物轮播
|
||||
var mySwiper = new Swiper('.swiper', {
|
||||
// direction: "vertical",
|
||||
loop: true,
|
||||
autoplay: {
|
||||
delay: 1500,//
|
||||
disableOnInteraction: false
|
||||
}
|
||||
})
|
||||
}, 100)
|
||||
})
|
||||
14
view/peko/activity/smallWeekStar/js/swiper-bundle.min.js
vendored
Normal file
14
view/peko/activity/smallWeekStar/js/swiper-bundle.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
@@ -66,13 +66,13 @@ img {
|
||||
}
|
||||
|
||||
.rank-three .rank-three-detail .user-grade img {
|
||||
height: 0.4rem;
|
||||
width: 0.4rem;
|
||||
height: 0.5rem;
|
||||
width: 1rem;
|
||||
}
|
||||
|
||||
.rank-three .rank-three-detail .user-grade img:last-child {
|
||||
height: 0.42667rem;
|
||||
width: 0.53333rem;
|
||||
height: 0.5rem;
|
||||
width: 1rem;
|
||||
margin-left: 0.05333rem;
|
||||
}
|
||||
|
||||
@@ -177,13 +177,13 @@ img {
|
||||
}
|
||||
|
||||
.renk-other .rank-other-detail .user-detail .user-grade img {
|
||||
height: 0.4rem;
|
||||
width: 0.4rem;
|
||||
height: 0.5rem;
|
||||
width: 1rem;
|
||||
}
|
||||
|
||||
.renk-other .rank-other-detail .user-detail .user-grade img:last-child {
|
||||
height: 0.42667rem;
|
||||
width: 0.53333rem;
|
||||
height: 0.5rem;
|
||||
width: 1rem;
|
||||
margin-left: 0.05333rem;
|
||||
}
|
||||
|
||||
|
||||
@@ -1,244 +1,247 @@
|
||||
@charset "UTF-8";
|
||||
@function px2rem($px, $rem:37.5) {
|
||||
@return $px / $rem+rem;
|
||||
|
||||
@function px2rem($px) {
|
||||
@return $px / 37.5+rem;
|
||||
}
|
||||
|
||||
html,
|
||||
body {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
img {
|
||||
// width: 100%;
|
||||
vertical-align: top;
|
||||
// width: 100%;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
@import '../../../common/css/flex.scss';
|
||||
|
||||
.rank-three {
|
||||
// position: fixed;
|
||||
// top: 0;
|
||||
// left: 0;
|
||||
width: 100%;
|
||||
height: px2rem(226);
|
||||
background: url("../images/top-bg.png");
|
||||
background-size: 100% 100%;
|
||||
// position: fixed;
|
||||
// top: 0;
|
||||
// left: 0;
|
||||
width: 100%;
|
||||
height: px2rem(226);
|
||||
background: url("../images/top-bg.png");
|
||||
background-size: 100% 100%;
|
||||
|
||||
.rank-three-detail {
|
||||
position: absolute;
|
||||
z-index: 2;
|
||||
width: px2rem(110);
|
||||
height: px2rem(160);
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
// justify-content: center;
|
||||
align-items: center;
|
||||
|
||||
.user-img {
|
||||
width: px2rem(97);
|
||||
height: px2rem(97);
|
||||
position: relative;
|
||||
|
||||
.ranking-bg {
|
||||
width: px2rem(97);
|
||||
height: px2rem(97);
|
||||
position: relative;
|
||||
z-index: 3;
|
||||
background: url("../images/one.png");
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
img {
|
||||
width: px2rem(60);
|
||||
height: px2rem(60);
|
||||
.rank-three-detail {
|
||||
position: absolute;
|
||||
top: px2rem(18);
|
||||
left: px2rem(18);
|
||||
border-radius: 50%;
|
||||
z-index: 2;
|
||||
width: px2rem(110);
|
||||
height: px2rem(160);
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
// justify-content: center;
|
||||
align-items: center;
|
||||
|
||||
&.un-url {
|
||||
.user-img {
|
||||
width: px2rem(97);
|
||||
height: px2rem(97);
|
||||
position: relative;
|
||||
|
||||
background: #fff;
|
||||
}
|
||||
}
|
||||
}
|
||||
.ranking-bg {
|
||||
width: px2rem(97);
|
||||
height: px2rem(97);
|
||||
position: relative;
|
||||
z-index: 3;
|
||||
background: url("../images/one.png");
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.user-nick {
|
||||
font-size: px2rem(14);
|
||||
font-weight: bold;
|
||||
color: #fff;
|
||||
}
|
||||
img {
|
||||
width: px2rem(60);
|
||||
height: px2rem(60);
|
||||
position: absolute;
|
||||
top: px2rem(18);
|
||||
left: px2rem(18);
|
||||
border-radius: 50%;
|
||||
|
||||
.user-grade {
|
||||
display: flex;
|
||||
height: px2rem(20);
|
||||
align-items: center;
|
||||
&.un-url {
|
||||
|
||||
img {
|
||||
height: px2rem(15);
|
||||
width: px2rem(15);
|
||||
&:last-child {
|
||||
height: px2rem(16);
|
||||
width: px2rem(20);
|
||||
margin-left: px2rem(2);
|
||||
background: #fff;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.active {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.user-charm {
|
||||
height: px2rem(22);
|
||||
background: rgba(255, 255, 255, 0.2);
|
||||
min-width: px2rem(70);
|
||||
padding: 0 px2rem(3);
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
border-radius: px2rem(11);
|
||||
|
||||
img {
|
||||
width: px2rem(12);
|
||||
height: px2rem(10);
|
||||
margin-right: px2rem(2);
|
||||
}
|
||||
|
||||
span {
|
||||
color: #7154ee;
|
||||
font-size: px2rem(14);
|
||||
}
|
||||
}
|
||||
|
||||
&:first-child {
|
||||
top: px2rem(7);
|
||||
left: px2rem(132);
|
||||
|
||||
.user-img {
|
||||
.ranking-bg {
|
||||
background: url("../images/one.png");
|
||||
background-size: 100% 100%;
|
||||
.user-nick {
|
||||
font-size: px2rem(14);
|
||||
font-weight: bold;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
img {
|
||||
position: absolute;
|
||||
.user-grade {
|
||||
display: flex;
|
||||
height: px2rem(20);
|
||||
align-items: center;
|
||||
|
||||
img {
|
||||
height: 0.5rem;
|
||||
width: 1rem;
|
||||
|
||||
&:last-child {
|
||||
height: 0.5rem;
|
||||
width: 1rem;
|
||||
margin-left: px2rem(2);
|
||||
}
|
||||
|
||||
&.active {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&:nth-child(2) {
|
||||
top: px2rem(39);
|
||||
left: px2rem(20);
|
||||
.user-charm {
|
||||
height: px2rem(22);
|
||||
background: rgba(255, 255, 255, 0.2);
|
||||
min-width: px2rem(70);
|
||||
padding: 0 px2rem(3);
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
border-radius: px2rem(11);
|
||||
|
||||
.user-img {
|
||||
.ranking-bg {
|
||||
background: url("../images/two.png");
|
||||
background-size: 100% 100%;
|
||||
img {
|
||||
width: px2rem(12);
|
||||
height: px2rem(10);
|
||||
margin-right: px2rem(2);
|
||||
}
|
||||
|
||||
span {
|
||||
color: #7154ee;
|
||||
font-size: px2rem(14);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&:nth-child(3) {
|
||||
top: px2rem(48);
|
||||
right: px2rem(20);
|
||||
&:first-child {
|
||||
top: px2rem(7);
|
||||
left: px2rem(132);
|
||||
|
||||
.user-img {
|
||||
.ranking-bg {
|
||||
background: url("../images/three.png");
|
||||
background-size: 100% 100%;
|
||||
.user-img {
|
||||
.ranking-bg {
|
||||
background: url("../images/one.png");
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
img {
|
||||
position: absolute;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&:nth-child(2) {
|
||||
top: px2rem(39);
|
||||
left: px2rem(20);
|
||||
|
||||
.user-img {
|
||||
.ranking-bg {
|
||||
background: url("../images/two.png");
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&:nth-child(3) {
|
||||
top: px2rem(48);
|
||||
right: px2rem(20);
|
||||
|
||||
.user-img {
|
||||
.ranking-bg {
|
||||
background: url("../images/three.png");
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.renk-other {
|
||||
// overflow-y: scroll;
|
||||
// -webkit-overflow-scrolling: touch;
|
||||
// &::-webkit-scrollbar {
|
||||
// display: none;
|
||||
// }
|
||||
// padding-top: px2rem(230);
|
||||
// overflow-y: scroll;
|
||||
// -webkit-overflow-scrolling: touch;
|
||||
// &::-webkit-scrollbar {
|
||||
// display: none;
|
||||
// }
|
||||
// padding-top: px2rem(230);
|
||||
padding-bottom: px2rem(20);
|
||||
.rank-other-detail {
|
||||
margin-bottom: px2rem(20);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
.user-rank {
|
||||
width: px2rem(45);
|
||||
text-align: center;
|
||||
font-size: px2rem(20);
|
||||
color: #333333;
|
||||
}
|
||||
|
||||
.user-img {
|
||||
width: px2rem(50);
|
||||
height: px2rem(50);
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.user-detail {
|
||||
margin-left: px2rem(25);
|
||||
width: px2rem(180);
|
||||
|
||||
.nick {
|
||||
font-size: px2rem(15);
|
||||
font-weight: 600;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.user-grade {
|
||||
.rank-other-detail {
|
||||
margin-bottom: px2rem(20);
|
||||
display: flex;
|
||||
height: px2rem(20);
|
||||
align-items: center;
|
||||
|
||||
img {
|
||||
height: px2rem(15);
|
||||
width: px2rem(15);
|
||||
&:last-child {
|
||||
height: px2rem(16);
|
||||
width: px2rem(20);
|
||||
margin-left: px2rem(2);
|
||||
}
|
||||
|
||||
&.active {
|
||||
display: none;
|
||||
}
|
||||
.user-rank {
|
||||
width: px2rem(45);
|
||||
text-align: center;
|
||||
font-size: px2rem(20);
|
||||
color: #333333;
|
||||
}
|
||||
|
||||
.user-img {
|
||||
width: px2rem(50);
|
||||
height: px2rem(50);
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.user-detail {
|
||||
margin-left: px2rem(25);
|
||||
width: px2rem(180);
|
||||
|
||||
.nick {
|
||||
font-size: px2rem(15);
|
||||
font-weight: 600;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.user-grade {
|
||||
display: flex;
|
||||
height: px2rem(20);
|
||||
align-items: center;
|
||||
|
||||
img {
|
||||
height: 0.5rem;
|
||||
width: 1rem;
|
||||
|
||||
&:last-child {
|
||||
height: 0.5rem;
|
||||
width: 1rem;
|
||||
margin-left: px2rem(2);
|
||||
}
|
||||
|
||||
&.active {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.user-charm {
|
||||
height: px2rem(22);
|
||||
background: rgba(255, 255, 255, 0.2);
|
||||
width: px2rem(90);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
border-radius: px2rem(11);
|
||||
|
||||
img {
|
||||
width: px2rem(12);
|
||||
height: px2rem(10);
|
||||
margin-right: px2rem(2);
|
||||
}
|
||||
|
||||
span {
|
||||
color: #333;
|
||||
font-size: px2rem(14);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.user-charm {
|
||||
height: px2rem(22);
|
||||
background: rgba(255, 255, 255, 0.2);
|
||||
width: px2rem(90);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
border-radius: px2rem(11);
|
||||
|
||||
img {
|
||||
width: px2rem(12);
|
||||
height: px2rem(10);
|
||||
margin-right: px2rem(2);
|
||||
}
|
||||
|
||||
span {
|
||||
color: #333;
|
||||
font-size: px2rem(14);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.message{
|
||||
display: none;
|
||||
position: fixed;
|
||||
bottom: px2rem(20);
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
font-size: px2rem(16);
|
||||
color: #000;
|
||||
.message {
|
||||
display: none;
|
||||
position: fixed;
|
||||
bottom: px2rem(20);
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
font-size: px2rem(16);
|
||||
color: #000;
|
||||
}
|
||||
@@ -9,6 +9,7 @@
|
||||
<title>魅力值</title>
|
||||
<link rel="stylesheet" href="../../common/css/reset.css">
|
||||
<link rel="stylesheet" href="../../common/css/swiper.min.css">
|
||||
<link rel="stylesheet" href="../../common/css/flex.css">
|
||||
<link rel="stylesheet" href="css/index.css?v=1.1">
|
||||
<script src="../../common/js/flexible.js"></script>
|
||||
</head>
|
||||
|
||||
@@ -32,6 +32,7 @@ var gearPositionActive = 0;//當前選澤的檔位
|
||||
var prodId = [];//檔位類型
|
||||
var prodIdActive;
|
||||
var lock = true;//鎖
|
||||
var lock2 = true;
|
||||
var page = 1;//頁碼
|
||||
var scrollLock = true;
|
||||
var arrLast = []//記錄上次開獎的數組
|
||||
@@ -58,7 +59,6 @@ $(function () {
|
||||
})
|
||||
getAdvertising();
|
||||
productList();
|
||||
getUserInfo();
|
||||
svgaFun();
|
||||
svgaFun2();
|
||||
}, 100)
|
||||
@@ -161,6 +161,7 @@ function productList () {
|
||||
prodId.push(res.prodId);
|
||||
$(`.tarotBox .tabBox .tabBox${i + 1} b`).text(`${res.prodNeedPrice}鉆/張`)
|
||||
})
|
||||
getUserInfo();
|
||||
} else {
|
||||
toastMsg(res.message)
|
||||
}
|
||||
@@ -174,7 +175,7 @@ function productList () {
|
||||
}
|
||||
// 獲取用戶信息
|
||||
const getUserInfo = () => {
|
||||
showLoading()
|
||||
// showLoading()
|
||||
networkRequest({
|
||||
type: 'POST',
|
||||
url: urlPrefix + '/seekElfin/user/info',
|
||||
@@ -360,28 +361,31 @@ function kineticEffect (arr, bool, data) {
|
||||
}
|
||||
// 檔位tab切換按鈕
|
||||
$('.tarotBox .tabBox div').click(function () {
|
||||
var i = $(this).index() + 1;
|
||||
// 切換tab樣式
|
||||
$('.tarotBox .tabBox div').removeClass('active1').removeClass('active2').removeClass('active3');
|
||||
$(this).addClass(`active${i}`);
|
||||
// 切換卡牌樣式
|
||||
$('.tarotBox .cardBox').hide();
|
||||
$(`.tarotBox .card${i}`).show();
|
||||
// 切換按鈕樣式
|
||||
$('.tarotBox .cardBoxBut').attr('src', `./images/but${i}.png`)
|
||||
// if (i == 1) {
|
||||
gearPositionActive = gearPosition[i - 1];
|
||||
prodIdActive = prodId[i - 1];
|
||||
$('.tarotBox .gradeText b').text(gearPositionActive * 10);
|
||||
// } else if (i == 2) {
|
||||
// gearPosition = 1000;
|
||||
// $('.tarotBox .gradeText b').text(gearPosition * 10);
|
||||
// } else {
|
||||
// gearPosition = 10000;
|
||||
// $('.tarotBox .gradeText b').text(gearPosition * 10);
|
||||
// }
|
||||
// 清空默認樣式
|
||||
initialStytle();
|
||||
if (lock) {
|
||||
var i = $(this).index() + 1;
|
||||
// 切換tab樣式
|
||||
$('.tarotBox .tabBox div').removeClass('active1').removeClass('active2').removeClass('active3');
|
||||
$(this).addClass(`active${i}`);
|
||||
// 切換卡牌樣式
|
||||
$('.tarotBox .cardBox').hide();
|
||||
$(`.tarotBox .card${i}`).show();
|
||||
// 切換按鈕樣式
|
||||
$('.tarotBox .cardBoxBut').attr('src', `./images/but${i}.png`)
|
||||
// if (i == 1) {
|
||||
gearPositionActive = gearPosition[i - 1];
|
||||
prodIdActive = prodId[i - 1];
|
||||
$('.tarotBox .gradeText b').text(gearPositionActive * 10);
|
||||
console.log(gearPositionActive);
|
||||
// } else if (i == 2) {
|
||||
// gearPosition = 1000;
|
||||
// $('.tarotBox .gradeText b').text(gearPosition * 10);
|
||||
// } else {
|
||||
// gearPosition = 10000;
|
||||
// $('.tarotBox .gradeText b').text(gearPosition * 10);
|
||||
// }
|
||||
// 清空默認樣式
|
||||
initialStytle();
|
||||
}
|
||||
})
|
||||
// 選擇初級卡片按鈕
|
||||
$('.tarotBox .card1').click(function () {
|
||||
@@ -433,6 +437,7 @@ $('.tarotBox .cardBoxBut').click(function () {
|
||||
// 再翻一次按鈕
|
||||
$('.butAgain').click(function () {
|
||||
initialStytle(true);
|
||||
lock = true;
|
||||
})
|
||||
// 跳轉充值頁面
|
||||
$('.tarotBox .diamond').click(() => {
|
||||
|
||||
@@ -1 +1 @@
|
||||
<!DOCTYPE html><html><head><meta charset=UTF-8><meta name=viewport content="width=device-width,user-scalable=no,initial-scale=1,maximum-scale=1,minimum-scale=1"><title>piko</title><link href=./static/css/app.44c827118c8744245a9f2745414c28e6.css rel=stylesheet></head><body><div id=app></div><script type=text/javascript src=./static/js/manifest.fe707ef9ea99a002d256.js></script><script type=text/javascript src=./static/js/vendor.549947ec2550614f506c.js></script><script type=text/javascript src=./static/js/app.f56d535f53d3c277e0fd.js></script></body></html>
|
||||
<!DOCTYPE html><html><head><meta charset=UTF-8><meta name=viewport content="width=device-width,user-scalable=no,initial-scale=1,maximum-scale=1,minimum-scale=1"><title>piko</title><link href=./static/css/app.b1a360bed56d1a74512e907fff171218.css rel=stylesheet></head><body><div id=app></div><script type=text/javascript src=./static/js/manifest.8fb7b94bab71b553af99.js></script><script type=text/javascript src=./static/js/vendor.549947ec2550614f506c.js></script><script type=text/javascript src=./static/js/app.f56d535f53d3c277e0fd.js></script></body></html>
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@@ -0,0 +1,2 @@
|
||||
!function(e){var n=window.webpackJsonp;window.webpackJsonp=function(r,c,a){for(var f,i,u,d=0,s=[];d<r.length;d++)i=r[d],t[i]&&s.push(t[i][0]),t[i]=0;for(f in c)Object.prototype.hasOwnProperty.call(c,f)&&(e[f]=c[f]);for(n&&n(r,c,a);s.length;)s.shift()();if(a)for(d=0;d<a.length;d++)u=o(o.s=a[d]);return u};var r={},t={15:0};function o(n){if(r[n])return r[n].exports;var t=r[n]={i:n,l:!1,exports:{}};return e[n].call(t.exports,t,t.exports,o),t.l=!0,t.exports}o.e=function(e){var n=t[e];if(0===n)return new Promise(function(e){e()});if(n)return n[2];var r=new Promise(function(r,o){n=t[e]=[r,o]});n[2]=r;var c=document.getElementsByTagName("head")[0],a=document.createElement("script");a.type="text/javascript",a.charset="utf-8",a.async=!0,a.timeout=12e4,o.nc&&a.setAttribute("nonce",o.nc),a.src=o.p+"static/js/"+e+"."+{0:"ec4de892f04f94b4c2f6",1:"c2ef46c6dcac24931ba4",2:"17debe0f6011a97521e8",3:"fe32c1237c8826c80886",4:"95d3c8221db60b228eb2",5:"ec7ee6a6de347cab8213",6:"0e7ac399b5d59483b7f2",7:"c60dff0fd854d6fc291f",8:"43a07f21010bbe7fcd6c",9:"d02156509389fc441584",10:"68b3b250aa24f55d8a82",11:"5d316356ba01de644f13",12:"34fff916cd789ce22038"}[e]+".js";var f=setTimeout(i,12e4);function i(){a.onerror=a.onload=null,clearTimeout(f);var n=t[e];0!==n&&(n&&n[1](new Error("Loading chunk "+e+" failed.")),t[e]=void 0)}return a.onerror=a.onload=i,c.appendChild(a),r},o.m=e,o.c=r,o.d=function(e,n,r){o.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:r})},o.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(n,"a",n),n},o.o=function(e,n){return Object.prototype.hasOwnProperty.call(e,n)},o.p="./",o.oe=function(e){throw console.error(e),e}}([]);
|
||||
//# sourceMappingURL=manifest.8fb7b94bab71b553af99.js.map
|
||||
@@ -1,2 +0,0 @@
|
||||
!function(e){var n=window.webpackJsonp;window.webpackJsonp=function(r,c,f){for(var a,i,u,d=0,s=[];d<r.length;d++)i=r[d],t[i]&&s.push(t[i][0]),t[i]=0;for(a in c)Object.prototype.hasOwnProperty.call(c,a)&&(e[a]=c[a]);for(n&&n(r,c,f);s.length;)s.shift()();if(f)for(d=0;d<f.length;d++)u=o(o.s=f[d]);return u};var r={},t={15:0};function o(n){if(r[n])return r[n].exports;var t=r[n]={i:n,l:!1,exports:{}};return e[n].call(t.exports,t,t.exports,o),t.l=!0,t.exports}o.e=function(e){var n=t[e];if(0===n)return new Promise(function(e){e()});if(n)return n[2];var r=new Promise(function(r,o){n=t[e]=[r,o]});n[2]=r;var c=document.getElementsByTagName("head")[0],f=document.createElement("script");f.type="text/javascript",f.charset="utf-8",f.async=!0,f.timeout=12e4,o.nc&&f.setAttribute("nonce",o.nc),f.src=o.p+"static/js/"+e+"."+{0:"ec4de892f04f94b4c2f6",1:"c2ef46c6dcac24931ba4",2:"17debe0f6011a97521e8",3:"fe32c1237c8826c80886",4:"95d3c8221db60b228eb2",5:"ef099e519190394cd3ba",6:"0e7ac399b5d59483b7f2",7:"c60dff0fd854d6fc291f",8:"43a07f21010bbe7fcd6c",9:"d02156509389fc441584",10:"68b3b250aa24f55d8a82",11:"5d316356ba01de644f13",12:"34fff916cd789ce22038"}[e]+".js";var a=setTimeout(i,12e4);function i(){f.onerror=f.onload=null,clearTimeout(a);var n=t[e];0!==n&&(n&&n[1](new Error("Loading chunk "+e+" failed.")),t[e]=void 0)}return f.onerror=f.onload=i,c.appendChild(f),r},o.m=e,o.c=r,o.d=function(e,n,r){o.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:r})},o.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(n,"a",n),n},o.o=function(e,n){return Object.prototype.hasOwnProperty.call(e,n)},o.p="./",o.oe=function(e){throw console.error(e),e}}([]);
|
||||
//# sourceMappingURL=manifest.fe707ef9ea99a002d256.js.map
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 180 KiB After Width: | Height: | Size: 329 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 250 KiB After Width: | Height: | Size: 329 KiB |
@@ -2,70 +2,80 @@
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport"
|
||||
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
||||
<title>红包规则</title>
|
||||
<link rel="stylesheet" href="../../common/css/reset.css">
|
||||
<style>
|
||||
body {
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
padding: 15px;
|
||||
}
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport"
|
||||
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
||||
<title>红包规则</title>
|
||||
<link rel="stylesheet" href="../../common/css/reset.css">
|
||||
<style>
|
||||
body {
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
padding: 15px;
|
||||
}
|
||||
|
||||
.title {
|
||||
font-weight: bold;
|
||||
}
|
||||
.title {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.title,
|
||||
p {
|
||||
line-height: 22px;
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
.title,
|
||||
p {
|
||||
line-height: 22px;
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
|
||||
.noBottom {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.noBottom {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.tit {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
line-height: 40px;
|
||||
font-weight: bold;
|
||||
font-size: 16px;
|
||||
}
|
||||
</style>
|
||||
.tit {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
line-height: 40px;
|
||||
font-weight: bold;
|
||||
font-size: 16px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<!-- <p class="tit">红包规则</p> -->
|
||||
<p>1、发红包收取<span></span>%的手续费，不足1鉆石则取整到1鉆石</p>
|
||||
<p>2、厅内发红包会发送到直播间，增加直播间的活跃</p>
|
||||
<p>3、抢到红包的用户会自动关注房主，发红包直播间和发红包的用户</p>
|
||||
<p>4、每个用户抢到的鉆石数将随机分配</p>
|
||||
<!-- <p>5、抢到礼物红包的用户会在礼物面板背包中，使用时与正常送出的礼物完全相同</p> -->
|
||||
<p>5、未领取的红包，会在30分钟之后发起退款</p>
|
||||
<!-- <p class="tit">红包规则</p> -->
|
||||
<p class="show"><b class="b1"></b>发红包收取<span></span>%的手续费，不足1鉆石则取整到1鉆石</p>
|
||||
<p><b class="b2"></b>厅内发红包会发送到直播间，增加直播间的活跃</p>
|
||||
<p><b class="b3"></b>每个用户抢到的鉆石数将随机分配</p>
|
||||
<!-- <p>5、抢到礼物红包的用户会在礼物面板背包中，使用时与正常送出的礼物完全相同</p> -->
|
||||
<p><b class="b4"></b>未领取的红包，会在<b class="min"></b>小时之后发起退款</p>
|
||||
|
||||
<script src="../../common/js/jquery-3.2.1.min.js"></script>
|
||||
<script src="../../common/js/common2.js"></script>
|
||||
<script>
|
||||
let urlPrefix = getUrlPrefix()
|
||||
getInfoFromClient()
|
||||
setTimeout(() => {
|
||||
networkRequest({
|
||||
type: 'GET',
|
||||
url: urlPrefix + '/client/init',
|
||||
success(res) {
|
||||
if (res.code === 200) {
|
||||
let num = 100 - res.data.redEnvelopeConfig.exchangeDiamondsRate * 100
|
||||
$('span').html(num)
|
||||
}
|
||||
}
|
||||
})
|
||||
}, 50)
|
||||
</script>
|
||||
<script src="../../common/js/jquery-3.2.1.min.js"></script>
|
||||
<script src="../../common/js/common2.js"></script>
|
||||
<script>
|
||||
let urlPrefix = getUrlPrefix()
|
||||
getInfoFromClient()
|
||||
setTimeout(() => {
|
||||
networkRequest({
|
||||
type: 'GET',
|
||||
url: urlPrefix + '/client/init',
|
||||
success (res) {
|
||||
if (res.code === 200) {
|
||||
let num = 100 - res.data.redEnvelopeConfig.exchangeDiamondsRate * 100
|
||||
$('span').html(num)
|
||||
$('.min').text(res.data.redEnvelopeConfig.endSecond / 60 / 60)
|
||||
if (num == 0) {
|
||||
$('.show').hide();
|
||||
for (let index = 1; index <= 4; index++) {
|
||||
$(`.b${index + 1}`).text(`${index}、`)
|
||||
}
|
||||
} else {
|
||||
for (let index = 1; index <= 4; index++) {
|
||||
$(`.b${index}`).text(`${index}、`)
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
})
|
||||
}, 50)
|
||||
</script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 180 KiB After Width: | Height: | Size: 329 KiB |
@@ -57,7 +57,7 @@
|
||||
<p v-else-if="tab === 11 && item1.objType === 89">{{item1.targetNick}}赠送鉆石</p>
|
||||
<p v-else-if="tab === 11 && item1.objType === 62">首充礼包获得钻石</p>
|
||||
<p v-else-if="tab === 11 && item1.objType === 88">星级厨房奖励</p>
|
||||
<p v-else-if="tab === 11 && item1.objType === 96">寻找小精灵中奖奖励</p>
|
||||
<p v-else-if="tab === 11 && item1.objType === 96">幸運塔羅收入</p>
|
||||
<p v-else-if="tab === 11 && item1.objType === 102">中秋活动瓜分钻石</p>
|
||||
<!-- <p v-else-if="tab === 11 || !item1.targetNick">{{ item1.srcNick }}</p> -->
|
||||
<p v-if="tab === 12 && item1.objType === 40">全服红包-发生在{{ item1.roomTitle }}</p>
|
||||
@@ -65,7 +65,7 @@
|
||||
<p v-else-if="tab === 12 && item1.objType === 27">活动礼包支出</p>
|
||||
<p v-else-if="tab === 12 && item1.objType === 61">购买门票</p>
|
||||
<p v-else-if="tab === 12 && item1.objType === 70">CP邀请支出</p>
|
||||
<p v-else-if="tab === 12 && item1.objType === 74">寻找小精灵支出</p>
|
||||
<p v-else-if="tab === 12 && item1.objType === 74">幸運塔羅支出</p>
|
||||
<p v-else-if="tab === 12 && item1.objType === 79">赠送头饰支出</p>
|
||||
<p v-else-if="tab === 12 && item1.objType === 78">购买头饰支出</p>
|
||||
<p v-else-if="tab === 12 && item1.objType === 80">购买铭牌支出</p>
|
||||
|
||||
Reference in New Issue
Block a user