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

幸运哼暂存

Browse Source
This commit is contained in:
dragon
2024-07-01 20:25:23 +08:00
parent f1b3ea8049
commit 273446473d
50 changed files with 6509 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2681
view/molistar/modules/luckyTycoon/css/index.css Normal file
View File

File diff suppressed because it is too large Load Diff

2722
view/molistar/modules/luckyTycoon/css/index.scss Normal file
View File

File diff suppressed because it is too large Load Diff

BIN
view/molistar/modules/luckyTycoon/images/boxBg1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 127 KiB

BIN
view/molistar/modules/luckyTycoon/images/boxBg2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 115 KiB

BIN
view/molistar/modules/luckyTycoon/images/boxBg3.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 116 KiB

BIN
view/molistar/modules/luckyTycoon/images/boxBg4.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 117 KiB

BIN
view/molistar/modules/luckyTycoon/images/boxBg5.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 126 KiB

BIN
view/molistar/modules/luckyTycoon/images/boxBg6.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 113 KiB

BIN
view/molistar/modules/luckyTycoon/images/boxBg7.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 116 KiB

BIN
view/molistar/modules/luckyTycoon/images/boxBg8.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 116 KiB

BIN
view/molistar/modules/luckyTycoon/images/giftBg.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 8.0 KiB

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 8.8 KiB

BIN
view/molistar/modules/luckyTycoon/images/header.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 472 KiB

BIN
view/molistar/modules/luckyTycoon/images/hot.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.2 KiB

BIN
view/molistar/modules/luckyTycoon/images/lineBox.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.0 KiB

BIN
view/molistar/modules/luckyTycoon/images/logo.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 20 KiB

BIN
view/molistar/modules/luckyTycoon/images/megaphone.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.2 KiB

BIN
view/molistar/modules/luckyTycoon/images/megaphone_icon.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

BIN
view/molistar/modules/luckyTycoon/images/myBg.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 18 KiB

BIN
view/molistar/modules/luckyTycoon/images/no1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 229 KiB

BIN
view/molistar/modules/luckyTycoon/images/no2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 104 KiB

BIN
view/molistar/modules/luckyTycoon/images/no3.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 110 KiB

BIN
view/molistar/modules/luckyTycoon/images/open.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 8.4 KiB

BIN
view/molistar/modules/luckyTycoon/images/page1Box1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 106 KiB

BIN
view/molistar/modules/luckyTycoon/images/page1Box2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 114 KiB

BIN
view/molistar/modules/luckyTycoon/images/page1Box2But.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.4 KiB

BIN
view/molistar/modules/luckyTycoon/images/page1_pubBg.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 96 KiB

BIN
view/molistar/modules/luckyTycoon/images/page2-2Bg.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 88 KiB

BIN
view/molistar/modules/luckyTycoon/images/page2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 190 KiB

BIN
view/molistar/modules/luckyTycoon/images/page2Tab1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 40 KiB

BIN
view/molistar/modules/luckyTycoon/images/page2Tab2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 39 KiB

BIN
view/molistar/modules/luckyTycoon/images/page2liBg.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 16 KiB

BIN
view/molistar/modules/luckyTycoon/images/page3Tab1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 40 KiB

BIN
view/molistar/modules/luckyTycoon/images/page3Tab2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 40 KiB

BIN
view/molistar/modules/luckyTycoon/images/ruleBg.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 73 KiB

BIN
view/molistar/modules/luckyTycoon/images/ruleBg2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 70 KiB

BIN
view/molistar/modules/luckyTycoon/images/ruleTab1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 36 KiB

BIN
view/molistar/modules/luckyTycoon/images/ruleTab2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 36 KiB

BIN
view/molistar/modules/luckyTycoon/images/rule_icon.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 13 KiB

BIN
view/molistar/modules/luckyTycoon/images/schedule.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 16 KiB

BIN
view/molistar/modules/luckyTycoon/images/tab1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 8.8 KiB

BIN
view/molistar/modules/luckyTycoon/images/tab2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 9.0 KiB

