幸运数字instasll

view/molistar/activity/luckyNumbers/css/index.css

@@ -0,0 +1,151 @@
+html,
+body {
+  height: 100%;
+  background: #160900;
+}
+
+.back {
+  width: 100%;
+  height: 0.5866666667rem;
+  line-height: 0.5866666667rem;
+  position: fixed;
+  left: 0;
+  top: 0;
+  padding-top: 1.4666666667rem;
+  padding-bottom: 0.2933333333rem;
+  text-align: center;
+  color: #FFFFFF;
+  font-size: 0.5066666667rem;
+  font-weight: bold;
+}
+.back img {
+  width: 0.5866666667rem;
+  height: 0.5866666667rem;
+  position: absolute;
+  left: 0.24rem;
+}
+
+.top_bg {
+  background-image: url("../images/top_bg.png");
+  background-size: 100% 100%;
+  height: 14.3066666667rem;
+  width: 100%;
+  position: relative;
+}
+.top_bg .countdown_box {
+  position: absolute;
+  top: 30%;
+  left: 24%;
+  display: flex;
+  gap: 0.8rem;
+}
+.top_bg .countdown_box .time_kuang {
+  position: relative;
+}
+.top_bg .countdown_box .time_kuang img {
+  width: 1.2rem;
+  height: 1.2rem;
+}
+.top_bg .countdown_box .time_kuang .time_text {
+  font-family: PingFang SC;
+  font-weight: 600;
+  font-size: 0.5866666667rem;
+  color: #FDF565;
+  line-height: 45px;
+  position: absolute;
+  top: 0;
+  left: 0.2533333333rem;
+}
+.top_bg .countdown_box .time_kuang .time_type {
+  font-family: PingFang SC;
+  font-weight: 400;
+  font-size: 0.3733333333rem;
+  color: #FFF783;
+  text-align: center;
+  margin-top: 0.1333333333rem;
+}
+.top_bg .tip_chang {
+  position: absolute;
+  top: 45%;
+}
+.top_bg .tip_chang .tip_txt {
+  width: 100%;
+  font-family: PingFang SC;
+  font-weight: 400;
+  font-size: 0.3466666667rem;
+  color: #FFF783;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  text-align: center;
+}
+.top_bg .conis_bg {
+  position: absolute;
+  top: 76%;
+  padding: 0 1.3333333333rem;
+}
+.top_bg .conis_bg .conis_txt {
+  font-family: PingFang SC;
+  font-weight: 600;
+  font-size: 0.4rem;
+  color: #5D2600;
+  display: flex;
+  align-items: center;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  text-align: center;
+}
+.top_bg .conis_bg .conis_txt .num {
+  font-size: 0.7466666667rem;
+  margin: 0 0.1066666667rem;
+  font-weight: 600;
+}
+.top_bg .conis_bg .conis_txt img {
+  width: 0.6933333333rem;
+  height: 0.6933333333rem;
+}
+
+.describe_box {
+  background-image: url("../images/shuoming_kuang.png");
+  background-size: 100% 100%;
+}
+.describe_box .txt {
+  font-family: PingFang SC;
+  font-weight: 400;
+  font-size: 0.3733333333rem;
+  color: #FFF783;
+  line-height: 0.56rem;
+  padding: 0.7466666667rem 0.9333333333rem;
+  text-align: center;
+}
+
+.reward_wrap {
+  background-image: url("../images/reward_kuang.png");
+  background-size: 100% 100%;
+  text-align: center;
+  padding: 0.6666666667rem 0.9333333333rem;
+  margin-top: 0.4266666667rem;
+}
+.reward_wrap .title {
+  font-family: PingFang SC;
+  font-weight: 500;
+  font-size: 0.48rem;
+  color: #FFF783;
+}
+.reward_wrap .txt {
+  font-family: PingFang SC;
+  font-weight: 400;
+  font-size: 0.3466666667rem;
+  color: #FFF783;
+  line-height: 0.48rem;
+  margin-top: 0.4rem;
+}
+.reward_wrap img {
+  width: 5.9866666667rem;
+  height: 2.5866666667rem;
+  margin-top: 0.3466666667rem;
+  margin-bottom: 0.4rem;
+}

