完成年度活动

view/yinmeng/activity/2023-year/index.html

@@ -18,6 +18,8 @@
     <div class="header">
         <!-- 活动规则 -->
         <img src="./images/rule_icon.png" alt="" class="rule_icon">
+        <!-- 宝箱任务 -->
+        <img src="./images/toast.png" alt="" class="toast">
         <!-- tab切换 -->
         <div class="act tab tab1">年度挚友</div>
         <div class="tab tab2">礼物代言人</div>
@@ -25,6 +27,7 @@
         <div class="tab tab4">名厅之战</div>
         <div class="tab tab5">年度神豪</div>
     </div>
+
     <!-- 页面1 -->
     <div class="page1">
         <div class="box">
@@ -84,6 +87,489 @@
             </div>
         </div>
     </div>
+
+    <!-- 页面2 -->
+    <div class="page2">
+        <!-- 切换 -->
+        <div class="tabBox">
+            <div class="tab act">冰晶花</div>
+            <div class="tab">黎光勋章</div>
+            <div class="tab">荣耀权杖</div>
+            <div class="tab">流光绮梦</div>
+            <div class="tab">冰封王座</div>
+            <div class="tab">神祇荣光</div>
+        </div>
+        <!-- 礼物切换展示 -->
+        <img src="./images/page2GiftBox.png" alt="" class="page2GiftBox">
+        <img src="./images/page2Gift1.png" alt="" class="page2Gift">
+        <!-- 榜单盒子 -->
+        <div class="box">
+            <!-- 前三 -->
+            <div class="top3Box">
+                <div class="no1">
+                    <div class="pot">
+                        <img src="./images/page2No1.png" alt="" class="ts">
+                        <img src="./images/logo.png" alt="" class="tx">
+                        <p>用户昵称</p>
+                        <span>闪耀值:<b>0</b></span>
+                    </div>
+                </div>
+                <div class="no2">
+                    <div class="pot">
+                        <img src="./images/page2No2.png" alt="" class="ts">
+                        <img src="./images/logo.png" alt="" class="tx">
+                        <p>用户昵称</p>
+                        <span>闪耀值:<b>0</b></span>
+                    </div>
+                </div>
+                <div class="no3">
+                    <div class="pot">
+                        <img src="./images/page2No3.png" alt="" class="ts">
+                        <img src="./images/logo.png" alt="" class="tx">
+                        <p>用户昵称</p>
+                        <span>闪耀值:<b>0</b></span>
+                    </div>
+                </div>
+            </div>
+            <!-- 非前三 -->
+            <img src="./images/page2-4-15.png" alt="" class="ulTitle">
+            <ul>
+                <li>
+                    <div class="num">04</div>
+                    <img src="./images/page2UlTs.png" alt="" class="ts">
+                    <img src="./images/logo.png" alt="" class="tx">
+                    <div class="name">用户昵称</div>
+                    <div class="score">闪耀值: 0</div>
+                </li>
+            </ul>
+        </div>
+        <!-- 自己 -->
+        <div class="my">
+            <div class="num">未上榜</div>
+            <div class="ts">
+                <img src="./images/logo.png" alt="" class="tx">
+            </div>
+            <div class="name">用户昵称</div>
+            <div class="score">闪耀值: 0</div>
+        </div>
+    </div>
+
+    <!-- 页面3 -->
+    <div class="page3">
+        <!-- 标题图片 -->
+        <img src="./images/page3TitleIcon.png" alt="" class="page3TitleIcon">
+        <!-- 小时榜规则 -->
+        <img src="./images/page3RuleIcon.png" alt="" class="page3RuleIcon">
+        <!-- 切换tab容器 -->
+        <div class="page3tabBox">
+            <div class="tabBox">
+                <div class="tab act">
+                    <p>海选赛</p>
+                    <span>01.05-01.08</span>
+                </div>
+                <div class="tab">
+                    <p>淘汰赛</p>
+                    <span>01.09-01.011</span>
+                </div>
+                <div class="tab">
+                    <p>晋级赛</p>
+                    <span>01.12-01.14</span>
+                </div>
+                <div class="tab">
+                    <p>冲刺赛</p>
+                    <span>01.15-01.17</span>
+                </div>
+                <div class="tab">
+                    <p>总决赛</p>
+                    <span>01.18-01.19</span>
+                </div>
+            </div>
+            <div class="timeBox">
+                <p>当前赛季倒计时 <span class="sp1">0</span> 天 <span class="sp2">0</span> 时 <span class="sp3">0</span> 分 <span class="sp4">0</span> 秒 </p>
+            </div>
+        </div>
+        <!-- 榜单盒子 -->
+        <div class="box">
+            <!-- 前三 -->
+            <div class="top3Box">
+                <div class="no no1">
+                    <div class="pot">
+                        <img src="./images/page2No1.png" alt="" class="ts">
+                        <img src="./images/logo.png" alt="" class="tx">
+                        <p>用户昵称</p>
+                        <span>人气值:<b>0</b></span>
+                    </div>
+                </div>
+                <div class="no no2">
+                    <div class="pot">
+                        <img src="./images/page2No2.png" alt="" class="ts">
+                        <img src="./images/logo.png" alt="" class="tx">
+                        <p>用户昵称</p>
+                        <span>人气值:<b>0</b></span>
+                    </div>
+                </div>
+                <div class="no no3">
+                    <div class="pot">
+                        <img src="./images/page2No3.png" alt="" class="ts">
+                        <img src="./images/logo.png" alt="" class="tx">
+                        <p>用户昵称</p>
+                        <span>人气值:<b>0</b></span>
+                    </div>
+                </div>
+            </div>
+            <!-- 非前三 -->
+            <ul>
+                <li>
+                    <div class="num">04</div>
+                    <img src="./images/page2UlTs.png" alt="" class="ts">
+                    <img src="./images/logo.png" alt="" class="tx">
+                    <div class="name">用户昵称</div>
+                    <div class="score">人气值: 0</div>
+                </li>
+            </ul>
+        </div>
+        <!-- 自己 -->
+        <div class="my">
+            <div class="num">未上榜</div>
+            <div class="ts">
+                <img src="./images/logo.png" alt="" class="tx">
+            </div>
+            <div class="name">用户昵称</div>
+            <div class="score">人气值: 0</div>
+        </div>
+    </div>
+
+    <!-- 页面4 -->
+    <div class="page4">
+        <!-- 标题图片 -->
+        <img src="./images/page4TitleIcon.png" alt="" class="page3TitleIcon">
+        <!-- 切换tab容器 -->
+        <div class="page3tabBox">
+            <div class="tabBox">
+                <div class="tab act">
+                    <p>海选赛</p>
+                    <span>01.05-01.08</span>
+                </div>
+                <div class="tab">
+                    <p>淘汰赛</p>
+                    <span>01.09-01.011</span>
+                </div>
+                <div class="tab">
+                    <p>晋级赛</p>
+                    <span>01.12-01.14</span>
+                </div>
+                <div class="tab">
+                    <p>冲刺赛</p>
+                    <span>01.15-01.17</span>
+                </div>
+                <div class="tab">
+                    <p>总决赛</p>
+                    <span>01.18-01.19</span>
+                </div>
+            </div>
+            <div class="timeBox">
+                <p>当前赛季倒计时 <span>0</span> 天 <span>0</span> 时 <span>0</span> 分 <span>0</span> 秒 </p>
+            </div>
+        </div>
+        <!-- 标题2 -->
+        <img src="./images/page4Title2.png" alt="" class="page4Title2">
+        <!-- 榜单盒子 -->
+        <div class="box">
+            <!-- 前三 -->
+            <div class="top3Box">
+                <div class="no no1">
+                    <div class="pot">
+                        <img src="./images/page2No1.png" alt="" class="ts">
+                        <img src="./images/logo.png" alt="" class="tx">
+                        <p>用户昵称</p>
+                        <span>荣耀值:<b>0</b></span>
+                    </div>
+                </div>
+                <div class="no no2">
+                    <div class="pot">
+                        <img src="./images/page2No2.png" alt="" class="ts">
+                        <img src="./images/logo.png" alt="" class="tx">
+                        <p>用户昵称</p>
+                        <span>荣耀值:<b>0</b></span>
+                    </div>
+                </div>
+                <div class="no no3">
+                    <div class="pot">
+                        <img src="./images/page2No3.png" alt="" class="ts">
+                        <img src="./images/logo.png" alt="" class="tx">
+                        <p>用户昵称</p>
+                        <span>荣耀值:<b>0</b></span>
+                    </div>
+                </div>
+            </div>
+            <!-- 非前三 -->
+            <ul>
+                <li>
+                    <div class="num">04</div>
+                    <img src="./images/page2UlTs.png" alt="" class="ts">
+                    <img src="./images/logo.png" alt="" class="tx">
+                    <div class="name">用户昵称</div>
+                    <div class="score">荣耀值: 0</div>
+                </li>
+            </ul>
+        </div>
+        <!-- 自己 -->
+        <div class="my">
+            <div class="num">未上榜</div>
+            <div class="ts">
+                <img src="./images/logo.png" alt="" class="tx">
+            </div>
+            <div class="name">用户昵称</div>
+            <div class="score">荣耀值: 0</div>
+        </div>
+    </div>
+
+    <!-- 页面5 -->
+    <div class="page5">
+        <!-- 礼物切换展示 -->
+        <img src="./images/page3title.png" alt="" class="page3title">
+        <!-- 榜单盒子 -->
+        <div class="box">
+            <!-- 前三 -->
+            <div class="top3Box">
+                <div class="no1">
+                    <div class="pot">
+                        <img src="./images/page2No1.png" alt="" class="ts">
+                        <img src="./images/logo.png" alt="" class="tx">
+                        <p>用户昵称</p>
+                        <span>神豪值:<b>0</b></span>
+                    </div>
+                </div>
+                <div class="no2">
+                    <div class="pot">
+                        <img src="./images/page2No2.png" alt="" class="ts">
+                        <img src="./images/logo.png" alt="" class="tx">
+                        <p>用户昵称</p>
+                        <span>神豪值:<b>0</b></span>
+                    </div>
+                </div>
+                <div class="no3">
+                    <div class="pot">
+                        <img src="./images/page2No3.png" alt="" class="ts">
+                        <img src="./images/logo.png" alt="" class="tx">
+                        <p>用户昵称</p>
+                        <span>神豪值:<b>0</b></span>
+                    </div>
+                </div>
+            </div>
+            <!-- 非前三 -->
+            <ul>
+                <li>
+                    <div class="num">04</div>
+                    <img src="./images/page2UlTs.png" alt="" class="ts">
+                    <img src="./images/logo.png" alt="" class="tx">
+                    <div class="name">用户昵称</div>
+                    <div class="score">神豪值: 0</div>
+                </li>
+            </ul>
+        </div>
+        <!-- 自己 -->
+        <div class="my">
+            <div class="num">未上榜</div>
+            <div class="ts">
+                <img src="./images/logo.png" alt="" class="tx">
+            </div>
+            <div class="name">用户昵称</div>
+            <div class="score">神豪值: 0</div>
+        </div>
+    </div>
+
+    <!-- 活动规则弹窗 -->
+    <div class="rule">
+        <div class="rule_in">
+            <!-- 规则&奖励 -->
+            <div class="TabBox">
+                <div class="act">规则</div>
+                <div>奖励</div>
+            </div>
+            <!-- 小tab切换 -->
+            <div class="tabs">
+                <div class="act">年度挚友</div>
+                <div>礼物代言人</div>
+                <div>人气主播</div>
+                <div>名厅之战</div>
+                <div>年度神豪</div>
+            </div>
+            <!-- 切换tab容器 -->
+            <div class="content_tabBox">
+                <div class="tab act">
+                    <p>海选赛</p>
+                    <span>01.05-01.08</span>
+                </div>
+                <div class="tab">
+                    <p>淘汰赛</p>
+                    <span>01.09-01.011</span>
+                </div>
+                <div class="tab">
+                    <p>晋级赛</p>
+                    <span>01.12-01.14</span>
+                </div>
+                <div class="tab">
+                    <p>冲刺赛</p>
+                    <span>01.15-01.17</span>
+                </div>
+                <div class="tab">
+                    <p>总决赛</p>
+                    <span>01.18-01.19</span>
+                </div>
+            </div>
+            <!-- 切换tab容器 -->
+            <div class="content_tabBox2">
+                <div class="tab act">
+                    <p>冲刺赛</p>
+                </div>
+                <div class="tab">
+                    <p>总决赛</p>
+                </div>
+            </div>
+            <!-- 内容 -->
+            <div class="content1">
+                <img src="./images/rule1.png" alt="">
+            </div>
+            <div class="content2">
+                <img src="./images/rule21.png" alt="">
+            </div>
+        </div>
+    </div>
+
+    <!-- 盛典任务弹窗 -->
+    <div class="celebrationTask">
+        <div class="celebrationTask_in">
+            <!-- 标题 -->
+            <img src="./images/celebrationTaskTitle.png" alt="" class="celebrationTaskTitle">
+            <!-- tab -->
+            <div class="tab">
+                <div class="act">盛典大咖</div>
+                <div class="">盛典新秀</div>
+            </div>
+            <!-- 当前用户 -->
+            <div class="user">
+                <img src="./images/celebrationTaskTs.png" alt="" class="ts">
+                <img src="./images/logo.png" alt="" class="tx">
+                <p>用户昵称</p>
+                <div class="score">
+                    <span class="sp1">当前<i>贡献值</i>: <b>0</b></span>
+                    <span class="sp2">距下一级还需: <b>0</b></span>
+                </div>
+            </div>
+            <div class="tabBox1">
+                <i class="text">贡献值：按照用户在任意房间赠送钻石礼物获得贡献值，1钻石=1贡献值</i>
+                <img src="./images/celebrationTaskLine.png" alt="" class="line">
+                <div class="celebrationTaskBox">
+                    <div class="title">LV1</div>
+                    <p>活动期间赠送<b>0</b>钻石礼物</p>
+                    <div class="giftBox">
+                        <div>
+                            <img src="" alt="">
+                            <span>1天</span>
+                            <i>奖励名称</i>
+                        </div>
+                    </div>
+                    <div class="but">领取</div>
+                    <div class="butNot">未满足条件</div>
+                    <i>0/8</i>
+                    <img src="./images/celebrationTaskLeft.png" alt="" class="left">
+                    <img src="./images/celebrationTaskRight.png" alt="" class="right">
+                </div>
+            </div>
+            <div class="tabBox2">
+                <i class="text">新秀值：按照用户在任意房间收到钻石礼物获得贡献值，1钻石=1新秀值</i>
+                <img src="./images/celebrationTaskLine.png" alt="" class="line">
+                <div class="celebrationTaskBox">
+                    <div class="title">LV1</div>
+                    <p>活动期间收到<b>0</b>钻石礼物</p>
+                    <div class="giftBox">
+                        <div>
+                            <img src="" alt="">
+                            <span>1天</span>
+                            <i>奖励名称</i>
+                        </div>
+                    </div>
+                    <div class="but">领取</div>
+                    <div class="butNot">未满足条件</div>
+                    <i>0/8</i>
+                    <img src="./images/celebrationTaskLeft.png" alt="" class="left">
+                    <img src="./images/celebrationTaskRight.png" alt="" class="right">
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <!-- 页面3弹窗 -->
+    <div class="page3_pop">
+        <div class="page3_pop_in">
+            <!-- 标题 -->
+            <img src="./images/page3_popTitle.png" alt="" class="page3_popTitle">
+            <!-- 奖励 -->
+            <img src="./images/titleTopBox.png" alt="" class="titleTopBox">
+            <img src="./images/page3_popLustTop3.png" alt="" class="page3_popLustTop3">
+            <!-- 前三 -->
+            <div class="lastTop3">
+                <img src="./images/celebrationTaskTs.png" alt="" class="ts">
+                <img src="./images/logo.png" alt="" class="tx">
+                <p>用户昵称</p>
+                <div class="right">
+                    <img src="./images/logo.png" alt="">
+                    <i>最佳助力</i>
+                </div>
+            </div>
+            <!-- 线 -->
+            <img src="./images/celebrationTaskLine.png" alt="" class="line">
+            <!-- 时间 -->
+            <div class="timeBox">
+                <div class="div1">0点小时榜</div>
+                <div class="div2">剩余00分00秒</div>
+            </div>
+            <!-- 非前三 -->
+            <ul>
+                <li>
+                    <div class="num">01</div>
+                    <img src="./images/celebrationTaskTs.png" alt="" class="ts">
+                    <img src="./images/logo.png" alt="" class="tx">
+                    <div class="user">
+                        <p>用户昵称</p>
+                        <span>人气值:000</span>
+                    </div>
+                    <div class="right">
+                        <img src="./images/logo.png" alt="">
+                        <i>最佳助力</i>
+                    </div>
+                </li>
+            </ul>
+        </div>
+        <!-- 吸底 -->
+        <div class="bottom">小时榜仅在每晚19:00 - 23:29开启</div>
+    </div>
+
+    <!-- 页面4弹窗 -->
+    <div class="page4_pop">
+        <div class="page3_pop_in">
+            <!-- 顶部奖励 -->
+            <img src="./images/page4_popTop.png" alt="" class="page4_popTop">
+            <!-- 线 -->
+            <img src="./images/celebrationTaskLine.png" alt="" class="line">
+            <ul>
+                <li>
+                    <div class="lts">
+                        <img src="./images/logo.png" alt="" class="tx">
+                        <p>房间名称</p>
+                    </div>
+                    <div class="rts">
+                        <img src="./images/logo.png" alt="" class="tx">
+                        <p>房间名称</p>
+                    </div>
+                    <span class="right">
+                        <b>围观助力</b>
+                    </span>
+                </li>
+            </ul>
+        </div>
+    </div>
 </body>
 
 </html>

view/yinmeng/common/js/common2.js

@@ -545,8 +545,8 @@ function getInfoFromClient () {
 
     } else {
         // 非app环境调试参数
-        pubInfo.uid = 0;
+        pubInfo.uid = 200124;
-        pubInfo.ticket = "";
+        pubInfo.ticket = "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ0aWNrZXRfdHlwZSI6bnVsbCwidWlkIjoyMDAxMjQsInRpY2tldF9pZCI6ImFmYjY2MjdmLTI1ZDUtNGRiNS04ZjE2LTBiNjg5Y2MwMDRkMSIsImV4cCI6MzYwMCwiY2xpZW50X2lkIjoiZXJiYW4tY2xpZW50In0.kM3HQI3yF-nX-x7md3kZ2ly0999a9ODB9k3Tb9mTnx8";
         // pubInfo.uid = "";
         // pubInfo.ticket = "";