moliparty/molistar-h5
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

幸运哼-修bug暂存

Browse Source
This commit is contained in:
dragon
2024-07-03 10:14:17 +08:00
parent 273446473d
commit 229b50364f
5 changed files with 190 additions and 178 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
view/molistar/modules/luckyTycoon/css/index.css
View File

@@ -143,6 +143,7 @@ body {
line-height: 0.86667rem;
float: left;
margin: 0 0.26667rem;
text-align: center;
}
.page1 .box1 .giftList {

1
view/molistar/modules/luckyTycoon/css/index.scss
View File

@@ -147,6 +147,7 @@ body {
line-height: px2rem(65);
float: left;
margin: 0 px2rem(20);
text-align: center;
}
}
}

BIN
view/molistar/modules/luckyTycoon/images/give.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 8.8 KiB

After

Width:  |  Height:  |  Size: 8.9 KiB

186
view/molistar/modules/luckyTycoon/index.html
View File

@@ -4,7 +4,7 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>幸运哼惊喜</title>
<title>幸運哼驚喜</title>
<link rel="stylesheet" href="../../common/css/reset.css">
<link rel="stylesheet" href="./css/index.css">
</head>
@@ -15,29 +15,26 @@
<img src="./images/travel/back.png" alt="">
</div>
<!-- 头部 -->
<!-- 頭部 -->
<div class="header">
<img src="./images/rule_icon.png" alt="" class="rule_icon">
</div>
<!-- 切换 -->
<!-- 切換 -->
<div class="tab tabs">
<div class="tab1 tabAct1"></div>
<div class="tab2"></div>
<div class="tab3"></div>
</div>
<!-- 页面1 -->
<!-- 頁面1 -->
<div class="page1">
<div class="box1">
<!-- 公告 -->
<div class="megaphone">
<img src="./images/megaphone_icon.png" alt="" class="megaphone_icon">
<ul class="notice_ul">
<li><i>恭喜</i> <b>用戶昵稱啊1</b> <i>送出水晶球獲得</i> <b>用戶昵稱</b> </li>
<li><i>恭喜</i> <b>用戶昵稱啊2</b> <i>送出水晶球獲得</i> <b>用戶昵稱</b> </li>
<li><i>恭喜</i> <b>用戶昵稱啊3</b> <i>送出水晶球獲得</i> <b>用戶昵稱</b> </li>
<li><i>恭喜</i> <b>用戶昵稱啊4</b> <i>送出水晶球獲得</i> <b>用戶昵稱</b> </li>
<!-- <li><i>恭喜</i> <b>用護昵稱啊1</b> <i>送出水晶球獲得</i> <b>用護昵稱</b> </li> -->
</ul>
</div>
<!-- 列表 -->
@@ -45,24 +42,24 @@
<li>
<div class="imgBox img1">
<img src="./images/logo.png" alt="">
<b>礼物昵称</b>
<b>禮物昵稱</b>
</div>
<img src="./images/open.png" alt="" class="open">
<div class="imgBox img2">
<img src="./images/logo.png" alt="">
<b>礼物昵称</b>
<b>禮物昵稱</b>
</div>
<img src="./images/give.png" alt="" class="give">
<div class="imgBox img3">
<img src="./images/logo.png" alt="">
<b>礼物昵称</b>
<b>禮物昵稱</b>
</div>
</li>
</div>
<div class="text">每周一00：00：00重置</div>
<div class="text">每日00：00：00重置</div>
</div>
<div class="box2">
<div class="stext1">活動一：累積收到以下任意3種不同的禮物，可領取獎勵一次</div>
<div class="stext1">活動壹：累積收到以下任意3種不同的禮物，可領取獎勵壹次</div>
<!-- ------------- -->
<div class="boxUl1">
<!-- <div class="boxUl1_in">
@@ -72,10 +69,10 @@
<div class="imgBox"></div>
<img src="./images/logo.png" alt="">
<span>0</span>
<b>礼物昵称</b>
<b>禮物昵稱</b>
</li>
</ul>
<div class="but">已发放*0</div>
<div class="but">已發放*0</div>
</div> -->
</div>
<div class="stext3">活動二：每收到以下任意禮物可獲得幸運值+1</div>
@@ -87,7 +84,7 @@
<div class="imgBox"></div>
<img src="./images/logo.png" alt="">
<span>0</span>
<b>礼物昵称</b>
<b>禮物昵稱</b>
</li>
</ul>
<div class="schedule">
@@ -110,60 +107,60 @@
</div>
</div>
<div class="stext4">點擊小火苗可查看有什麼獎勵哦~獎勵自動發放！</div>
<div class="stext5">每周一00：00：00重置</div>
<div class="stext5">每周壹00：00：00重置</div>
</div>
</div>
<!-- 页面2 -->
<!-- 頁面2 -->
<div class="page2">
<!-- 切换 -->
<!-- 切換 -->
<div class="tab tab1">
<div></div>
<div></div>
</div>
<!-- 页面2-1 -->
<!-- 頁面2-1 -->
<div class="page2_in1">
<!-- 前三 -->
<div class="no1">
<img src="./images/no1.png" alt="" class="ts">
<img src="./images/logo.png" alt="" class="tx">
<div class="nick">用户昵称</div>
<div class="score">实力值：0</div>
<div class="nick">用戶昵稱</div>
<div class="score">實力值：0</div>
</div>
<div class="no2">
<img src="./images/no2.png" alt="" class="ts">
<img src="./images/logo.png" alt="" class="tx">
<div class="nick">用户昵称</div>
<div class="score">实力值：0</div>
<div class="nick">用戶昵稱</div>
<div class="score">實力值：0</div>
</div>
<div class="no3">
<img src="./images/no3.png" alt="" class="ts">
<img src="./images/logo.png" alt="" class="tx">
<div class="nick">用户昵称</div>
<div class="score">实力值：0</div>
<div class="nick">用戶昵稱</div>
<div class="score">實力值：0</div>
</div>
<!-- 非前三 -->
<ul class="notTop">
<li>
<div class="num">4</div>
<img src="./images/logo.png" alt="" class="tx">
<div class="nick">用户昵称</div>
<div class="nick">用戶昵稱</div>
<div class="right">
<p>实力值</p>
<p>實力值</p>
<b>1k</b>
</div>
</li>
</ul>
<div class="my">
<div class="num">
<b>我的代言进度</b>
<b>我的代言進度</b>
<p>未上榜</p>
</div>
<img src="./images/logo.png" alt="" class="tx">
<div class="nick">用户昵称</div>
<div class="nick">用戶昵稱</div>
<div class="right">
<p>实力值:<i>0k</i></p>
<b>距离30名:<i>0k</i></b>
<p>實力值:<i>0k</i></p>
<b>距離30名:<i>0k</i></b>
</div>
</div>
</div>
@@ -174,75 +171,75 @@
<div class="no1">
<img src="./images/no1.png" alt="" class="ts">
<img src="./images/logo.png" alt="" class="tx">
<div class="nick">用户昵称</div>
<div class="score">实力值：0</div>
<div class="nick">用戶昵稱</div>
<div class="score">實力值：0</div>
</div>
<div class="no2">
<img src="./images/no2.png" alt="" class="ts">
<img src="./images/logo.png" alt="" class="tx">
<div class="nick">用户昵称</div>
<div class="score">实力值：0</div>
<div class="nick">用戶昵稱</div>
<div class="score">實力值：0</div>
</div>
<div class="no3">
<img src="./images/no3.png" alt="" class="ts">
<img src="./images/logo.png" alt="" class="tx">
<div class="nick">用户昵称</div>
<div class="score">实力值：0</div>
<div class="nick">用戶昵稱</div>
<div class="score">實力值：0</div>
</div>
</div>
</div>
</div>
<!-- 页面3 -->
<!-- 頁面3 -->
<div class="page3">
<!-- 切换 -->
<!-- 切換 -->
<div class="tab tab1">
<div></div>
<div></div>
</div>
<!-- 页面2-1 -->
<!-- 頁面2-1 -->
<div class="page2_in1">
<!-- 前三 -->
<div class="no1">
<img src="./images/no1.png" alt="" class="ts">
<img src="./images/logo.png" alt="" class="tx">
<div class="nick">用户昵称</div>
<div class="score">人气值：0</div>
<div class="nick">用戶昵稱</div>
<div class="score">人氣值：0</div>
</div>
<div class="no2">
<img src="./images/no2.png" alt="" class="ts">
<img src="./images/logo.png" alt="" class="tx">
<div class="nick">用户昵称</div>
<div class="score">人气值：0</div>
<div class="nick">用戶昵稱</div>
<div class="score">人氣值：0</div>
</div>
<div class="no3">
<img src="./images/no3.png" alt="" class="ts">
<img src="./images/logo.png" alt="" class="tx">
<div class="nick">用户昵称</div>
<div class="score">人气值：0</div>
<div class="nick">用戶昵稱</div>
<div class="score">人氣值：0</div>
</div>
<!-- 非前三 -->
<ul class="notTop">
<li>
<div class="num">4</div>
<img src="./images/logo.png" alt="" class="tx">
<div class="nick">用户昵称</div>
<div class="nick">用戶昵稱</div>
<div class="right">
<p>人气值</p>
<p>人氣值</p>
<b>1k</b>
</div>
</li>
</ul>
<div class="my">
<div class="num">
<b>我的代言进度</b>
<b>我的代言進度</b>
<p>未上榜</p>
</div>
<img src="./images/logo.png" alt="" class="tx">
<div class="nick">用户昵称</div>
<div class="nick">用戶昵稱</div>
<div class="right">
<p>人气值:<i>0k</i></p>
<b>距离30名:<i>0k</i></b>
<p>人氣值:<i>0k</i></p>
<b>距離30名:<i>0k</i></b>
</div>
</div>
</div>
@@ -253,37 +250,37 @@
<div class="no1">
<img src="./images/no1.png" alt="" class="ts">
<img src="./images/logo.png" alt="" class="tx">
<div class="nick">用户昵称</div>
<div class="score">人气值：0</div>
<div class="nick">用戶昵稱</div>
<div class="score">人氣值：0</div>
</div>
<div class="no2">
<img src="./images/no2.png" alt="" class="ts">
<img src="./images/logo.png" alt="" class="tx">
<div class="nick">用户昵称</div>
<div class="score">人气值：0</div>
<div class="nick">用戶昵稱</div>
<div class="score">人氣值：0</div>
</div>
<div class="no3">
<img src="./images/no3.png" alt="" class="ts">
<img src="./images/logo.png" alt="" class="tx">
<div class="nick">用户昵称</div>
<div class="score">人气值：0</div>
<div class="nick">用戶昵稱</div>
<div class="score">人氣值：0</div>
</div>
</div>
</div>
</div>
<!-- 页面1查看奖励弹窗 -->
<!-- 頁面1查看獎勵彈窗 -->
<div class="page1_pub">
<div class="page1_pub_in">
<div class="giftBox">
<div class="imgBox"></div>
<img src="./images/logo.png" alt="">
<span>0</span>
<b>礼物昵称</b>
<b>禮物昵稱</b>
</div>
</div>
</div>
<!-- 规则弹窗 -->
<!-- 規則彈窗 -->
<div class="rule_pub">
<div class="rule_pub_in">
<div class="tab tabs_pub tab1">
@@ -293,32 +290,32 @@
<div class="rule_page1">
<div class="box">
<p>1、活動時間</p>
<p>每周一至周日</p>
<p>每周壹至周日</p>
<p>2、歐氣升級</p>
<p>用戶通過送出幸運禮物開出指定禮物就有機會獲得額外禮物獎勵，超級幸運禮物不參與本次活動;</p>
<p>①【水晶球】每日額外產出3個金幣禮物;</p>
<p>②【中級許願瓶】每日額外產出5個金幣禮物;</p>
<p>③【中級寶箱】每日額外產出8個金幣禮物;</p>
<p>④【高級許願瓶】每日額外產出10個金幣禮物;</p>
<p>⑤【高級寶箱】每日額外產出10個金幣禮物;</p>
<p>ps：每日00:00:00更新，獎勵自動發放獲得的獎勵發放至用戶個人背包中，獲得獎勵的用戶可以移步至背包中查看哦~</p>
<p>用護通過送出幸運禮物開出指定禮物就有機會獲得額外禮物獎勵，超級幸運禮物不慘與本次活動;</p>
<p>壹【水晶球】每日額外產出3個金蔽禮物;</p>
<p>二【中級許願瓶】每日額外產出5個金蔽禮物;</p>
<p>③【中級寶箱】每日額外產出8個金蔽禮物;</p>
<p>四【高級許願瓶】每日額外產出10個金蔽禮物;</p>
<p>伍【高級寶箱】每日額外產出10個金蔽禮物;</p>
<p>ps：每日00:00:00更新，獎勵自動發放獲得的獎勵發放至用護個人背包中，獲得獎勵的用護可以移步至背包中查看哦~</p>
<p>3、禮物收藏家</p>
<p>①活動一：累計收到3種指定不同的禮物，可領取獎勵1次，獎勵每周上限最高可領取7次哦~獎勵自動發放，獲得獎勵的用戶可以移步至【裝扮商城】-【我的裝扮】查看哦~</p>
<p>② 活動二：通過收到指定禮物，每收到任意禮物，幸運值+1，當幸運值累計達到對應進度值時，可領取對應獎勵，獎勵每周限領一次哦~，已經獲得獎勵的用戶可以移步至【裝扮商城】-【我的裝扮】查看哦~
<p>壹活動壹：累計收到3種指定不同的禮物，可領取獎勵1次，獎勵每周上限最高可領取7次哦~獎勵自動發放，獲得獎勵的用護可以移步至【裝扮商城】-【我的裝扮】查看哦~</p>
<p>二 活動二：通過收到指定禮物，每收到任意禮物，幸運值+1，當幸運值累計達到對應進度值時，可領取對應獎勵，獎勵每周限領壹次哦~，已經獲得獎勵的用護可以移步至【裝扮商城】-【我的裝扮】查看哦~
</p>
<p>ps：每周一00:00:00更新;</p>
<p>ps：每周壹00:00:00更新;</p>
<p>4、實力代言榜</p>
<p>① 用戶送出幸運禮物可增加實力值，10金幣=1實力值，超級幸運禮物不參與本次活動;</p>
<p>②實力值相同時則按優先到達進行排序;</p>
<p>壹 用護送出幸運禮物可增加實力值，10金蔽=1實力值，超級幸運禮物不慘與本次活動;</p>
<p>二實力值相同時則按優先到達進行排序;</p>
<p>3.額外獎勵：</p>
<p>①連續4次獲得實力榜TOP1-3分別可領取不同獎勵，每個ID限領一次，額外獎勵將會在用戶獲得之後一個工作日發放;（例：1.若A用戶連續4次登上實力榜TOP1，獎勵金幣30w，2.若A用戶連續3次登上實力榜TOP1後，第四周未登上實力榜TOP1則無獎勵）
<p>壹連續4次獲得實力榜TOP1-3分別可領取不同獎勵，每個ID限領壹次，額外獎勵將會在用護獲得之後壹個工作日發放;（例：1.若A用護連續4次登上實力榜TOP1，獎勵金蔽30w，2.若A用護連續3次登上實力榜TOP1後，第四周未登上實力榜TOP1則無獎勵）
</p>
<p>②累計四次獲得實力榜TOP3分別可領取獎勵，每個ID限領一次，額外獎勵將會在用戶獲得之後一個工作日發放;（例：A用戶在不同的周期登上實力榜TOP1，累計達到4次以後額外獲得銘牌60天）</p>
<p>4. 活動獎勵將會在每周一發放;</p>
<p>二累計四次獲得實力榜TOP3分別可領取獎勵，每個ID限領壹次，額外獎勵將會在用護獲得之後壹個工作日發放;（例：A用護在不同的周期登上實力榜TOP1，累計達到4次以後額外獲得銘牌60天）</p>
<p>4. 活動獎勵將會在每周壹發放;</p>
<p>5、人氣代言榜</p>
<p>①用戶收到幸運禮物可增加人氣值，10金幣=1人氣值，超級幸運禮物不參與本次活動;</p>
<p>②實力值相同時則按優先到達進行排序;</p>
<p>③活動獎勵將會在每周一發放;</p>
<p>壹用護收到幸運禮物可增加人氣值，10金蔽=1人氣值，超級幸運禮物不慘與本次活動;</p>
<p>二實力值相同時則按優先到達進行排序;</p>
<p>③活動獎勵將會在每周壹發放;</p>
<p>6、有任何疑問請聯繫客服（LINE:pekoyuyin、app內搜索ID：10001、WeChat:sd245376）;</p>
<p>七、本活動最終解釋權歸官方所有，並與Apple inc/Google公司無關;</p>
</div>
@@ -331,14 +328,14 @@
<div class="imgBox"></div>
<img src="./images/logo.png" alt="">
<!-- <span>0</span> -->
<b>高级宝箱</b>
<i>礼物冠名权</i>
<b>高級寶箱</b>
<i>禮物冠名權</i>
</li>
<li>
<div class="imgBox"></div>
<img src="./images/logo.png" alt="">
<span>7天</span>
<b>直升机座驾</b>
<b>直升機座駕</b>
</li>
<li>
<div class="imgBox"></div>
@@ -354,8 +351,8 @@
</li>
</ul>
<div class="boxText">
<p>1.連續4次獲得實力榜TOP1額外獎勵30w金幣</p>
<p>2.累積獲得4次實力榜TOP1額外獎勵自定義銘牌*60天（每個ID僅可獲得一次，額外獎勵將會在1個工作日發放）</p>
<p>1.連續4次獲得實力榜TOP1額外獎勵30w金蔽</p>
<p>2.累積獲得4次實力榜TOP1額外獎勵自定義銘牌*60天（每個ID僅可獲得壹次，額外獎勵將會在1個工作日發放）</p>
</div>
</div>
@@ -366,7 +363,7 @@
<img src="./images/logo.png" alt="">
<!-- <span>0</span> -->
<b>中級寶箱</b>
<i>礼物冠名权</i>
<i>禮物冠名權</i>
</li>
<li>
<div class="imgBox"></div>
@@ -388,8 +385,8 @@
</li>
</ul>
<div class="boxText">
<p>1.連續4次獲得實力榜TOP2額外獎勵10w金幣</p>
<p>2.累積獲得4次實力榜TOP2額外獎勵自定義銘牌*30天（每個ID僅可獲得一次，額外獎勵將會在1個工作日發放）</p>
<p>1.連續4次獲得實力榜TOP2額外獎勵10w金蔽</p>
<p>2.累積獲得4次實力榜TOP2額外獎勵自定義銘牌*30天（每個ID僅可獲得壹次，額外獎勵將會在1個工作日發放）</p>
</div>
</div>
@@ -400,7 +397,7 @@
<img src="./images/logo.png" alt="">
<!-- <span>0</span> -->
<b>水晶球寶箱 </b>
<i>礼物冠名权</i>
<i>禮物冠名權</i>
</li>
<li>
<div class="imgBox"></div>
@@ -422,8 +419,8 @@
</li>
</ul>
<div class="boxText">
<p>1.連續4次獲得實力榜TOP3額外獎勵1w金幣</p>
<p>2.累積獲得4次實力榜TOP3額外獎勵自定義銘牌*15天（每個ID僅可獲得一次，額外獎勵將會在1個工作日發放）</p>
<p>1.連續4次獲得實力榜TOP3額外獎勵1w金蔽</p>
<p>2.累積獲得4次實力榜TOP3額外獎勵自定義銘牌*15天（每個ID僅可獲得壹次，額外獎勵將會在1個工作日發放）</p>
</div>
</div>
@@ -445,7 +442,7 @@
<img src="./images/logo.png" alt="">
<!-- <span>0</span> -->
<b>高級許願瓶</b>
<i>礼物冠名权</i>
<i>禮物冠名權</i>
</li>
<li>
<div class="imgBox"></div>
@@ -469,7 +466,7 @@
<img src="./images/logo.png" alt="">
<!-- <span>0</span> -->
<b>中級許願瓶 </b>
<i>礼物冠名权</i>
<i>禮物冠名權</i>
</li>
<li>
<div class="imgBox"></div>
@@ -493,6 +490,7 @@
<img src="./images/logo.png" alt="">
<!-- <span>0</span> -->
<b>初級許願瓶</b>
<i>禮物冠名權</i>
</li>
<li>
<div class="imgBox"></div>