BIN
view/molistar/modules/luckyTycoon/images/tab3.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 8.9 KiB

BIN
view/molistar/modules/luckyTycoon/images/tabAct1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 22 KiB

BIN
view/molistar/modules/luckyTycoon/images/tabAct2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 22 KiB

BIN
view/molistar/modules/luckyTycoon/images/tabAct3.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 22 KiB

BIN
view/molistar/modules/luckyTycoon/images/travel/back.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.0 KiB

BIN
view/molistar/modules/luckyTycoon/images/travel/backB.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.9 KiB

535
view/molistar/modules/luckyTycoon/index.html Normal file
View File

@@ -0,0 +1,535 @@
<!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>
<!-- 头部 -->
<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 -->
<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>
</ul>
</div>
<!-- 列表 -->
<div class="giftList">
<li>
<div class="imgBox img1">
<img src="./images/logo.png" alt="">
<b>礼物昵称</b>
</div>
<img src="./images/open.png" alt="" class="open">
<div class="imgBox img2">
<img src="./images/logo.png" alt="">
<b>礼物昵称</b>
</div>
<img src="./images/give.png" alt="" class="give">
<div class="imgBox img3">
<img src="./images/logo.png" alt="">
<b>礼物昵称</b>
</div>
</li>
</div>
<div class="text">每周一00：00：00重置</div>
</div>
<div class="box2">
<div class="stext1">活動一：累積收到以下任意3種不同的禮物，可領取獎勵一次</div>
<!-- ------------- -->
<div class="boxUl1">
<!-- <div class="boxUl1_in">
<div class="stext2">已經領取<b>（0/7）</b>次，可重複獲得時間自動疊加</div>
<ul class="giftList">
<li>
<div class="imgBox"></div>
<img src="./images/logo.png" alt="">
<span>0</span>
<b>礼物昵称</b>
</li>
</ul>
<div class="but">已发放*0</div>
</div> -->
</div>
<div class="stext3">活動二：每收到以下任意禮物可獲得幸運值+1</div>
<!-- ------------ -->
<div class="boxUl2">
<div class="boxUl2_in">
<ul class="giftList2">
<li>
<div class="imgBox"></div>
<img src="./images/logo.png" alt="">
<span>0</span>
<b>礼物昵称</b>
</li>
</ul>
<div class="schedule">
<div class="text">幸運值： </div>
<div class="lingBg">
<div class="line">
<div class="line_in"></div>
<img src="./images/hot.png" alt="" class="hot hot1">
<img src="./images/hot.png" alt="" class="hot hot2">
<img src="./images/hot.png" alt="" class="hot hot3">
<b class="b1">30</b>
<b class="b2">60</b>
<b class="b3">90</b>
<span class="span1">未完成</span>
<span class="span2">未完成</span>
<span class="span3">未完成</span>
</div>
</div>
</div>
</div>
</div>
<div class="stext4">點擊小火苗可查看有什麼獎勵哦~獎勵自動發放！</div>
<div class="stext5">每周一00：00：00重置</div>
</div>
</div>
<!-- 页面2 -->
<div class="page2">
<!-- 切换 -->
<div class="tab tab1">
<div></div>
<div></div>
</div>
<!-- 页面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>
<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>
<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>
<!-- 非前三 -->
<ul class="notTop">
<li>
<div class="num">4</div>
<img src="./images/logo.png" alt="" class="tx">
<div class="nick">用户昵称</div>
<div class="right">
<p>实力值</p>
<b>1k</b>
</div>
</li>
</ul>
<div class="my">
<div class="num">
<b>我的代言进度</b>
<p>未上榜</p>
</div>
<img src="./images/logo.png" alt="" class="tx">
<div class="nick">用户昵称</div>
<div class="right">
<p>实力值:<i>0k</i></p>
<b>距离30名:<i>0k</i></b>
</div>
</div>
</div>
<div class="page2_in2">
<div class="page2_in2Box">
<div class="title">0624-0630期TOP3實力代言人</div>
<!-- 前三 -->
<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>
<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>
<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>
</div>
</div>
</div>
<!-- 页面3 -->
<div class="page3">
<!-- 切换 -->
<div class="tab tab1">
<div></div>
<div></div>
</div>
<!-- 页面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>
<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>
<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>
<!-- 非前三 -->
<ul class="notTop">
<li>
<div class="num">4</div>
<img src="./images/logo.png" alt="" class="tx">
<div class="nick">用户昵称</div>
<div class="right">
<p>人气值</p>
<b>1k</b>
</div>
</li>
</ul>
<div class="my">
<div class="num">
<b>我的代言进度</b>
<p>未上榜</p>
</div>
<img src="./images/logo.png" alt="" class="tx">
<div class="nick">用户昵称</div>
<div class="right">
<p>人气值:<i>0k</i></p>
<b>距离30名:<i>0k</i></b>
</div>
</div>
</div>
<div class="page2_in2">
<div class="page2_in2Box">
<div class="title">0624-0630期TOP3實力代言人</div>
<!-- 前三 -->
<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>
<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>
<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>
</div>
</div>
</div>
<!-- 页面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>
</div>
</div>
</div>
<!-- 规则弹窗 -->
<div class="rule_pub">
<div class="rule_pub_in">
<div class="tab tabs_pub tab1">
<div></div>
<div></div>
</div>
<div class="rule_page1">
<div class="box">
<p>1、活動時間</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>3、禮物收藏家</p>
<p>①活動一：累計收到3種指定不同的禮物，可領取獎勵1次，獎勵每周上限最高可領取7次哦~獎勵自動發放，獲得獎勵的用戶可以移步至【裝扮商城】-【我的裝扮】查看哦~</p>
<p>② 活動二：通過收到指定禮物，每收到任意禮物，幸運值+1，當幸運值累計達到對應進度值時，可領取對應獎勵，獎勵每周限領一次哦~，已經獲得獎勵的用戶可以移步至【裝扮商城】-【我的裝扮】查看哦~
</p>
<p>ps：每周一00:00:00更新;</p>
<p>4、實力代言榜</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>
<p>②累計四次獲得實力榜TOP3分別可領取獎勵，每個ID限領一次，額外獎勵將會在用戶獲得之後一個工作日發放;（例：A用戶在不同的周期登上實力榜TOP1，累計達到4次以後額外獲得銘牌60天）</p>
<p>4. 活動獎勵將會在每周一發放;</p>
<p>5、人氣代言榜</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>
</div>
<div class="rule_page2">
<div class="box">
<div class="box1">
<ul class="giftList">
<li>
<div class="imgBox"></div>
<img src="./images/logo.png" alt="">
<!-- <span>0</span> -->
<b>高级宝箱</b>
<i>礼物冠名权</i>
</li>
<li>
<div class="imgBox"></div>
<img src="./images/logo.png" alt="">
<span>7天</span>
<b>直升机座驾</b>
</li>
<li>
<div class="imgBox"></div>
<img src="./images/logo.png" alt="">
<span>7天</span>
<b>制勝王者頭飾</b>
</li>
<li>
<div class="imgBox"></div>
<img src="./images/logo.png" alt="">
<span>7天</span>
<b>榮耀代言人銘牌 </b>
</li>
</ul>
<div class="boxText">
<p>1.連續4次獲得實力榜TOP1額外獎勵30w金幣</p>
<p>2.累積獲得4次實力榜TOP1額外獎勵自定義銘牌*60天（每個ID僅可獲得一次，額外獎勵將會在1個工作日發放）</p>
</div>
</div>
<div class="box2">
<ul class="giftList">
<li>
<div class="imgBox"></div>
<img src="./images/logo.png" alt="">
<!-- <span>0</span> -->
<b>中級寶箱</b>
<i>礼物冠名权</i>
</li>
<li>
<div class="imgBox"></div>
<img src="./images/logo.png" alt="">
<span>5天</span>
<b>直升機座駕</b>
</li>
<li>
<div class="imgBox"></div>
<img src="./images/logo.png" alt="">
<span>5天</span>
<b>制勝王者頭飾</b>
</li>
<li>
<div class="imgBox"></div>
<img src="./images/logo.png" alt="">
<span>5天</span>
<b>榮耀代言人銘牌 </b>
</li>
</ul>
<div class="boxText">
<p>1.連續4次獲得實力榜TOP2額外獎勵10w金幣</p>
<p>2.累積獲得4次實力榜TOP2額外獎勵自定義銘牌*30天（每個ID僅可獲得一次，額外獎勵將會在1個工作日發放）</p>
</div>
</div>
<div class="box3">
<ul class="giftList">
<li>
<div class="imgBox"></div>
<img src="./images/logo.png" alt="">
<!-- <span>0</span> -->
<b>水晶球寶箱 </b>
<i>礼物冠名权</i>
</li>
<li>
<div class="imgBox"></div>
<img src="./images/logo.png" alt="">
<span>3天</span>
<b>直升機座駕</b>
</li>
<li>
<div class="imgBox"></div>
<img src="./images/logo.png" alt="">
<span>3天</span>
<b>制勝王者頭飾</b>
</li>
<li>
<div class="imgBox"></div>
<img src="./images/logo.png" alt="">
<span>3天</span>
<b>榮耀代言人銘牌 </b>
</li>
</ul>
<div class="boxText">
<p>1.連續4次獲得實力榜TOP3額外獎勵1w金幣</p>
<p>2.累積獲得4次實力榜TOP3額外獎勵自定義銘牌*15天（每個ID僅可獲得一次，額外獎勵將會在1個工作日發放）</p>
</div>
</div>
<div class="box4">
<ul class="giftList">
<li>
<div class="imgBox"></div>
<img src="./images/logo.png" alt="">
<span>1天</span>
<b>直升機座駕</b>
</li>
</ul>
</div>
<div class="box5">
<ul class="giftList">
<li>
<div class="imgBox"></div>
<img src="./images/logo.png" alt="">
<!-- <span>0</span> -->
<b>高級許願瓶</b>
<i>礼物冠名权</i>
</li>
<li>
<div class="imgBox"></div>
<img src="./images/logo.png" alt="">
<span>7天</span>
<b>炫光紫金頭飾</b>
</li>
<li>
<div class="imgBox"></div>
<img src="./images/logo.png" alt="">
<span>7天</span>
<b>榮耀代言人銘牌</b>
</li>
</ul>
</div>
<div class="box6">
<ul class="giftList">
<li>
<div class="imgBox"></div>
<img src="./images/logo.png" alt="">
<!-- <span>0</span> -->
<b>中級許願瓶 </b>
<i>礼物冠名权</i>
</li>
<li>
<div class="imgBox"></div>
<img src="./images/logo.png" alt="">
<span>5天</span>
<b>炫光紫金頭飾</b>
</li>
<li>
<div class="imgBox"></div>
<img src="./images/logo.png" alt="">
<span>5天</span>
<b>榮耀代言人銘牌</b>
</li>
</ul>
</div>
<div class="box7">
<ul class="giftList">
<li>
<div class="imgBox"></div>
<img src="./images/logo.png" alt="">
<!-- <span>0</span> -->
<b>初級許願瓶</b>
</li>
<li>
<div class="imgBox"></div>
<img src="./images/logo.png" alt="">
<span>3天</span>
<b>炫光紫金頭飾</b>
</li>
<li>
<div class="imgBox"></div>
<img src="./images/logo.png" alt="">
<span>3天</span>
<b>榮耀代言人銘牌</b>
</li>
</ul>
</div>
<div class="box8">
<ul class="giftList">
<li>
<div class="imgBox"></div>
<img src="./images/logo.png" alt="">
<span>1天</span>
<b>炫光紫金頭飾</b>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</body>
<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/index.js"></script>
</html>