view/molistar/activity/luckyNumbers/css/index.scss

@@ -0,0 +1,168 @@
+@charset "UTF-8";
+
+@function px2rem($px) {
+    @return $px / 75+rem;
+}
+
+html,
+body {
+    // width: 100%;
+    height: 100%;
+    background: #160900;
+}
+
+.back {
+    width: 100%;
+    height: px2rem(44);
+    line-height: px2rem(44);
+    position: fixed;
+    left: 0;
+    top: 0;
+    padding-top: px2rem(110);
+    padding-bottom: px2rem(22);
+    text-align: center;
+    color: #FFFFFF;
+    font-size: px2rem(38);
+    font-weight: bold;
+
+    img {
+        width: px2rem(44);
+        height: px2rem(44);
+        position: absolute;
+        left: px2rem(18);
+        // top: px2rem(0);
+    }
+}
+
+.top_bg {
+    background-image: url("../images/top_bg.png");
+    background-size: 100% 100%;
+    height: px2rem(1073);
+    width: 100%;
+    position: relative;
+
+    .countdown_box {
+        position: absolute;
+        top: 30%;
+        left: 24%;
+        display: flex;
+        gap: px2rem(60);
+
+        .time_kuang {
+            position: relative;
+
+            img {
+                width: px2rem(90);
+                height: px2rem(90);
+            }
+
+            .time_text {
+                font-family: PingFang SC;
+                font-weight: 600;
+                font-size: px2rem(44);
+                color: #FDF565;
+                line-height: 45px;
+                position: absolute;
+                top: 0;
+                left: px2rem(19)
+            }
+
+            .time_type {
+                font-family: PingFang SC;
+                font-weight: 400;
+                font-size: px2rem(28);
+                color: #FFF783;
+                text-align: center;
+                margin-top: px2rem(10);
+            }
+        }
+    }
+
+    .tip_chang {
+        position: absolute;
+        top: 45%;
+
+        .tip_txt {
+            width: 100%;
+            font-family: PingFang SC;
+            font-weight: 400;
+            font-size: px2rem(26);
+            color: #FFF783;
+            position: absolute;
+            top: 50%;
+            left: 50%;
+            transform: translate(-50%, -50%);
+            text-align: center;
+        }
+    }
+
+    .conis_bg {
+        position: absolute;
+        top: 76%;
+        padding: 0 px2rem(100);
+        .conis_txt {
+            font-family: PingFang SC;
+            font-weight: 600;
+            font-size: px2rem(30);
+            color: #5D2600;
+            display: flex;
+            align-items: center;
+            position: absolute;
+            top: 50%;
+            left: 50%;
+            transform: translate(-50%, -50%);
+            text-align: center;
+            .num {
+                font-size: px2rem(56);
+                margin: 0 px2rem(8);
+            font-weight: 600;
+            }
+
+            img {
+                width: px2rem(52);
+                height: px2rem(52);
+            }
+        }
+    }
+}
+.describe_box{
+    background-image: url('../images/shuoming_kuang.png');
+    background-size: 100% 100%;
+    .txt{
+font-family: PingFang SC;
+font-weight: 400;
+font-size: px2rem(28);
+color: #FFF783;
+line-height: px2rem(42);
+padding: px2rem(56) px2rem(70);
+text-align: center;
+    }
+}
+.reward_wrap{
+    background-image: url('../images/reward_kuang.png');
+    background-size: 100% 100%;
+    text-align: center;
+    padding: px2rem(50) px2rem(70);
+    margin-top: px2rem(32);
+    .title{
+font-family: PingFang SC;
+font-weight: 500;
+font-size: px2rem(36);
+color: #FFF783;
+    }
+    .txt{
+font-family: PingFang SC;
+font-weight: 400;
+font-size: px2rem(26);
+color: #FFF783;
+line-height: px2rem(36);
+margin-top: px2rem(30);
+
+    }
+    img{
+        width: px2rem(449);
+        height: px2rem(194);
+        margin-top: px2rem(26);
+        margin-bottom: px2rem(30);
+    }
+}