180
view/molistar/modules/luckyTycoon/js/index.js
View File

@@ -6,7 +6,7 @@ if (env == 'test') {
}
// 封裝layer消息提醒框
let layerIndex
const showLoading = (content = '加载中') => {
const showLoading = (content = '加載中') => {
layer.open({
type: 2,
shadeClose: false,
@@ -26,7 +26,7 @@ const toastMsg = (content = '操作完成', time = 2) => {
skin: 'msg'
})
}
var rankType = null;//类型，1=收礼，2=送礼
var rankType = null;//類型，1=收禮，2=送禮
var page = 1;
var isLock = true;
var page1 = 1;
@@ -54,21 +54,50 @@ $(function () {
})
getRecords();
getActivity();
getLuckyBagFortunateActivity();
}, 100)
})
// 欧气
// 歐氣记录
function getRecords() {
$('.page1 .box1 .giftList li').remove();
$('.page1 .box1 .megaphone ul li').remove();
showLoading()
networkRequest({
type: 'get',
url: urlPrefix + '/luckyBagFortunate/getRecords',
success(res) {
if (res.code === 200) {
// 渲染獎勵
var str2 = '';
res.data.forEach(res => {
str2 += `
<li><i>恭喜</i> <b>${res.nick}</b><i>送出${res.luckyBagName}獲得</i><b>${res.rewardGiftName}</b> </li>
`
})
// 處理廣告輪播
$('.page1 .box1 .megaphone ul').append(str2);
notice();
} else {
toastMsg(res.message)
}
hideLoading(layerIndex)
},
error(err) {
hideLoading(layerIndex)
toastMsg("網絡錯誤")
}
})
}
// 歐氣
function getLuckyBagFortunateActivity() {
$('.page1 .box1 .giftList li').remove();
showLoading()
networkRequest({
type: 'get',
url: urlPrefix + '/luckyBagFortunate/getActivity',
success(res) {
if (res.code === 200) {
// 渲染奖励
var str = '';
var str2 = '';
res.data.forEach(res => {
str += `
<li>
@@ -88,14 +117,8 @@ function getRecords() {
</div>
</li>
`
str2 += `
<li><i>恭喜</i> <b>${res.nick}</b> <i>送出${res.destGiftName}獲得</i> <b>${res.rewardGiftName}</b> </li>
`
})
$('.page1 .box1 .giftList').append(str);
// 处理广告轮播
$('.page1 .box1 .megaphone ul').append(str2);
notice();
} else {
toastMsg(res.message)
}
@@ -107,7 +130,7 @@ function getRecords() {
}
})
}
// 公告轮播
// 公告輪播
function notice() {
var num = $(".notice_ul").find("li").length;
if (num > 1) {
@@ -120,7 +143,7 @@ function notice() {
}, 5000);
}
}
// 礼物收藏
// 禮物收藏
function getActivity() {
$('.page1 .box2 .boxUl1 .boxUl1_in').remove();
$('.page1 .box2 .boxUl2 .boxUl2_in').remove();
@@ -134,7 +157,7 @@ function getActivity() {
var str2 = '';
giftArr = res.data;
res.data.forEach((val, i) => {
if (val.collectType == 0) {//活动模式 0 点亮礼物 1 累计礼物
if (val.collectType == 0) {//活動模式 0 點亮禮物 1 累計禮物
$('.page1 .box2 .but').text(`${val.drawNum}`);
str += `
<div class="boxUl1_in">
@@ -142,7 +165,7 @@ function getActivity() {
<ul class="giftList">
${strFun(val.gifts, val.rewards)}
</ul>
<div class="but">已發放*0</div>
<div class="but">已發放*${val.drawNum}</div>
</div>
`;
@@ -174,11 +197,11 @@ function getActivity() {
},
error(err) {
hideLoading(layerIndex)
toastMsg("网络错误")
toastMsg("網絡錯誤")
}
})
}
// 内嵌字符串1
// 內嵌字符串1
function strFun(res, res2) {
var str = '';
var str2 = '';
@@ -198,7 +221,7 @@ function strFun(res, res2) {
<li>
<div class="imgBox"></div>
<img src="${val.rewardPic}" alt="">
<span>奖励</span>
<span>獎勵</span>
<b>${val.rewardName}</b>
</li>
`
@@ -206,10 +229,10 @@ function strFun(res, res2) {
res2.forEach(result => {
conditionValue = conditionValue + result.conditionValue;
})
$('.page1 .box2 .stext1').text(`活動一：累積收到以下任意${conditionValue}種不同的禮物，可領取獎勵一次`);
$('.page1 .box2 .stext1').text(`活動壹：累積收到以下任意${conditionValue}種不同的禮物，可領取獎勵壹次`);
return str + str2;
}
// 内嵌字符串2
// 內嵌字符串2
function strFun2(res, res2, drawNum) {
var str = '';
var str2 = '';
@@ -228,12 +251,12 @@ function strFun2(res, res2, drawNum) {
str2 += `
<img index="${i}" src="./images/hot.png" alt="" class="hot hot${i + 1}" style="left:${(val.conditionValue / allNum) * 100}%">
<b class="b${i + 1}" style="left:${(val.conditionValue / allNum) * 100}%">${val.conditionValue}</b>
<span class="span${i + 1}" style="left:${(val.conditionValue / allNum) * 100}%">${val.isGet ? '已发放' : '未完成'}</span>
<span class="span${i + 1}" style="left:${(val.conditionValue / allNum) * 100}%">${val.isGet ? '已發放' : '未完成'}</span>
`
})
return { str, str2 };
}
// 收藏家点击查看礼物按钮
// 收藏家點擊查看禮物按鈕
$('.page1 .box2 .boxUl2').on('click', '.boxUl2_in .schedule .lingBg .line .hot', function () {
var boxIndex = $(this).parents('.boxUl2_in').attr("index");
var sboxIndex = $(this).attr("index");
@@ -244,7 +267,7 @@ $('.page1 .box2 .boxUl2').on('click', '.boxUl2_in .schedule .lingBg .line .hot',
$('.page1_pub').show();
bodyScroolFun(true);
})
// 榜单接口
// 榜單接口
function listRank() {
showLoading()
networkRequest({
@@ -258,17 +281,17 @@ function listRank() {
if (res.data.rankVoList.length == 0) {
isLock = false;
}
if (rankType == 2) {//实力榜
if (rankType == 2) {//實力榜
$('.page2 .page2_in1 .notTop li').remove();
var listTo3 = res.data.rankVoList.slice(0, 3);
var notListTo3 = res.data.rankVoList.slice(3);
var me = res.data.me;
var str = '';
// 处理前三
// 處理前三
if (listTo3.length < 3) {
let arr = new Array(3 - listTo3.length).fill({
avatar: './images/logo.png',
nick: '虚位以待',
nick: '虛位以待',
totalNum: "0"
})
listTo3.push(...arr)
@@ -293,7 +316,7 @@ function listRank() {
`
})
$('.page2 .page2_in1 .notTop').append(str);
// 处理自己
// 處理自己
var runkKing = me.seqNo > 0 && me.seqNo <= 30 ? true : false;
$('.page2 .page2_in1 .my .num p').text(runkKing ? me.seqNo : '未上榜')
$('.page2 .page2_in1 .my .tx').attr('src', me.avatar);
@@ -307,17 +330,17 @@ function listRank() {
$(`.page2 .page2_in1 .my .right p`).css('margin-top', '1rem')
$('.page2 .page2_in1 .my .right b').hide();
}
} else {//人气榜
} else {//人氣榜
$('.page3 .page2_in1 .notTop li').remove();
var listTo3 = res.data.rankVoList.slice(0, 3);
var notListTo3 = res.data.rankVoList.slice(3);
var me = res.data.me;
var str = '';
// 处理前三
// 處理前三
if (listTo3.length < 3) {
let arr = new Array(3 - listTo3.length).fill({
avatar: './images/logo.png',
nick: '虚位以待',
nick: '虛位以待',
totalNum: "0"
})
listTo3.push(...arr)
@@ -325,7 +348,7 @@ function listRank() {
listTo3.forEach((res, i) => {
$(`.page3 .page2_in1 .no${i + 1} .tx`).attr('src', res.avatar);
$(`.page3 .page2_in1 .no${i + 1} .nick`).text(res.nick);
$(`.page3 .page2_in1 .no${i + 1} .score`).text('人气值：' + unitProcessingAr(res.totalNum, 1));
$(`.page3 .page2_in1 .no${i + 1} .score`).text('人氣值：' + unitProcessingAr(res.totalNum, 1));
});
// 非前三
notListTo3.forEach((res, i) => {
@@ -335,14 +358,14 @@ function listRank() {
<img src="${res.avatar}" alt="" class="tx">
<div class="nick">${res.nick}</div>
<div class="right">
<p>人气值</p>
<p>人氣值</p>
<b>${unitProcessingAr(res.totalNum, 1)}</b>
</div>
</li>
`
})
$('.page3 .page2_in1 .notTop').append(str);
// 处理自己
// 處理自己
var runkKing = me.seqNo > 0 && me.seqNo <= 30 ? true : false;
$('.page3 .page2_in1 .my .num p').text(runkKing ? me.seqNo : '未上榜')
$('.page3 .page2_in1 .my .tx').attr('src', me.avatar);
@@ -366,11 +389,11 @@ function listRank() {
error(err) {
isLock = true;
hideLoading(layerIndex)
toastMsg("网络错误")
toastMsg("網絡錯誤")
}
})
}
// tab切换
// tab切換
$('.tabs div').click(function () {
var i = $(this).index() + 1;
$('.tab div').removeClass('tabAct1').removeClass('tabAct2').removeClass('tabAct3')
@@ -412,7 +435,7 @@ function pageHistoryRank() {
if (res.data.length == 0) {
isLock1 = false;
}
if (rankType == 2) { //实力
if (rankType == 2) { //實力
$('.page2 .page2_in2 .page2_in2Box').remove();
var str = '';
res.data.forEach((val, i) => {
@@ -420,29 +443,12 @@ function pageHistoryRank() {
<div class="page2_in2Box">
<div class="title">${val.date}期TOP3實力代言人</div>
<!-- 前三 -->
<div class="no1">
<img src="./images/no1.png" alt="" class="ts">
<img src="${val.rankVoList[i].avatar}" alt="" class="tx">
<div class="nick">${val.rankVoList[i].nick}</div>
<div class="score">實力值：${unitProcessingAr(val.rankVoList[i].totalNum, 1)}</div>
</div>
<div class="no2">
<img src="./images/no2.png" alt="" class="ts">
<img src="${val.rankVoList[i].avatar}" alt="" class="tx">
<div class="nick">${val.rankVoList[i].nick}</div>
<div class="score">實力值：${unitProcessingAr(val.rankVoList[i].totalNum, 1)}</div>
</div>
<div class="no3">
<img src="./images/no3.png" alt="" class="ts">
<img src="${val.rankVoList[i].avatar}" alt="" class="tx">
<div class="nick">${val.rankVoList[i].nick}</div>
<div class="score">實力值：${unitProcessingAr(val.rankVoList[i].totalNum, 1)}</div>
</div>
${strFun3(val.rankVoList, 2)}
</div>
`
})
$('.page2 .page2_in2').append(str);
} else {//人气
} else {//人氣
$('.page3 .page2_in2 .page2_in2Box').remove();
var str = '';
res.data.forEach((val, i) => {
@@ -450,24 +456,7 @@ function pageHistoryRank() {
<div class="page2_in2Box">
<div class="title">${val.date}期TOP3人氣代言人</div>
<!-- 前三 -->
<div class="no1">
<img src="./images/no1.png" alt="" class="ts">
<img src="${val.rankVoList[i].avatar}" alt="" class="tx">
<div class="nick">${val.rankVoList[i].nick}</div>
<div class="score">人氣值：${unitProcessingAr(val.rankVoList[i].totalNum, 1)}</div>
</div>
<div class="no2">
<img src="./images/no2.png" alt="" class="ts">
<img src="${val.rankVoList[i].avatar}" alt="" class="tx">
<div class="nick">${val.rankVoList[i].nick}</div>
<div class="score">人氣值：${unitProcessingAr(val.rankVoList[i].totalNum, 1)}</div>
</div>
<div class="no3">
<img src="./images/no3.png" alt="" class="ts">
<img src="${val.rankVoList[i].avatar}" alt="" class="tx">
<div class="nick">${val.rankVoList[i].nick}</div>
<div class="score">人氣值：${unitProcessingAr(val.rankVoList[i].totalNum, 1)}</div>
</div>
${strFun3(val.rankVoList, 1)}
</div>
`
})
@@ -482,11 +471,34 @@ function pageHistoryRank() {
error(err) {
isLock1 = true;
hideLoading(layerIndex)
toastMsg("网络错误")
toastMsg("網絡錯誤")
}
})
}
// 页面2切换
function strFun3(val, num) {
// 處理前三
if (val.length < 3) {
let arr = new Array(3 - val.length).fill({
avatar: './images/logo.png',
nick: '虛位以待',
totalNum: "0"
})
val.push(...arr)
}
var str = '';
val.forEach((res, i) => {
str += `
<div class="no${i + 1}">
<img src="./images/no${i + 1}.png" alt="" class="ts">
<img src="${res.avatar}" alt="" class="tx">
<div class="nick">${res.nick}</div>
<div class="score">${num == 2 ? '實力值：' : '人氣值：'}${unitProcessingAr(res.totalNum, 1)}</div>
</div>
`
})
return str;
}
// 頁面2切換
$('.page2 .tab div').click(function () {
var i = $(this).index() + 1;
$('.page2 .tab').removeClass('tab1').removeClass('tab2');
@@ -500,7 +512,7 @@ $('.page2 .tab div').click(function () {
$('html').scrollTop(170);
}
})
// 页面3切换
// 頁面3切換
$('.page3 .tab div').click(function () {
var i = $(this).index() + 1;
$('.page3 .tab').removeClass('tab1').removeClass('tab2');
@@ -515,52 +527,52 @@ $('.page3 .tab div').click(function () {
$('html').scrollTop(170);
}
})
// 实力滚动监听
// 實力滾動監聽
$('.page2 .page2_in2 .page2_in2Box').scroll(function () {
let scrollTop = $(this).scrollTop()
let scrollHeight = $('.page2 .page2_in2 .page2_in2Box')[0].scrollHeight
let ulHeight = $(this).innerHeight()
if (scrollTop + ulHeight + 100 >= scrollHeight) {
if (isLock) {
// 請求下一頁
// 請求下壹頁
page = page + 1;
listRank(page)
isLock = false;
}
}
})
// 人气滚动监听
// 人氣滾動監聽
$('.page3 .page2_in2 .page2_in2Box').scroll(function () {
let scrollTop = $(this).scrollTop()
let scrollHeight = $('.page3 .page2_in2 .page2_in2Box')[0].scrollHeight
let ulHeight = $(this).innerHeight()
if (scrollTop + ulHeight + 100 >= scrollHeight) {
if (isLock1) {
// 請求下一頁
// 請求下壹頁
page1 = page1 + 1;
pageHistoryRank(page)
isLock1 = false;
}
}
})
// 关闭页面1查看奖励弹窗
// 關閉頁面1查看獎勵彈窗
$('.page1_pub').click(function () {
$('.page1_pub').hide();
bodyScroolFun(false);
})
// 打开规则
// 打開規則
$('.header .rule_icon').click(function () {
$('.rule_pub').show();
bodyScroolFun(true);
return false;
})
// 关闭规则
// 關閉規則
$('.rule_pub').click(function () {
$('.rule_pub').hide();
bodyScroolFun(false);
return false;
})
// 切换规则按钮
// 切換規則按鈕
$('.rule_pub .rule_pub_in .tabs_pub div').click(function () {
var i = $(this).index() + 1;
$('.rule_pub .rule_pub_in .tabs_pub').removeClass('tab1').removeClass('tab2');