571
view/molistar/modules/luckyTycoon/js/index.js Normal file
View File

@@ -0,0 +1,571 @@
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 = null;//类型，1=收礼，2=送礼
var page = 1;
var isLock = true;
var page1 = 1;
var isLock1 = true;
var giftArr = [];
// 初始化函數
$(function () {
getInfoFromClient();
setTimeout(function () {
// 頁面全屏
if (browser.app) {
if (browser.android) {
window.androidJsObj.initShowNav(false)
} else {
window.webkit.messageHandlers.initShowNav.postMessage(0)
}
};
// 頂部返回事件
$('.back img').click(() => {
if (browser.android) {
window.androidJsObj.closeWebView()
} else {
window.webkit.messageHandlers.closeWebView.postMessage(null)
}
})
getRecords();
getActivity();
}, 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 str = '';
var str2 = '';
res.data.forEach(res => {
str += `
<li>
<div class="imgBox img1">
<img src="${res.luckyBagPic}" alt="">
<b>${res.luckyBagName}</b>
</div>
<img src="./images/open.png" alt="" class="open">
<div class="imgBox img2">
<img src="${res.destGiftPic}" alt="">
<b>${res.destGiftName}</b>
</div>
<img src="./images/give.png" alt="" class="give">
<div class="imgBox img3">
<img src="${res.rewardGiftPic}" alt="">
<b>${res.rewardGiftName}</b>
</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)
}
hideLoading(layerIndex)
},
error(err) {
hideLoading(layerIndex)
toastMsg("网络错误")
}
})
}
// 公告轮播
function notice() {
var num = $(".notice_ul").find("li").length;
if (num > 1) {
setInterval(function () {
$('.notice_ul').animate({
marginTop: "-0.86667rem"
}, 1000, function () {
$(this).css({ marginTop: "0" }).find("li:first").appendTo(this);
});
}, 5000);
}
}
// 礼物收藏
function getActivity() {
$('.page1 .box2 .boxUl1 .boxUl1_in').remove();
$('.page1 .box2 .boxUl2 .boxUl2_in').remove();
showLoading()
networkRequest({
type: 'get',
url: urlPrefix + '/luckyBagCollect/getActivity',
success(res) {
if (res.code === 200) {
var str = '';
var str2 = '';
giftArr = res.data;
res.data.forEach((val, i) => {
if (val.collectType == 0) {//活动模式 0 点亮礼物 1 累计礼物
$('.page1 .box2 .but').text(`${val.drawNum}`);
str += `
<div class="boxUl1_in">
<div class="stext2">已經領取<b>（${val.drawNum}/${val.dayLimit}）</b>次，可重複獲得時間自動疊加</div>
<ul class="giftList">
${strFun(val.gifts, val.rewards)}
</ul>
<div class="but">已發放*0</div>
</div>
`;
} else if (val.collectType == 1) {
str2 += `
<div class="boxUl2_in" index="${i}">
<ul class="giftList2">
${strFun2(val.gifts, val.rewards, val.drawNum).str}
</ul>
<div class="schedule">
<div class="text">幸運值： </div>
<div class="lingBg">
<div class="line">
<div class="line_in" style="width:${val.drawNum / val.rewards[val.rewards.length - 1].conditionValue * 100 + '%'}"></div>
${strFun2(val.gifts, val.rewards, val.drawNum).str2}
</div>
</div>
</div>
</div>
`
}
})
$('.page1 .box2 .boxUl1').append(str);
$('.page1 .box2 .boxUl2').append(str2);
} else {
toastMsg(res.message)
}
hideLoading(layerIndex)
},
error(err) {
hideLoading(layerIndex)
toastMsg("网络错误")
}
})
}
// 内嵌字符串1
function strFun(res, res2) {
var str = '';
var str2 = '';
var conditionValue = 0;
res.forEach(val => {
str += `
<li>
<div class="imgBox"></div>
<img src="${val.picUrl}" alt="">
<span>${val.receiveNum}</span>
<b>${val.giftName}</b>
</li>
`
})
res2.forEach(val => {
str2 += `
<li>
<div class="imgBox"></div>
<img src="${val.rewardPic}" alt="">
<span>奖励</span>
<b>${val.rewardName}</b>
</li>
`
})
res2.forEach(result => {
conditionValue = conditionValue + result.conditionValue;
})
$('.page1 .box2 .stext1').text(`活動一：累積收到以下任意${conditionValue}種不同的禮物，可領取獎勵一次`);
return str + str2;
}
// 内嵌字符串2
function strFun2(res, res2, drawNum) {
var str = '';
var str2 = '';
var allNum = res2[res2.length - 1].conditionValue;
res.forEach(val => {
str += `
<li>
<div class="imgBox"></div>
<img src="${val.picUrl}" alt="">
<span>${val.receiveNum}</span>
<b>${val.giftName}</b>
</li>
`
})
res2.forEach((val, i) => {
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>
`
})
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");
console.log(boxIndex, sboxIndex, giftArr);
$('.page1_pub .page1_pub_in .giftBox img').attr('src', giftArr[boxIndex].rewards[sboxIndex].rewardPic);
$('.page1_pub .page1_pub_in .giftBox b').text(giftArr[boxIndex].rewards[sboxIndex].rewardName);
$('.page1_pub .page1_pub_in .giftBox span').text(giftArr[boxIndex].rewards[sboxIndex].rewardNum);
$('.page1_pub').show();
bodyScroolFun(true);
})
// 榜单接口
function listRank() {
showLoading()
networkRequest({
type: 'get',
url: urlPrefix + '/luckyBagWeekRank/listRank',
data: {
rankType: rankType,
},
success(res) {
if (res.code === 200) {
if (res.data.rankVoList.length == 0) {
isLock = false;
}
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: '虚位以待',
totalNum: "0"
})
listTo3.push(...arr)
}
listTo3.forEach((res, i) => {
$(`.page2 .page2_in1 .no${i + 1} .tx`).attr('src', res.avatar);
$(`.page2 .page2_in1 .no${i + 1} .nick`).text(res.nick);
$(`.page2 .page2_in1 .no${i + 1} .score`).text('實力值：' + unitProcessingAr(res.totalNum, 1));
});
// 非前三
notListTo3.forEach((res, i) => {
str += `
<li>
<div class="num">${res.seqNo}</div>
<img src="${res.avatar}" alt="" class="tx">
<div class="nick">${res.nick}</div>
<div class="right">
<p>實力值</p>
<b>${unitProcessingAr(res.totalNum, 1)}</b>
</div>
</li>
`
})
$('.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);
$('.page2 .page2_in1 .my .nick').text(me.nick);
$(`.page2 .page2_in1 .my .right p i`).text(unitProcessingAr(me.totalNum, 1))
if (runkKing == false && res.data.rankVoList.length >= 30) {
$(`.page2 .page2_in1 .my .right p`).css('margin-top', '0.72rem')
$('.page2 .page2_in1 .my .right b').show();
$('.page2 .page2_in1 .my .right b i').text(unitProcessingAr(res.data.rankVoList[res.data.rankVoList.length - 1].totalNum - me.totalNum, 1))
} else {
$(`.page2 .page2_in1 .my .right p`).css('margin-top', '1rem')
$('.page2 .page2_in1 .my .right b').hide();
}
} 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: '虚位以待',
totalNum: "0"
})
listTo3.push(...arr)
}
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));
});
// 非前三
notListTo3.forEach((res, i) => {
str += `
<li>
<div class="num">${res.seqNo}</div>
<img src="${res.avatar}" alt="" class="tx">
<div class="nick">${res.nick}</div>
<div class="right">
<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);
$('.page3 .page2_in1 .my .nick').text(me.nick);
$(`.page3 .page2_in1 .my .right p i`).text(unitProcessingAr(me.totalNum, 1))
if (runkKing == false && res.data.rankVoList.length >= 30) {
$(`.page3 .page2_in1 .my .right p`).css('margin-top', '0.72rem')
$('.page3 .page2_in1 .my .right b').show();
$('.page3 .page2_in1 .my .right b i').text(unitProcessingAr(res.data.rankVoList[res.data.rankVoList.length - 1].totalNum - me.totalNum, 1))
} else {
$(`.page3 .page2_in1 .my .right p`).css('margin-top', '1rem')
$('.page3 .page2_in1 .my .right b').hide();
}
}
} else {
isLock = true;
toastMsg(res.message)
}
hideLoading(layerIndex)
},
error(err) {
isLock = true;
hideLoading(layerIndex)
toastMsg("网络错误")
}
})
}
// tab切换
$('.tabs div').click(function () {
var i = $(this).index() + 1;
$('.tab div').removeClass('tabAct1').removeClass('tabAct2').removeClass('tabAct3')
$(this).addClass(`tabAct${i}`);
$('.page1,.page2,.page3').hide();
$(`.page${i}`).show();
if (i == 1) {
getRecords();
getActivity();
} else if (i == 2) {
rankType = 2;
listRank();
$('.page2 .tab').removeClass('tab1').removeClass('tab2');
$('.page2 .tab').addClass(`tab${1}`)
$('.page2 .page2_in1,.page2 .page2_in2').hide();
$(`.page2 .page2_in${1}`).show();
} else if (i == 3) {
rankType = 1;
listRank();
$('.page3 .tab').removeClass('tab1').removeClass('tab2');
$('.page3 .tab').addClass(`tab${1}`)
$('.page3 .page2_in1,.page3 .page2_in2').hide();
$(`.page3 .page2_in${1}`).show();
}
})
// 往期接口
function pageHistoryRank() {
showLoading()
networkRequest({
type: 'get',
url: urlPrefix + '/luckyBagWeekRank/pageHistoryRank',
data: {
page: page,
pageSize: 10,
rankType: rankType,
},
success(res) {
if (res.code === 200) {
if (res.data.length == 0) {
isLock1 = false;
}
if (rankType == 2) { //实力
$('.page2 .page2_in2 .page2_in2Box').remove();
var str = '';
res.data.forEach((val, i) => {
str += `
<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>
</div>
`
})
$('.page2 .page2_in2').append(str);
} else {//人气
$('.page3 .page2_in2 .page2_in2Box').remove();
var str = '';
res.data.forEach((val, i) => {
str += `
<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>
</div>
`
})
$('.page3 .page2_in2').append(str);
}
} else {
isLock1 = true;
toastMsg(res.message)
}
hideLoading(layerIndex)
},
error(err) {
isLock1 = true;
hideLoading(layerIndex)
toastMsg("网络错误")
}
})
}
// 页面2切换
$('.page2 .tab div').click(function () {
var i = $(this).index() + 1;
$('.page2 .tab').removeClass('tab1').removeClass('tab2');
$('.page2 .tab').addClass(`tab${i}`)
$('.page2 .page2_in1,.page2 .page2_in2').hide();
$(`.page2 .page2_in${i}`).show();
if (i == 1) {
listRank();
} else if (i == 2) {
pageHistoryRank();
$('html').scrollTop(170);
}
})
// 页面3切换
$('.page3 .tab div').click(function () {
var i = $(this).index() + 1;
$('.page3 .tab').removeClass('tab1').removeClass('tab2');
$('.page3 .tab').addClass(`tab${i}`)
$('.page3 .page2_in1,.page3 .page2_in2').hide();
$(`.page3 .page2_in${i}`).show();
if (i == 1) {
rankType = 1;
listRank();
} else if (i == 2) {
pageHistoryRank();
$('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查看奖励弹窗
$('.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');
$('.rule_pub .rule_pub_in .tabs_pub').addClass(`tab${i}`)
$('.rule_pub .rule_pub_in .rule_page1,.rule_pub .rule_pub_in .rule_page2').hide();
$(`.rule_pub .rule_pub_in .rule_page${i}`).show();
return false;
})