view/molistar/activity/luckyNumbers/index.html

@@ -0,0 +1,75 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta
+      name="viewport"
+      content="width=device-width, initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no"
+    />
+    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
+    <title></title>
+    <link rel="stylesheet" href="../../common/css/reset.css" />
+    <link rel="stylesheet" href="css/index.css?v=1.1" />
+    <link rel="stylesheet" href="../../common/css/animate.css" />
+  </head>
+
+  <body>
+    <!-- 頂部返回 -->
+    <div class="back">
+      <img src="./images/travel/back.png" alt="" />
+    </div>
+    <div class="top_bg">
+      <div class="countdown_box">
+        <div class="time_kuang">
+          <img src="./images/time_kuang.png" alt="" />
+          <div class="time_text">12</div>
+          <div class="time_type">Hours</div>
+        </div>
+        <div class="time_kuang">
+          <img src="./images/time_kuang.png" alt="" />
+          <div class="time_text">12</div>
+          <div class="time_type">Mins</div>
+        </div>
+        <div class="time_kuang">
+          <img src="./images/time_kuang.png" alt="" />
+          <div class="time_text">12</div>
+          <div class="time_type">Secs</div>
+        </div>
+      </div>
+      <div class="tip_chang">
+        <img src="./images/tip_chang.png" alt="">
+        <div class="tip_txt">Number of participants today:1,000</div>
+      </div>
+      <div class="conis_bg">
+        <img src="./images/conis_bg.png" alt="">
+        <div class="conis_txt">
+          Share <span class="num">19999</span>
+          <img src="./images/coins.png" alt="">
+        </div>
+      </div>
+    </div>
+    <div class="describe_box">
+      <p class="txt">Enter a number between 01-99 and if it matches a Molistar number, you can share the coin pool!</p>
+    </div>
+    <div class="reward_wrap">
+      <div class="title">Rewards</div>
+      <div class="txt">Participate to share Coins and get Fortunate Medals.</div>
+      <img src="./images/reward_content.png" alt="">
+    </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="../../common/js/svga.min.js"></script>
+<script src="./local/en.js"></script>
+<script src="./local/zh.js"></script>
+<script src="./local/ar.js"></script>
+<script src="./local/tr.js"></script>
+<script src="../../common/local/langHandler.js"></script>
+<script src="../../common/js/svga.min.js"></script>
+<script src="./js/index.js?v=1.0"></script>

view/molistar/activity/luckyNumbers/js/index.js

@@ -0,0 +1,145 @@
+let urlPrefix = getUrlPrefix()
+let browser = checkVersion()
+let env = EnvCheck();
+if (env == 'test') {
+    new VConsole();
+}
+// 封裝layer消息提醒框
+let layerIndex
+var langReplace;
+var localLang;
+const showLoading = (content = langReplace(localLang.demoModule.layerIndex1)) => {
+    layer.open({
+        type: 2,
+        shadeClose: false,
+        content,
+        success(e) {
+            layerIndex = $(e).attr('index')
+        }
+    })
+}
+const hideLoading = (index) => {
+    layer.close(index)
+}
+const toastMsg = (content = langReplace(localLang.demoModule.layerIndex2), time = 2) => {
+    layer.open({
+        content,
+        time,
+        skin: 'msg'
+    })
+}
+// 初始化函數
+$(function () {
+    getInfoFromClient();
+    fuzzyMatchUpdateQueryStringParameterFun(); // 判断语言
+    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)
+            }
+        })
+        fuzzyMatchUpdateQueryStringParameterFun(); // 判断语言
+        langReplace = window.lang.replace;
+        localLang = window.lang;
+        translateFun();
+
+    }, 100)
+
+})
+function translateFun() {
+    var langReplace = window.lang.replace;
+    var localLang = window.lang;
+    $('.page_title').html(langReplace(localLang.demoModule.page_title));
+}
+var pageNo = 1;
+var pageSize = 20;
+var canNext = true;
+var AgencyList = [];
+var partitionId;
+var resPageLength;
+function getData() {
+    showLoading();
+    networkRequest({
+        type: "GET",
+        url: urlPrefix + "/bdGuild/center",
+        data: {
+            pageNo,
+            pageSize,
+            pub_uid: pubInfo.uid,
+            // pub_uid: 3838,
+            endDate: endDate,
+            startDate: startDate,
+        },
+        success: function (res) {
+            if (res.code == 200) {
+                $('.Agency_List .content_list .content_box').remove();
+                $('.monthGuildNum').text(res.data.monthGuildNum);
+                $('.totalGuildNum').text(res.data.totalGuildNum);
+                $('.guildNum').text(res.data.guildNum);
+                $('.diamondNum').text(res.data.diamondNum);
+                partitionId = res.data.partitionId;
+                let str = ''
+                resPageLength = res.data.guildInfoList.length
+                AgencyList = [...AgencyList, ...res.data.guildInfoList]
+                AgencyList.forEach((item, index) => {
+                    str += `<div class="content_box">
+                <div class="img">
+                    <img src="${item.avatar}" alt="">
+                </div>
+                <div class="info">
+                    <div class="Agency_Name">${item.guildName}</div>
+                    <div class="txt">
+                    <span class="Agency_ID">${langReplace(localLang.demoModule.Agency_ID)}</span>
+                    <span class="Agency_txt">${item.guildId}</span>
+                    </div>
+                    <div class="txt"><span class="Agent_ID">${langReplace(localLang.demoModule.Agent_ID)}</span>
+                    <span class="Agent_txt">${item.ownerErbanNo}</span>
+                    </div>
+                    <div class="txt">
+                    <span class="Create_Date">${langReplace(localLang.demoModule.Create_Date)}</span>
+                    <span class="Date_txt">${item.createTimeStr}</span>
+                    </div>
+                    <div class="txt">
+                    <span class="Diamonds_Income">${langReplace(localLang.demoModule.Diamonds_Income)}</span>
+                    <span class="Coins_Income" style="display: none;">${langReplace(localLang.demoModule.Coins_Income)}</span>
+                    <span class="Income_txt">${item.diamondNum} <img src="./images/diamond.png" alt=""> </span>
+                    </div>
+                </div>
+                </div>`
+                })
+                $('.Agency_List .content_list').append(str)
+
+                if (partitionId == 1) {
+                    $('.Coins_Income').show();
+                    $('.Diamonds_Income').hide();
+                    $('.Income_txt img').attr('src', './images/coins.png');
+                    $('.Agency_Income').html(langReplace(localLang.demoModule.Agency_Coins_Income));
+                    $('.Income_img').attr('src', './images/coins.png');
+
+                }
+
+
+            } else {
+                toastMsg(res.message)
+            }
+            canNext = true
+            hideLoading(layerIndex);
+        },
+        error: function (res) {
+            console.log(res, "报错啦");
+            hideLoading(layerIndex);
+            canNext = true
+        },
+    })
+}

view/molistar/activity/luckyNumbers/local/ar.js

@@ -0,0 +1,7 @@
+// 阿拉伯
+langAr = {
+    // 模块
+    demoModule: {
+
+    }
+}

view/molistar/activity/luckyNumbers/local/en.js

@@ -0,0 +1,7 @@
+// 英文
+langEn = {
+    // 模块
+    demoModule: {
+
+    }
+}

view/molistar/activity/luckyNumbers/local/tr.js

@@ -0,0 +1,7 @@
+// 英文
+langTr = {
+    // 模块
+    demoModule: {
+
+    }
+}

view/molistar/activity/luckyNumbers/local/zh.js

@@ -0,0 +1,6 @@
+// 中文
+langZh = {
+    // 模塊
+    demoModule: {
+    }
+}