Compare commits
54 Commits
Author | SHA1 | Date | |
---|---|---|---|
![]() |
d553fa35a0 | ||
![]() |
734d2539d8 | ||
![]() |
e1e9f97ae1 | ||
![]() |
03dd7e47a6 | ||
![]() |
87a93326b9 | ||
![]() |
df4b647d2a | ||
![]() |
d7e7d04fc2 | ||
![]() |
bcb54ec277 | ||
![]() |
986a9681cb | ||
![]() |
89e111b64f | ||
![]() |
f9e0b60f87 | ||
![]() |
1f3c872153 | ||
![]() |
2c4c459d26 | ||
![]() |
69a95330a6 | ||
![]() |
8e5047b6d1 | ||
![]() |
0199291ed9 | ||
![]() |
08319ea5c5 | ||
![]() |
d476b6d4ac | ||
![]() |
1766b18307 | ||
![]() |
6d8f4561bd | ||
![]() |
63b5055f3e | ||
![]() |
22b786539c | ||
![]() |
c34615193b | ||
![]() |
2e32cddc87 | ||
![]() |
0ebbedcaa4 | ||
![]() |
7a1af74708 | ||
![]() |
00a377b59d | ||
![]() |
71af927e13 | ||
![]() |
3da905b683 | ||
![]() |
ea034c67af | ||
![]() |
ec8281f55c | ||
![]() |
b04f17dee9 | ||
![]() |
405bb90f4b | ||
![]() |
a2f91d0299 | ||
![]() |
bf98ddeeba | ||
![]() |
1ee9e303d0 | ||
![]() |
65a3c3467b | ||
![]() |
1e2781a556 | ||
![]() |
88035c7d69 | ||
![]() |
bdbc6dc3b2 | ||
![]() |
39c2dbfca3 | ||
![]() |
dfbc314b52 | ||
![]() |
f9acf867db | ||
![]() |
9ee240c85f | ||
![]() |
3588ddde48 | ||
![]() |
a7bf8c2ee5 | ||
![]() |
154c451396 | ||
![]() |
22ba0d9bd4 | ||
![]() |
bebd0aca0c | ||
![]() |
bc9e9877c9 | ||
![]() |
e958341e23 | ||
![]() |
edb98ff8d8 | ||
![]() |
f286f718fc | ||
![]() |
4b2864aa39 |
1014
view/molistar/activity/2024-childrenDay/css/index.css
Normal file
1025
view/molistar/activity/2024-childrenDay/css/index.scss
Normal file
13
view/molistar/activity/2024-childrenDay/css/swiper-bundle.min.css
vendored
Normal file
BIN
view/molistar/activity/2024-childrenDay/images/but_icon.png
Normal file
After Width: | Height: | Size: 20 KiB |
BIN
view/molistar/activity/2024-childrenDay/images/close.png
Normal file
After Width: | Height: | Size: 5.0 KiB |
BIN
view/molistar/activity/2024-childrenDay/images/gameBg.png
Normal file
After Width: | Height: | Size: 774 KiB |
BIN
view/molistar/activity/2024-childrenDay/images/gift1.png
Normal file
After Width: | Height: | Size: 115 KiB |
BIN
view/molistar/activity/2024-childrenDay/images/gift2.png
Normal file
After Width: | Height: | Size: 33 KiB |
BIN
view/molistar/activity/2024-childrenDay/images/gift3.png
Normal file
After Width: | Height: | Size: 14 KiB |
BIN
view/molistar/activity/2024-childrenDay/images/gift4.png
Normal file
After Width: | Height: | Size: 95 KiB |
BIN
view/molistar/activity/2024-childrenDay/images/giftBox.png
Normal file
After Width: | Height: | Size: 129 KiB |
BIN
view/molistar/activity/2024-childrenDay/images/giftBoxs.png
Normal file
After Width: | Height: | Size: 6.0 KiB |
BIN
view/molistar/activity/2024-childrenDay/images/header.png
Normal file
After Width: | Height: | Size: 617 KiB |
BIN
view/molistar/activity/2024-childrenDay/images/icon1.png
Normal file
After Width: | Height: | Size: 7.0 KiB |
BIN
view/molistar/activity/2024-childrenDay/images/icon2.png
Normal file
After Width: | Height: | Size: 5.8 KiB |
BIN
view/molistar/activity/2024-childrenDay/images/icon3.png
Normal file
After Width: | Height: | Size: 5.9 KiB |
BIN
view/molistar/activity/2024-childrenDay/images/icon4.png
Normal file
After Width: | Height: | Size: 6.3 KiB |
BIN
view/molistar/activity/2024-childrenDay/images/icon5.png
Normal file
After Width: | Height: | Size: 7.0 KiB |
BIN
view/molistar/activity/2024-childrenDay/images/icon6.png
Normal file
After Width: | Height: | Size: 7.2 KiB |
BIN
view/molistar/activity/2024-childrenDay/images/liBg.png
Normal file
After Width: | Height: | Size: 5.5 KiB |
BIN
view/molistar/activity/2024-childrenDay/images/lisTabAct.png
Normal file
After Width: | Height: | Size: 7.1 KiB |
BIN
view/molistar/activity/2024-childrenDay/images/listBox.png
Normal file
After Width: | Height: | Size: 501 KiB |
BIN
view/molistar/activity/2024-childrenDay/images/listNo.png
Normal file
After Width: | Height: | Size: 5.5 KiB |
BIN
view/molistar/activity/2024-childrenDay/images/listTab.png
Normal file
After Width: | Height: | Size: 7.0 KiB |
BIN
view/molistar/activity/2024-childrenDay/images/listText1.png
Normal file
After Width: | Height: | Size: 8.4 KiB |
BIN
view/molistar/activity/2024-childrenDay/images/listText2.png
Normal file
After Width: | Height: | Size: 8.6 KiB |
BIN
view/molistar/activity/2024-childrenDay/images/listText3.png
Normal file
After Width: | Height: | Size: 8.8 KiB |
BIN
view/molistar/activity/2024-childrenDay/images/list_icon.png
Normal file
After Width: | Height: | Size: 15 KiB |
BIN
view/molistar/activity/2024-childrenDay/images/logo.png
Normal file
After Width: | Height: | Size: 20 KiB |
BIN
view/molistar/activity/2024-childrenDay/images/no1.png
Normal file
After Width: | Height: | Size: 27 KiB |
BIN
view/molistar/activity/2024-childrenDay/images/no2.png
Normal file
After Width: | Height: | Size: 28 KiB |
BIN
view/molistar/activity/2024-childrenDay/images/no3.png
Normal file
After Width: | Height: | Size: 27 KiB |
BIN
view/molistar/activity/2024-childrenDay/images/playAgain.png
Normal file
After Width: | Height: | Size: 13 KiB |
BIN
view/molistar/activity/2024-childrenDay/images/records.png
Normal file
After Width: | Height: | Size: 64 KiB |
BIN
view/molistar/activity/2024-childrenDay/images/resultBg.png
Normal file
After Width: | Height: | Size: 69 KiB |
BIN
view/molistar/activity/2024-childrenDay/images/resultBg2.png
Normal file
After Width: | Height: | Size: 59 KiB |
BIN
view/molistar/activity/2024-childrenDay/images/resultOut.png
Normal file
After Width: | Height: | Size: 6.0 KiB |
BIN
view/molistar/activity/2024-childrenDay/images/resultText1.png
Normal file
After Width: | Height: | Size: 78 KiB |
BIN
view/molistar/activity/2024-childrenDay/images/resultText2.png
Normal file
After Width: | Height: | Size: 107 KiB |
BIN
view/molistar/activity/2024-childrenDay/images/rule1.png
Normal file
After Width: | Height: | Size: 572 KiB |
BIN
view/molistar/activity/2024-childrenDay/images/rule2.png
Normal file
After Width: | Height: | Size: 850 KiB |
BIN
view/molistar/activity/2024-childrenDay/images/rule_bg.png
Normal file
After Width: | Height: | Size: 49 KiB |
BIN
view/molistar/activity/2024-childrenDay/images/rule_icon.png
Normal file
After Width: | Height: | Size: 11 KiB |
BIN
view/molistar/activity/2024-childrenDay/images/text_icon.png
Normal file
After Width: | Height: | Size: 6.7 KiB |
BIN
view/molistar/activity/2024-childrenDay/images/toastBut.png
Normal file
After Width: | Height: | Size: 1014 B |
BIN
view/molistar/activity/2024-childrenDay/images/toastButAct.png
Normal file
After Width: | Height: | Size: 1.1 KiB |
BIN
view/molistar/activity/2024-childrenDay/images/toastPubBg.png
Normal file
After Width: | Height: | Size: 89 KiB |
BIN
view/molistar/activity/2024-childrenDay/images/toast_icon.png
Normal file
After Width: | Height: | Size: 14 KiB |
BIN
view/molistar/activity/2024-childrenDay/images/travel/back.png
Normal file
After Width: | Height: | Size: 4.2 KiB |
BIN
view/molistar/activity/2024-childrenDay/images/view.png
Normal file
After Width: | Height: | Size: 13 KiB |
BIN
view/molistar/activity/2024-childrenDay/images/view2.png
Normal file
After Width: | Height: | Size: 15 KiB |
BIN
view/molistar/activity/2024-childrenDay/images/view3.png
Normal file
After Width: | Height: | Size: 15 KiB |
BIN
view/molistar/activity/2024-childrenDay/images/woastButAct.png
Normal file
After Width: | Height: | Size: 1.1 KiB |
212
view/molistar/activity/2024-childrenDay/index.html
Normal file
@@ -0,0 +1,212 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>重返童年</title>
|
||||
<link rel="stylesheet" href="../../common/css/reset.css">
|
||||
<link rel="stylesheet" href="./css/swiper-bundle.min.css">
|
||||
<link rel="stylesheet" href="./css/index.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<!-- 頂部返回 -->
|
||||
<div class="back">
|
||||
<img src="./images/travel/back.png" alt="">
|
||||
</div>
|
||||
<!-- header -->
|
||||
<div class="header">
|
||||
<img src="./images/rule_icon.png" alt="" class="rule_icon">
|
||||
</div>
|
||||
<!-- 限定禮物 -->
|
||||
<div class="giftBox">
|
||||
<div class="swiper">
|
||||
<div class="swiper-wrapper">
|
||||
<div class="swiper-slide">
|
||||
<img src="./images/gift4.png" alt="">
|
||||
</div>
|
||||
<div class="swiper-slide">
|
||||
<img src="./images/gift1.png" alt="">
|
||||
</div>
|
||||
<div class="swiper-slide">
|
||||
<img src="./images/gift2.png" alt="">
|
||||
</div>
|
||||
<div class="swiper-slide">
|
||||
<img src="./images/gift3.png" alt="">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 遊戲地圖 -->
|
||||
<div class="game">
|
||||
<!-- 放大鏡數量 -->
|
||||
<div class="magnifyingGlass">放大鏡數量:<b>0</b></div>
|
||||
<!-- 遊戲記錄 -->
|
||||
<div class="records">遊園記錄</div>
|
||||
<!-- 榜單 -->
|
||||
<img src="./images/list_icon.png" alt="" class="list_icon">
|
||||
<!-- 任務 -->
|
||||
<img src="./images/toast_icon.png" alt="" class="toast_icon">
|
||||
<!-- 遊園按鈕 -->
|
||||
<img src="./images/but_icon.png" alt="" class="but">
|
||||
<!-- icon -->
|
||||
<img src="./images/icon1.png" alt="" class="icon icon1">
|
||||
<img src="./images/icon2.png" alt="" class="icon icon2">
|
||||
<img src="./images/icon3.png" alt="" class="icon icon3">
|
||||
<img src="./images/icon4.png" alt="" class="icon icon4">
|
||||
<img src="./images/icon5.png" alt="" class="icon icon5">
|
||||
<img src="./images/icon6.png" alt="" class="icon icon6">
|
||||
<!-- 點擊圖標站位按鈕 -->
|
||||
<div class="buts buts1"></div>
|
||||
<div class="buts buts2"></div>
|
||||
<div class="buts buts3"></div>
|
||||
<div class="buts buts4"></div>
|
||||
<div class="buts buts5"></div>
|
||||
<div class="buts buts6"></div>
|
||||
<!-- 贏結果頁 -->
|
||||
<div class="result">
|
||||
<img src="./images/logo.png" alt="" class="tx_left">
|
||||
<img src="./images/logo.png" alt="" class="tx_right">
|
||||
<div class="name_left">虛位以待</div>
|
||||
<div class="name_right">虛位以待</div>
|
||||
<div class="id_right">ID:0</div>
|
||||
<img src="./images/resultText1.png" alt="" class="resultText">
|
||||
<div class="text1">請收下妳的戰利品</div>
|
||||
<div class="giftName">禮物昵稱</div>
|
||||
<div class="giftBoxs">
|
||||
<img src="./images/logo.png" alt="" class="giftImg">
|
||||
</div>
|
||||
<img src="./images/view.png" alt="" class="view">
|
||||
<img src="./images/playAgain.png" alt="" class="playAgain">
|
||||
</div>
|
||||
<!-- 輸結果頁 -->
|
||||
<div class="result2">
|
||||
<img src="./images/logo.png" alt="" class="tx_left">
|
||||
<div class="name_left">虛位以待</div>
|
||||
<img src="./images/resultText2.png" alt="" class="resultText">
|
||||
<div class="text1">請收下妳的戰利品</div>
|
||||
<div class="giftName">禮物昵稱</div>
|
||||
<div class="giftBoxs">
|
||||
<img src="./images/logo.png" alt="" class="giftImg">
|
||||
</div>
|
||||
<img src="./images/view3.png" alt="" class="view">
|
||||
<img src="./images/playAgain.png" alt="" class="playAgain">
|
||||
</div>
|
||||
</div>
|
||||
<!-- 榜單彈窗 -->
|
||||
<div class="list_pub">
|
||||
<div class="list_pub_in">
|
||||
<div class="tab">
|
||||
<div class="act">搜捕榜</div>
|
||||
<div>童趣榜</div>
|
||||
<div>童年榜</div>
|
||||
</div>
|
||||
<!-- 前三 -->
|
||||
<div class="top1">
|
||||
<img src="./images/no1.png" alt="" class="ts">
|
||||
<img src="./images/logo.png" alt="" class="tx">
|
||||
<div class="name">虛位以待</div>
|
||||
<div class="score">童趣值:0</div>
|
||||
</div>
|
||||
<div class="top2">
|
||||
<img src="./images/no2.png" alt="" class="ts">
|
||||
<img src="./images/logo.png" alt="" class="tx">
|
||||
<div class="name">虛位以待</div>
|
||||
<div class="score">童趣值:0</div>
|
||||
</div>
|
||||
<div class="top3">
|
||||
<img src="./images/no3.png" alt="" class="ts">
|
||||
<img src="./images/logo.png" alt="" class="tx">
|
||||
<div class="name">虛位以待</div>
|
||||
<div class="score">童趣值:0</div>
|
||||
</div>
|
||||
<!-- 非前三 -->
|
||||
<ul>
|
||||
<li>
|
||||
<div class="num">4</div>
|
||||
<img src="./images/logo.png" alt="" class="tx">
|
||||
<div class="name">虛位以待</div>
|
||||
<div class="score">童趣值:0</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 任務彈窗 -->
|
||||
<div class="toast_pub">
|
||||
<div class="toast_pub_in">
|
||||
<img src="./images/close.png" alt="" class="close">
|
||||
<div class="toasts toasts1">
|
||||
<p>登錄活動頁</p>
|
||||
<span>獎勵:放大鏡*1</span>
|
||||
<div class="but">未完成</div>
|
||||
</div>
|
||||
<div class="toasts toasts2">
|
||||
<p>關註一位新的好友(0/3)</p>
|
||||
<span>獎勵:放大鏡*1</span>
|
||||
<div class="but">未完成</div>
|
||||
</div>
|
||||
<div class="toasts toasts3">
|
||||
<p>房間停留10mins~(0/3)</p>
|
||||
<span>獎勵:放大鏡*1</span>
|
||||
<div class="but">未完成</div>
|
||||
</div>
|
||||
<div class="toasts toasts4">
|
||||
<p>送出or收到1000金幣的61限定禮物</p>
|
||||
<span>獎勵:放大鏡*1</span>
|
||||
<i>今日已獲得:0</i>
|
||||
<div class="but">未完成</div>
|
||||
</div>
|
||||
<div class="toasts toasts5">
|
||||
<p>參與Greedy纍計獲得1000金幣</p>
|
||||
<span>獎勵:放大鏡*1</span>
|
||||
<i>今日已獲得:0</i>
|
||||
<div class="but">未完成</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 遊戲記錄彈窗 -->
|
||||
<div class="records_pub">
|
||||
<div class="records_pub_in">
|
||||
<div class="title">
|
||||
<div>獲獎時間</div>
|
||||
<div>獎品</div>
|
||||
</div>
|
||||
<ul>
|
||||
<li>
|
||||
<div>
|
||||
<p>2024/01/22</p>
|
||||
<b>23:59:59</b>
|
||||
</div>
|
||||
<div>
|
||||
<p>禮物名稱</p>
|
||||
<i>XX天</i>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 規則 -->
|
||||
<div class="rule">
|
||||
<div class="rule_in">
|
||||
<div class="tab">
|
||||
<div class="act">活動規則</div>
|
||||
<div>活動獎勵</div>
|
||||
</div>
|
||||
<div class="imgBox">
|
||||
<img src="./images/rule1.png" alt="" class="img1">
|
||||
<img src="./images/rule2.png" alt="" class="img2">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
<script src="../../common/js/flexible.js"></script>
|
||||
<script src="../../common/js/jquery-3.2.1.min.js"></script>
|
||||
<script src="../../common/js/common2.js"></script>
|
||||
<script src="../../common/js/layer.js"></script>
|
||||
<script src="../../common/js/vconsole.min.js"></script>
|
||||
<script src="../../common/js/route-constant.js"></script>
|
||||
<script src="./js/swiper-bundle.min.js"></script>
|
||||
<script src="./js/index.js"></script>
|
474
view/molistar/activity/2024-childrenDay/js/index.js
Normal file
@@ -0,0 +1,474 @@
|
||||
let urlPrefix = getUrlPrefix()
|
||||
let browser = checkVersion()
|
||||
let env = EnvCheck();
|
||||
if (env == 'test') {
|
||||
new VConsole();
|
||||
}
|
||||
var langReplace;
|
||||
var localLang;
|
||||
// 封裝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 page = 1;
|
||||
var isLock = true;
|
||||
var magnifyingGlass = 0;
|
||||
var listType = 1;
|
||||
var gameType = true;
|
||||
// 初始化函數
|
||||
$(function () {
|
||||
getInfoFromClient();
|
||||
setTimeout(function () {
|
||||
// 頁面全屏
|
||||
if (browser.app) {
|
||||
if (browser.android) {
|
||||
window.androidJsObj.initShowNav(false)
|
||||
} else {
|
||||
window.webkit.messageHandlers.initShowNav.postMessage(0)
|
||||
}
|
||||
};
|
||||
// 頂部返回事件
|
||||
$('.back').click(() => {
|
||||
if (browser.android) {
|
||||
window.androidJsObj.closeWebView()
|
||||
} else {
|
||||
window.webkit.messageHandlers.closeWebView.postMessage(null)
|
||||
}
|
||||
})
|
||||
swiperFun();
|
||||
getInfo();
|
||||
}, 100)
|
||||
})
|
||||
// 禮物輪播
|
||||
function swiperFun() {
|
||||
var mySwiper = new Swiper('.swiper', {
|
||||
direction: "vertical",
|
||||
loop: true,
|
||||
autoplay: {
|
||||
delay: 3000,//
|
||||
disableOnInteraction: false
|
||||
}
|
||||
})
|
||||
}
|
||||
// 活動信息接口
|
||||
function getInfo() {
|
||||
showLoading()
|
||||
networkRequest({
|
||||
type: 'get',
|
||||
url: urlPrefix + '/activity/info',
|
||||
data: { activityCode: 'ACT_2024_CHILDREN_DAY' },
|
||||
success(res) {
|
||||
if (res.code === 200) {
|
||||
showLoading()
|
||||
networkRequest({
|
||||
type: 'get',
|
||||
url: urlPrefix + '/activity/currency',
|
||||
data: { redisKey: 'act_user_task_extra_data' },
|
||||
success(res) {
|
||||
if (res.code === 200) {
|
||||
magnifyingGlass = res.data
|
||||
$('.game .magnifyingGlass b').text(magnifyingGlass);
|
||||
} else {
|
||||
toastMsg(res.message)
|
||||
}
|
||||
hideLoading(layerIndex)
|
||||
},
|
||||
error(err) {
|
||||
hideLoading(layerIndex)
|
||||
toastMsg('網絡錯誤')
|
||||
}
|
||||
})
|
||||
} else {
|
||||
toastMsg(res.message)
|
||||
}
|
||||
hideLoading(layerIndex)
|
||||
},
|
||||
error(err) {
|
||||
hideLoading(layerIndex)
|
||||
toastMsg('網絡錯誤')
|
||||
}
|
||||
})
|
||||
}
|
||||
// 打開榜單
|
||||
$('.game .list_icon').click(function () {
|
||||
listFun(listType)
|
||||
$('.list_pub').show();
|
||||
bodyScroolFun(true);
|
||||
})
|
||||
// 榜單切換
|
||||
$('.list_pub .list_pub_in .tab div').click(function () {
|
||||
var i = $(this).index() + 1;
|
||||
listType = i;
|
||||
$(this).addClass('act').siblings().removeClass('act');
|
||||
listFun(listType)
|
||||
return false;
|
||||
})
|
||||
// 活動信息接口
|
||||
function listFun(type) {
|
||||
var str = '';
|
||||
$('.list_pub .list_pub_in ul li').remove();
|
||||
showLoading()
|
||||
if (type == 1) {
|
||||
networkRequest({
|
||||
type: 'get',
|
||||
url: urlPrefix + '/allrank/geth5',
|
||||
data: {
|
||||
uid: pubInfo.uid,
|
||||
type: 5,
|
||||
datetype: 3,
|
||||
pageNum: 1,
|
||||
pageSize: 999999999,
|
||||
},
|
||||
success(res) {
|
||||
if (res.code === 200) {
|
||||
var listTo3 = res.data.rankVoList.slice(0, 3);
|
||||
var notListTo3 = res.data.rankVoList.slice(3);
|
||||
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) => {
|
||||
if (res.score > 10000) {
|
||||
res.score = ((Math.floor(res.totalNum / 1000)) / 10).toFixed(1) + 'W'
|
||||
}
|
||||
$(`.list_pub .list_pub_in .top${i + 1} .tx`).attr("src", res.avatar);
|
||||
$(`.list_pub .list_pub_in .top${i + 1} .name`).text(res.nick);
|
||||
$(`.list_pub .list_pub_in .top${i + 1} .score`).text('搜捕值:' + res.totalNum);
|
||||
});
|
||||
notListTo3.forEach((res, i) => {
|
||||
if (res.score > 10000) {
|
||||
res.score = ((Math.floor(res.score / 1000)) / 10).toFixed(1) + 'W'
|
||||
}
|
||||
str += `
|
||||
<li>
|
||||
<div class="num">${i + 4}</div>
|
||||
<img src="${res.avatar}" alt="" class="tx">
|
||||
<div class="name">${res.nick}</div>
|
||||
<div class="score">搜捕值:${res.totalNum}</div>
|
||||
</li>
|
||||
`
|
||||
})
|
||||
$('.list_pub .list_pub_in ul').append(str);
|
||||
} else {
|
||||
toastMsg(res.message)
|
||||
}
|
||||
hideLoading(layerIndex)
|
||||
},
|
||||
error(err) {
|
||||
hideLoading(layerIndex)
|
||||
toastMsg('網絡錯誤')
|
||||
}
|
||||
})
|
||||
|
||||
} else {
|
||||
networkRequest({
|
||||
type: 'get',
|
||||
url: urlPrefix + '/act/special/gift/getRank',
|
||||
data: {
|
||||
pageSize: 999999999,
|
||||
rankType: type == 2 ? 4 : 2,
|
||||
},
|
||||
success(res) {
|
||||
if (res.code === 200) {
|
||||
var listTo3 = res.data.rankList.slice(0, 3);
|
||||
var notListTo3 = res.data.rankList.slice(3);
|
||||
if (listTo3.length < 3) {
|
||||
let arr = new Array(3 - listTo3.length).fill({
|
||||
avatar: './images/logo.png',
|
||||
nick: '虛位以待',
|
||||
score: "0"
|
||||
})
|
||||
listTo3.push(...arr)
|
||||
}
|
||||
// 處理前三
|
||||
listTo3.forEach((res, i) => {
|
||||
if (res.score > 10000) {
|
||||
res.score = ((Math.floor(res.score / 1000)) / 10).toFixed(1) + 'W'
|
||||
}
|
||||
$(`.list_pub .list_pub_in .top${i + 1} .tx`).attr("src", res.avatar);
|
||||
$(`.list_pub .list_pub_in .top${i + 1} .name`).text(res.nick);
|
||||
$(`.list_pub .list_pub_in .top${i + 1} .score`).text(`${type == 2 ? '童趣值:' : "童年值:"}`+res.score);
|
||||
});
|
||||
notListTo3.forEach((res,i) => {
|
||||
if (res.score > 10000) {
|
||||
res.score = ((Math.floor(res.score / 1000)) / 10).toFixed(1) + 'W'
|
||||
}
|
||||
str += `
|
||||
<li>
|
||||
<div class="num">${i + 4}</div>
|
||||
<img src="${res.avatar}" alt="" class="tx">
|
||||
<div class="name">${res.nick}</div>
|
||||
<div class="score">${type == 2 ? '童趣值:' : "童年值:" }${res.score}</div>
|
||||
</li>
|
||||
`
|
||||
})
|
||||
$('.list_pub .list_pub_in ul').append(str);
|
||||
} else {
|
||||
toastMsg(res.message)
|
||||
}
|
||||
hideLoading(layerIndex)
|
||||
},
|
||||
error(err) {
|
||||
hideLoading(layerIndex)
|
||||
toastMsg('網絡錯誤')
|
||||
}
|
||||
})
|
||||
}
|
||||
}
|
||||
// 關閉榜單
|
||||
$('.list_pub').click(function () {
|
||||
$('.list_pub').hide();
|
||||
bodyScroolFun(false);
|
||||
})
|
||||
// 打開任務
|
||||
$('.game .toast_icon').click(function () {
|
||||
getTask();
|
||||
})
|
||||
// 活動信息接口
|
||||
function getTask() {
|
||||
showLoading()
|
||||
networkRequest({
|
||||
type: 'get',
|
||||
url: urlPrefix + '/act/children/task',
|
||||
success(res) {
|
||||
if (res.code === 200) {
|
||||
res.data.isLoginTask ? $('.toast_pub .toast_pub_in .toasts1 .but').addClass('act') : $('.toast_pub .toast_pub_in .toasts1 .but').removeClass('act');
|
||||
res.data.isLoginTask ? $('.toast_pub .toast_pub_in .toasts1 .but').text('已完成') : $('.toast_pub .toast_pub_in .toasts1 .but').text('未完成');
|
||||
$('.toast_pub .toast_pub_in .toasts2 p').text(`關註一位新的好友(${res.data.userFollowCount}/3)`);
|
||||
res.data.isUserFollowTask ? $('.toast_pub .toast_pub_in .toasts2 .but').addClass('act') : $('.toast_pub .toast_pub_in .toasts2 .but').removeClass('act');
|
||||
res.data.isUserFollowTask ? $('.toast_pub .toast_pub_in .toasts2 .but').text('已完成') : $('.toast_pub .toast_pub_in .toasts2 .but').text('未完成');
|
||||
$('.toast_pub .toast_pub_in .toasts3 p').text(`房間停留10mins~(${res.data.keepTimeCount}/3)`);
|
||||
res.data.isKeepTimeTask ? $('.toast_pub .toast_pub_in .toasts3 .but').addClass('act') : $('.toast_pub .toast_pub_in .toasts3 .but').removeClass('act');
|
||||
res.data.isKeepTimeTask ? $('.toast_pub .toast_pub_in .toasts3 .but').text('已完成') : $('.toast_pub .toast_pub_in .toasts3 .but').text('未完成');
|
||||
$('.toast_pub .toast_pub_in .toasts4 i').text(`今日已獲得:${res.data.limitGiftCount}`);
|
||||
res.data.isLimitGiftFor61Task ? $('.toast_pub .toast_pub_in .toasts4 .but').addClass('act') : $('.toast_pub .toast_pub_in .toasts4 .but').removeClass('act');
|
||||
res.data.isLimitGiftFor61Task ? $('.toast_pub .toast_pub_in .toasts4 .but').text('已完成') : $('.toast_pub .toast_pub_in .toasts4 .but').text('未完成');
|
||||
$('.toast_pub .toast_pub_in .toasts5 i').text(`今日已獲得:${res.data.joinGreedyFor1000Count}`);
|
||||
res.data.isJoinGreedyFor1000Task ? $('.toast_pub .toast_pub_in .toasts5 .but').addClass('act') : $('.toast_pub .toast_pub_in .toasts5 .but').removeClass('act');
|
||||
res.data.isJoinGreedyFor1000Task ? $('.toast_pub .toast_pub_in .toasts5 .but').text('已完成') : $('.toast_pub .toast_pub_in .toasts5 .but').text('未完成');
|
||||
$('.toast_pub').show();
|
||||
bodyScroolFun(true);
|
||||
} else {
|
||||
toastMsg(res.message)
|
||||
}
|
||||
hideLoading(layerIndex)
|
||||
},
|
||||
error(err) {
|
||||
hideLoading(layerIndex)
|
||||
toastMsg('網絡錯誤')
|
||||
}
|
||||
})
|
||||
}
|
||||
// 關閉任務
|
||||
$('.toast_pub .toast_pub_in .close').click(function () {
|
||||
$('.toast_pub').hide();
|
||||
bodyScroolFun(false);
|
||||
})
|
||||
// 關閉結果彈窗
|
||||
$('.game .result .view').click(function () {
|
||||
$('.result,.result2').hide();
|
||||
var roomUid = $(this).attr('uid');
|
||||
if (gameType) {
|
||||
// 跳转房间
|
||||
if (browser.ios) {
|
||||
window.webkit.messageHandlers.openRoom.postMessage(roomUid);
|
||||
} else if (browser.android) {
|
||||
if (androidJsObj && typeof androidJsObj === 'object') {
|
||||
window.androidJsObj.openRoom(roomUid);
|
||||
}
|
||||
}
|
||||
}
|
||||
// 打开主页
|
||||
if (browser.ios) {
|
||||
window.webkit.messageHandlers.openPersonPage.postMessage(roomUid);
|
||||
setTimeout(function () { lock = true; }, 200)
|
||||
} else if (browser.android) {
|
||||
if (androidJsObj && typeof androidJsObj === 'object') {
|
||||
window.androidJsObj.openPersonPage(roomUid);
|
||||
}
|
||||
}
|
||||
})
|
||||
$('.game .result2 .view').click(function () {
|
||||
$('.result,.result2').hide();
|
||||
})
|
||||
$('.game .result,.game .result2').click(function () {
|
||||
$('.result,.result2').hide();
|
||||
})
|
||||
// 關閉記錄彈窗
|
||||
$('.records_pub').click(function () {
|
||||
$('.records_pub').hide();
|
||||
bodyScroolFun(false);
|
||||
})
|
||||
// 切換規則按鈕
|
||||
$('.rule .rule_in .tab div').click(function () {
|
||||
var i = $(this).index() + 1;
|
||||
$(this).addClass('act').siblings().removeClass('act')
|
||||
$('.rule .rule_in .imgBox img').hide();
|
||||
$(`.rule .rule_in .imgBox .img${i}`).show();
|
||||
return false;
|
||||
})
|
||||
// 打開規則
|
||||
$('.header .rule_icon').click(function () {
|
||||
$('.rule').show();
|
||||
bodyScroolFun(true);
|
||||
})
|
||||
// 關閉規則
|
||||
$('.rule').click(function () {
|
||||
$('.rule').hide();
|
||||
bodyScroolFun(false);
|
||||
})
|
||||
// 記錄接口
|
||||
function record(page) {
|
||||
showLoading()
|
||||
networkRequest({
|
||||
type: 'get',
|
||||
url: urlPrefix + '/activity/task/user/record/page',
|
||||
data: { activityCode: 'ACT_2024_CHILDREN_DAY', componentCode: 'TONG_QU_LE_YUAN', pageNum: page, pageSize: 10 },
|
||||
success(res) {
|
||||
if (res.code === 200) {
|
||||
var str = '';
|
||||
if (res.data.records.length == 0 && page == 1) {
|
||||
str += `<li class="null"><div>暫無</div><div>暫無</div></li>`
|
||||
isLock = false;
|
||||
} else {
|
||||
res.data.records.forEach(res => {
|
||||
str += `
|
||||
<li>
|
||||
<div>
|
||||
<p>${dateFormat(res.createTime, 'yyyy/MM/dd')}</p>
|
||||
<b>${dateFormat(res.createTime, 'hh/mm/ss')}</b>
|
||||
</div>
|
||||
<div>
|
||||
<p>${res.rewardName}</p>
|
||||
<i>${res.rewardNum}${rewardTypeFun(res.rewardType).unit}</i>
|
||||
</div>
|
||||
</li>`
|
||||
})
|
||||
if (res.data.records.length == 0) {
|
||||
isLock = false;
|
||||
} else {
|
||||
isLock = true;
|
||||
}
|
||||
}
|
||||
$('.records_pub .records_pub_in ul').append(str);
|
||||
$('.records_pub').show();
|
||||
bodyScroolFun(true);
|
||||
} else {
|
||||
isLock = true;
|
||||
toastMsg(res.message)
|
||||
}
|
||||
hideLoading(layerIndex)
|
||||
},
|
||||
error(err) {
|
||||
isLock = true;
|
||||
hideLoading(layerIndex)
|
||||
toastMsg('網絡錯誤')
|
||||
}
|
||||
})
|
||||
}
|
||||
// 兌換記錄滾動
|
||||
$('.records_pub .records_pub_in ul').scroll(function () {
|
||||
let scrollTop = $(this).scrollTop()
|
||||
let scrollHeight = $('.records_pub .records_pub_in ul')[0].scrollHeight
|
||||
let ulHeight = $(this).innerHeight()
|
||||
if (scrollTop + ulHeight + 100 >= scrollHeight) {
|
||||
if (isLock) {
|
||||
// 請求下一頁
|
||||
page = page + 1;
|
||||
record(page)
|
||||
isLock = false;
|
||||
}
|
||||
}
|
||||
})
|
||||
// 打開記錄
|
||||
$('.game .records').click(function () {
|
||||
$('.records_pub .records_pub_in ul li').remove();
|
||||
page = 1;
|
||||
record(page);
|
||||
})
|
||||
// 關閉記錄
|
||||
$('.records_pub').click(function () {
|
||||
$('.records_pub').hide();
|
||||
bodyScroolFun(false);
|
||||
})
|
||||
// 逮捕按鈕
|
||||
$('.game .buts,.game .but,.game .result .playAgain,.game .result2 .playAgain').click(function () {
|
||||
$('.game .result2,.game .result1').hide();
|
||||
draw();
|
||||
})
|
||||
// 活動信息接口
|
||||
function draw() {
|
||||
showLoading()
|
||||
networkRequest({
|
||||
type: 'get',
|
||||
url: urlPrefix + '/act/children/draw',
|
||||
success(res) {
|
||||
if (res.code === 200) {
|
||||
if (res.data.isWin) {
|
||||
// 中獎
|
||||
$('.game .result .tx_left').attr('src', res.data.avatar);
|
||||
$('.game .result .tx_right').attr('src', res.data.anchorAvatar);
|
||||
$('.game .result .tx_right').attr('uid', res.data.anchorRoomUid);
|
||||
$('.game .result .view').attr('uid', res.data.anchorRoomUid);
|
||||
gameType = res.data.isOnline;
|
||||
gameType ? $('.game .result .view').attr('src', './images/view2.png') : $('.game .result .view').attr('src', './images/view.png');
|
||||
$('.game .result .name_left').text('我');
|
||||
$('.game .result .name_Right').text(res.data.anchorNick);
|
||||
$('.game .result .id_right').text("ID:" + res.data.anchorErBanNo);
|
||||
$('.game .result .giftBoxs img').attr("src", res.data.rewardIcon);
|
||||
$('.game .result .giftName').text(res.data.rewardName);
|
||||
$('.game .result').show();
|
||||
} else {
|
||||
// 非中獎
|
||||
$('.game .result2 .tx_left').attr('src', res.data.avatar);
|
||||
$('.game .result2 .name_left').text('我');
|
||||
$('.game .result2 .giftBoxs img').attr("src", res.data.rewardIcon);
|
||||
$('.game .result2 .giftName').text(res.data.rewardName);
|
||||
$('.game .result2').show();
|
||||
}
|
||||
getInfo();
|
||||
} else {
|
||||
toastMsg(res.message)
|
||||
}
|
||||
hideLoading(layerIndex)
|
||||
},
|
||||
error(err) {
|
||||
hideLoading(layerIndex)
|
||||
toastMsg('網絡錯誤')
|
||||
}
|
||||
})
|
||||
}
|
||||
// 跳轉主播房間
|
||||
$('.game .result .tx_right').click(function () {
|
||||
var roomUid = $(this).attr('uid');
|
||||
if (browser.ios) {
|
||||
window.webkit.messageHandlers.openRoom.postMessage(roomUid);
|
||||
} else if (browser.android) {
|
||||
if (androidJsObj && typeof androidJsObj === 'object') {
|
||||
window.androidJsObj.openRoom(roomUid);
|
||||
}
|
||||
}
|
||||
})
|
14
view/molistar/activity/2024-childrenDay/js/swiper-bundle.min.js
vendored
Normal file
@@ -1029,3 +1029,16 @@ body {
|
||||
.arabic .bg .rule .rule2 .table1_3_div {
|
||||
font-size: 0.13333rem;
|
||||
}
|
||||
|
||||
.toatstsEnd {
|
||||
padding: 0.26667rem 0.4rem;
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
font-size: 0.32rem;
|
||||
position: fixed;
|
||||
z-index: 99999;
|
||||
background: rgba(0, 0, 0, 0.8);
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
}
|
||||
|
@@ -1054,4 +1054,16 @@ body {
|
||||
.bg .rule .rule2 .table1_3_div{
|
||||
font-size: px2rem(10);
|
||||
}
|
||||
}
|
||||
.toatstsEnd{
|
||||
padding: px2rem(20) px2rem(30);
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
font-size: px2rem(24);
|
||||
position: fixed;
|
||||
z-index: 99999;
|
||||
background: rgba(0,0,0,.8);
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translate(-50%,-50%);
|
||||
}
|
Before Width: | Height: | Size: 688 KiB After Width: | Height: | Size: 610 KiB |
Before Width: | Height: | Size: 697 KiB After Width: | Height: | Size: 666 KiB |
Before Width: | Height: | Size: 2.9 MiB After Width: | Height: | Size: 673 KiB |
@@ -8,7 +8,7 @@
|
||||
<title id="title"></title>
|
||||
<!-- 邀請得金幣 -->
|
||||
<link rel="stylesheet" href="../../common/css/reset.css">
|
||||
<link rel="stylesheet" href="./css/index.css?v=1.0">
|
||||
<link rel="stylesheet" href="./css/index.css?v=1.1">
|
||||
</head>
|
||||
|
||||
<body id="body" style="display: none;">
|
||||
@@ -212,6 +212,7 @@
|
||||
<li>2.本活動最終解釋權歸官方所有,並與Apple inc/Google公司無關;</li> -->
|
||||
</ul>
|
||||
</div>
|
||||
<div class="toatstsEnd"></div>
|
||||
</body>
|
||||
</script>
|
||||
|
||||
@@ -223,8 +224,8 @@
|
||||
<script src="../../common/js/vconsole.min.js"></script>
|
||||
<script src="../../common/js/route-constant.js"></script>
|
||||
<script src="../../common/js/jquery.copy.min.js"></script>
|
||||
<script src="./local/en.js"></script>
|
||||
<script src="./local/zh.js"></script>
|
||||
<script src="./local/ar.js"></script>
|
||||
<script src="./js/index.js?v=1.0"></script>
|
||||
<script src="./local/en.js?v=1.1"></script>
|
||||
<script src="./local/zh.js?v=1.1"></script>
|
||||
<script src="./local/ar.js?v=1.2"></script>
|
||||
<script src="./js/index.js?v=1.3"></script>
|
||||
<script src="../../common/local/langHandler.js"></script>
|
@@ -58,6 +58,7 @@ $(function () {
|
||||
langReplace = window.lang.replace;
|
||||
localLang = window.lang;
|
||||
text = langReplace(localLang.demoModule.text35)
|
||||
|
||||
translateFun();
|
||||
// getConfig();
|
||||
getMySelf();
|
||||
@@ -65,6 +66,11 @@ $(function () {
|
||||
setTimeout(function () {
|
||||
$('#body').show();
|
||||
}, 300)
|
||||
if (getQueryString().lang == "en" || getQueryString().lang == "ar") {
|
||||
$('.toatstsEnd').text(langReplace(localLang.demoModule.endTimes))
|
||||
}else{
|
||||
$('.toatstsEnd').hide();
|
||||
}
|
||||
}, 300)
|
||||
})
|
||||
function translateFun() {
|
||||
@@ -459,12 +465,12 @@ $('.otherRule').click(function () {
|
||||
bodyScroolFun(false);
|
||||
})
|
||||
// 打开收益弹窗
|
||||
$('.header .rule_rule').click(function(){
|
||||
$('.header .rule_rule').click(function () {
|
||||
$('.bg .ul_pub').show();
|
||||
bodyScroolFun(true);
|
||||
})
|
||||
// 关闭收益弹窗
|
||||
$('.bg .ul_pub .incomeBox .close').click(function(){
|
||||
$('.bg .ul_pub .incomeBox .close').click(function () {
|
||||
$('.bg .ul_pub').hide();
|
||||
bodyScroolFun(false);
|
||||
})
|
@@ -2,12 +2,13 @@
|
||||
langAr = {
|
||||
// 模块
|
||||
demoModule: {
|
||||
endTimes:'انتهاء الفعالية',
|
||||
img1: `./images/header_h3-ar.png`,
|
||||
img2: `./images/rule_rule-ar.png`,
|
||||
img3: `./images/rule1_in-ar.png`,
|
||||
img4: `./images/rule_2in-ar.png`,
|
||||
title: `دعوة لكسب النقود`,
|
||||
text1: ` احصل على <b>1000</b> <img src="./images/gold.png" alt=""> نقطة لكل دعوة`,
|
||||
text1: ` احصل على <b>500</b> <img src="./images/gold.png" alt=""> نقطة لكل دعوة`,
|
||||
text2: `رمز الدعوة`,
|
||||
text3: `مشاركة مع الأصدقاء`,
|
||||
text4: `نسخ رمز الدعوة`,
|
||||
@@ -22,7 +23,7 @@ langAr = {
|
||||
text12: `نوع الأرباح`,
|
||||
text13: `المستخدم المدعو`,
|
||||
text14: `قواعد النشاط`,
|
||||
text15: `دعوة ناجحة لصديق للتسجيل، يحصل كل منهما على 1000 نقطة، لا يوجد حد!`,
|
||||
text15: `دعوة ناجحة لصديق للتسجيل، يحصل كل منهما على 500 نقطة، لا يوجد حد!`,
|
||||
text16: `المدعو: أنت`,
|
||||
text17: `المستخدم المباشر`,
|
||||
text18: `دعوة الأصدقاء للشحن والحصول على cashback، حتى 7% لمدة 30 يومًا!`,
|
||||
@@ -51,10 +52,10 @@ langAr = {
|
||||
<li>2. يحتفظ الإدارة بالحق النهائي في هذا النشاط، ولا يمتلك أي علاقة بشركة أبل/جوجل؛</li>`,
|
||||
text31: `مشاركة رمز QR >`,
|
||||
text32: `الأصدقاء يمسحون رمز الاستجابة السريعة`,
|
||||
text33: `احصل على <b>1000</b>`,
|
||||
text33: `احصل على <b>500</b>`,
|
||||
text34: `حفظ محليًا`,
|
||||
text35: `مباشرة`,
|
||||
text36: `مسح لتنزيل molistar وملء رمز دعوتي للحصول على 1000 نقطة!`,
|
||||
text36: `مسح لتنزيل molistar وملء رمز دعوتي للحصول على 500 نقطة!`,
|
||||
text37: `موليستار، لقاء مع الصوت النابض بالقلب`,
|
||||
text38: `دردشة، لعب الألعاب، تكوين الصداقات، في أي وقت وفي أي مكان على موليستار`,
|
||||
text39: `مباشرة`,
|
||||
@@ -123,7 +124,7 @@ langAr = {
|
||||
text1: `اكتشف الصدف الغير متوقعة على Molistar.`,
|
||||
text2: `تحدث، والعب ألعاب، واكسب الأصدقاء في أي وقت وفي أي مكان على Molistar.`,
|
||||
xz_id: `حمّل Molistar الآن!`,
|
||||
text4: `حمّل وسجّل في Molistar باستخدام كود الدعوة الخاص بي للحصول على 1000 عملة ذهبية على الفور!`,
|
||||
text4: `حمّل وسجّل في Molistar باستخدام كود الدعوة الخاص بي للحصول على 500 عملة ذهبية على الفور!`,
|
||||
text5: `جار التحميل...`,
|
||||
text6: `تم العملية بنجاح`,
|
||||
text7: `تم نسخ الرمز بنجاح`,
|
||||
|
@@ -2,12 +2,13 @@
|
||||
langEn = {
|
||||
// 模块
|
||||
demoModule: {
|
||||
endTimes:'The event has ended',
|
||||
img1: `./images/header_h3-en.png`,
|
||||
img2: `./images/rule_rule-en.png`,
|
||||
img3: `./images/rule1_in-en.png`,
|
||||
img4: `./images/rule_2in-en.png`,
|
||||
title: `Invite to Earn Coins`,
|
||||
text1: `Get <b>1000</b> <img src="./images/gold.png" alt=""> for each invitation `,
|
||||
text1: `Get <b>500</b> <img src="./images/gold.png" alt=""> for each invitation `,
|
||||
text2: `My Code`,
|
||||
text3: `Share with Friends`,
|
||||
text4: `Copy Invitation Code`,
|
||||
@@ -22,7 +23,7 @@ langEn = {
|
||||
text12: `Earnings Type`,
|
||||
text13: `Invited User`,
|
||||
text14: `Activity Rules`,
|
||||
text15: `Successfully invite a friend to register, both parties get 1000 coins each, unlimited!`,
|
||||
text15: `Successfully invite a friend to register, both parties get 500 coins each, unlimited!`,
|
||||
text16: `Inviter: You`,
|
||||
text17: `Direct Invitee`,
|
||||
text18: `Invite friends to top up and get cashback, up to 7% for 30 days!`,
|
||||
@@ -51,10 +52,10 @@ langEn = {
|
||||
<li>2. The final interpretation right of this activity belongs to the official, and has nothing to do with Apple Inc./Google Inc.;</li>`,
|
||||
text31: `Share QR >`,
|
||||
text32: `Friends Scan QR Code to Download and Register`,
|
||||
text33: `Get <b>1000</b><img src="./images/gold.png" alt="" class="diamond">`,
|
||||
text33: `Get <b>500</b><img src="./images/gold.png" alt="" class="diamond">`,
|
||||
text34: `Save Locally`,
|
||||
text35: `Direct`,
|
||||
text36: `Scan to download molistar and fill in My Code to get 1000 coins!`,
|
||||
text36: `Scan to download molistar and fill in My Code to get 500 coins!`,
|
||||
text37: `Molistar, Encounter with the Heartbeat Sound`,
|
||||
text38: `Chat, Play Games, Make Friends, Anytime Anywhere on Molistar`,
|
||||
text39: `Direct`,
|
||||
@@ -122,7 +123,7 @@ langEn = {
|
||||
text1: `Discover unexpected connections on Molistar.`,
|
||||
text2: `Chat, play games, and make friends anytime, anywhere on Molistar.`,
|
||||
xz_id: `Download Molistar now!`,
|
||||
text4: `Download and register on Molistar with my invite code to get 1000 gold coins instantly!`,
|
||||
text4: `Download and register on Molistar with my invite code to get 500 gold coins instantly!`,
|
||||
text5: `Loading...`,
|
||||
text6: `Operation complete`,
|
||||
text7: `Copy successful`,
|
||||
|
@@ -2,12 +2,13 @@
|
||||
langZh = {
|
||||
// 模塊
|
||||
demoModule: {
|
||||
endTimes:'活動已結束',
|
||||
img1: `./images/header_h3.png`,
|
||||
img2: `./images/rule_rule.png`,
|
||||
img3: `./images/rule1_in.png`,
|
||||
img4: `./images/rule_2in.png`,
|
||||
title: `邀請得金幣`,
|
||||
text1: `每邀請一人得 <b>1000</b>金幣 <img src="./images/gold.png" alt="">`,
|
||||
text1: `每邀請一人得 <b>500</b>金幣 <img src="./images/gold.png" alt="">`,
|
||||
text2: `我的邀請碼`,
|
||||
text3: `分享邀請好友`,
|
||||
text4: `複製邀請碼`,
|
||||
@@ -22,7 +23,7 @@ langZh = {
|
||||
text12: `收益類型`,
|
||||
text13: `邀請對象`,
|
||||
text14: `活動規則`,
|
||||
text15: `成功邀請一位好友註冊,雙方各得1000金幣,無上限!`,
|
||||
text15: `成功邀請一位好友註冊,雙方各得500金幣,無上限!`,
|
||||
text16: `邀請人:妳`,
|
||||
text17: `直接邀請對象`,
|
||||
text18: `邀請好友儲值返現,纍計高達7%,持續30天!`,
|
||||
@@ -51,10 +52,10 @@ langZh = {
|
||||
<li>2.本活動最終解釋權歸官方所有,並與Apple inc/Google公司無關;</li>`,
|
||||
text31: `分享二維碼 >`,
|
||||
text32: `好友掃碼下載註冊`,
|
||||
text33: `得<b>1000</b><img src="./images/gold.png" alt="" class="diamond">`,
|
||||
text33: `得<b>500</b><img src="./images/gold.png" alt="" class="diamond">`,
|
||||
text34: `保存本地`,
|
||||
text35: `直接`,
|
||||
text36: `掃碼下載molistar並填寫我的邀請碼\n立得 1000 金幣!`,
|
||||
text36: `掃碼下載molistar並填寫我的邀請碼\n立得 500 金幣!`,
|
||||
text37: `molistar,與心動聲音不期而遇`,
|
||||
text38: `聊天玩遊戲交朋友,隨時隨地在molistar`,
|
||||
text39: `直接`,
|
||||
@@ -125,7 +126,7 @@ langZh = {
|
||||
text1: `molistar,與心動聲音不期而遇`,
|
||||
text2: `聊天玩遊戲交朋友,隨時隨地在molistar`,
|
||||
xz_id: `立即下载molistar`,
|
||||
text4: `下載註冊molistar並填寫我的邀請碼,立得1000金幣!`,
|
||||
text4: `下載註冊molistar並填寫我的邀請碼,立得500金幣!`,
|
||||
text5: `加載中...`,
|
||||
text6: `操作完成`,
|
||||
text7: `复制成功`,
|
||||
|
@@ -12,8 +12,8 @@
|
||||
|
||||
.max {
|
||||
width: 10rem;
|
||||
height: 30.84rem;
|
||||
background: url("../images/max.png") no-repeat;
|
||||
height: 34.02667rem;
|
||||
background: url("../images/max.png?v=1.0") no-repeat;
|
||||
background-size: 100% 100%;
|
||||
font-family: 'pingfang-bold';
|
||||
}
|
||||
@@ -21,10 +21,10 @@
|
||||
.max .record {
|
||||
position: absolute;
|
||||
position: absolute;
|
||||
top: 5.9rem;
|
||||
top: 6.61333rem;
|
||||
right: 0;
|
||||
width: 1.5rem;
|
||||
height: 1.4rem;
|
||||
width: 1.64rem;
|
||||
height: 0.57333rem;
|
||||
}
|
||||
|
||||
.max .record img {
|
||||
@@ -34,23 +34,23 @@
|
||||
|
||||
.max .btn {
|
||||
position: absolute;
|
||||
top: 15.8rem;
|
||||
left: 1.68rem;
|
||||
width: 2.53333rem;
|
||||
height: 1.01333rem;
|
||||
top: 16.1rem;
|
||||
left: 1.61rem;
|
||||
width: 2.94667rem;
|
||||
height: 1.46667rem;
|
||||
}
|
||||
|
||||
.max .btn.basics-receive {
|
||||
left: 5.6rem;
|
||||
left: 5rem;
|
||||
}
|
||||
|
||||
.max .btn.advance-send {
|
||||
top: 22.34667rem;
|
||||
top: 23.34667rem;
|
||||
}
|
||||
|
||||
.max .btn.advance-receive {
|
||||
top: 22.34667rem;
|
||||
left: 5.6rem;
|
||||
top: 23.34667rem;
|
||||
left: 5rem;
|
||||
}
|
||||
|
||||
.max .btn img {
|
||||
@@ -257,8 +257,8 @@
|
||||
.max .shade-mask-new .shade-content .apply-btn,
|
||||
.max .shade-mask-new .shade-content-delay .apply-btn,
|
||||
.max .shade-mask-new .shade-content-new .apply-btn {
|
||||
width: 4.90667rem;
|
||||
height: 1.2rem;
|
||||
width: 6.37333rem;
|
||||
height: 0.82667rem;
|
||||
background: url("../images/apply-new.png") no-repeat 0 0/100% 100%;
|
||||
margin: 0.64rem auto 0;
|
||||
}
|
||||
@@ -367,9 +367,9 @@
|
||||
}
|
||||
|
||||
.max .shade-mask-delay .shade-content-delay .apply-btn {
|
||||
width: 4.90667rem;
|
||||
height: 1.2rem;
|
||||
background: url("../images/confirm.png") no-repeat 0 0/100% 100%;
|
||||
width: 6.37333rem;
|
||||
height: 0.82667rem;
|
||||
background: url("../images/apply-new.png") no-repeat 0 0/100% 100%;
|
||||
margin: 0.85333rem auto 0;
|
||||
}
|
||||
|
||||
@@ -484,9 +484,9 @@
|
||||
}
|
||||
|
||||
.max .shade-mask-new .shade-content-new .apply-btn {
|
||||
width: 4.90667rem;
|
||||
height: 1.2rem;
|
||||
background: url("../images/confirm.png") no-repeat 0 0/100% 100%;
|
||||
width: 6.37333rem;
|
||||
height: 0.82667rem;
|
||||
background: url("../images/apply-new.png") no-repeat 0 0/100% 100%;
|
||||
margin: 0.61333rem auto 0;
|
||||
}
|
||||
|
||||
@@ -510,3 +510,7 @@
|
||||
::-webkit-scrollbar {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.english .max {
|
||||
height: 35.76rem;
|
||||
}
|
||||
|
@@ -21,18 +21,18 @@
|
||||
// @import '../../../common/css/flex.scss';
|
||||
.max {
|
||||
width: px2rem(750);
|
||||
height: px2rem(2313);
|
||||
background: url('../images/max.png') no-repeat;
|
||||
height: px2rem(2552);
|
||||
background: url('../images/max.png?v=1.0') no-repeat;
|
||||
background-size: 100% 100%;
|
||||
font-family: 'pingfang-bold';
|
||||
|
||||
.record {
|
||||
position: absolute;
|
||||
position: absolute;
|
||||
top: 5.9rem;
|
||||
top: px2rem(496);
|
||||
right: 0;
|
||||
width: 1.5rem;
|
||||
height: 1.4rem;
|
||||
width: px2rem(123);
|
||||
height: px2rem(43);
|
||||
|
||||
img {
|
||||
width: 100%;
|
||||
@@ -42,22 +42,22 @@
|
||||
|
||||
.btn {
|
||||
position: absolute;
|
||||
top: 15.8rem;
|
||||
left: px2rem(126);
|
||||
width: px2rem(190);
|
||||
height: px2rem(76);
|
||||
top: 16.1rem;
|
||||
left: 1.61rem;
|
||||
width: px2rem(221);
|
||||
height: px2rem(110);
|
||||
|
||||
&.basics-receive {
|
||||
left: 5.6rem;
|
||||
left: 5rem;
|
||||
}
|
||||
|
||||
&.advance-send {
|
||||
top: 22.34667rem;
|
||||
top: 23.34667rem;
|
||||
}
|
||||
|
||||
&.advance-receive {
|
||||
top: 22.34667rem;
|
||||
left: 5.6rem;
|
||||
top: 23.34667rem;
|
||||
left: 5rem;
|
||||
}
|
||||
|
||||
img {
|
||||
@@ -181,8 +181,8 @@
|
||||
}
|
||||
|
||||
.apply-btn {
|
||||
width: px2rem(368);
|
||||
height: px2rem(90);
|
||||
width: px2rem(478);
|
||||
height: px2rem(62);
|
||||
background: url('../images/apply-new.png') no-repeat 0 0/100% 100%;
|
||||
margin: px2rem(48) auto 0;
|
||||
}
|
||||
@@ -277,9 +277,9 @@
|
||||
}
|
||||
|
||||
.apply-btn {
|
||||
width: px2rem(368);
|
||||
height: px2rem(90);
|
||||
background: url('../images/confirm.png') no-repeat 0 0/100% 100%;
|
||||
width: px2rem(478);
|
||||
height: px2rem(62);
|
||||
background: url('../images/apply-new.png') no-repeat 0 0/100% 100%;
|
||||
margin: px2rem(64) auto 0;
|
||||
}
|
||||
}
|
||||
@@ -397,9 +397,9 @@
|
||||
}
|
||||
|
||||
.apply-btn {
|
||||
width: px2rem(368);
|
||||
height: px2rem(90);
|
||||
background: url('../images/confirm.png') no-repeat 0 0/100% 100%;
|
||||
width: px2rem(478);
|
||||
height: px2rem(62);
|
||||
background: url('../images/apply-new.png') no-repeat 0 0/100% 100%;
|
||||
margin: px2rem(46) auto 0;
|
||||
}
|
||||
}
|
||||
@@ -425,4 +425,10 @@
|
||||
|
||||
::-webkit-scrollbar {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.english{
|
||||
.max{
|
||||
height: px2rem(2682);
|
||||
}
|
||||
}
|
After Width: | Height: | Size: 6.2 KiB |
After Width: | Height: | Size: 6.4 KiB |
Before Width: | Height: | Size: 16 KiB After Width: | Height: | Size: 17 KiB |
BIN
view/molistar/activity/act-nameplate/images/apply-new-ar.png
Normal file
After Width: | Height: | Size: 7.5 KiB |
BIN
view/molistar/activity/act-nameplate/images/apply-new-en.png
Normal file
After Width: | Height: | Size: 8.4 KiB |
Before Width: | Height: | Size: 20 KiB After Width: | Height: | Size: 7.5 KiB |
BIN
view/molistar/activity/act-nameplate/images/delay-btn-ar.png
Normal file
After Width: | Height: | Size: 3.8 KiB |
BIN
view/molistar/activity/act-nameplate/images/delay-btn-en.png
Normal file
After Width: | Height: | Size: 3.9 KiB |
Before Width: | Height: | Size: 2.9 KiB After Width: | Height: | Size: 4.2 KiB |
BIN
view/molistar/activity/act-nameplate/images/disabled-btn-ar.png
Normal file
After Width: | Height: | Size: 6.7 KiB |
BIN
view/molistar/activity/act-nameplate/images/disabled-btn-en.png
Normal file
After Width: | Height: | Size: 6.8 KiB |
Before Width: | Height: | Size: 18 KiB After Width: | Height: | Size: 22 KiB |
BIN
view/molistar/activity/act-nameplate/images/max-ar.png
Normal file
After Width: | Height: | Size: 380 KiB |
BIN
view/molistar/activity/act-nameplate/images/max-en.png
Normal file
After Width: | Height: | Size: 406 KiB |
Before Width: | Height: | Size: 1.1 MiB After Width: | Height: | Size: 412 KiB |
BIN
view/molistar/activity/act-nameplate/images/new-bg-ar.png
Normal file
After Width: | Height: | Size: 24 KiB |
BIN
view/molistar/activity/act-nameplate/images/new-bg-en.png
Normal file
After Width: | Height: | Size: 25 KiB |
Before Width: | Height: | Size: 36 KiB After Width: | Height: | Size: 24 KiB |
BIN
view/molistar/activity/act-nameplate/images/record-ar.png
Normal file
After Width: | Height: | Size: 3.0 KiB |
BIN
view/molistar/activity/act-nameplate/images/record-en.png
Normal file
After Width: | Height: | Size: 3.1 KiB |
BIN
view/molistar/activity/act-nameplate/images/record.png
Normal file
After Width: | Height: | Size: 9.3 KiB |
BIN
view/molistar/activity/act-nameplate/images/select-bg-ar.png
Normal file
After Width: | Height: | Size: 23 KiB |
BIN
view/molistar/activity/act-nameplate/images/select-bg-en.png
Normal file
After Width: | Height: | Size: 23 KiB |
Before Width: | Height: | Size: 34 KiB After Width: | Height: | Size: 23 KiB |
@@ -17,10 +17,11 @@
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
|
||||
<meta name="viewport"
|
||||
content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no, viewport-fit=cover" />
|
||||
<title>精美铭牌送不停</title>
|
||||
<title class="title_t"></title>
|
||||
<!-- 私人訂製 -->
|
||||
|
||||
<link rel="stylesheet" href="../../common/css/reset.css">
|
||||
<link rel="stylesheet" href="./css/index.css?v=10">
|
||||
<link rel="stylesheet" href="./css/index.css?v=11">
|
||||
|
||||
<script src="../../common/js/flexible.js"></script>
|
||||
</head>
|
||||
@@ -28,7 +29,7 @@
|
||||
<body>
|
||||
<div class="max">
|
||||
<div class="record">
|
||||
<!-- <img src="./images/record.png" alt=""> -->
|
||||
<img src="./images/record.png" alt="">
|
||||
</div>
|
||||
|
||||
<div class="btn basics-send"><img src="./images/disabled-btn.png" alt=""></div>
|
||||
@@ -62,7 +63,7 @@
|
||||
<div class="shade-content-delay">
|
||||
<!-- <div class="top">延期期限</div> -->
|
||||
<div class="nameplate-style">
|
||||
<span>铭牌样式:</span>
|
||||
<span class="text1">铭牌样式:</span>
|
||||
<div>
|
||||
<p>
|
||||
<img alt="">
|
||||
@@ -71,10 +72,10 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="delay-time">
|
||||
<span>申请时长:</span>
|
||||
<span class="text2">申请时长:</span>
|
||||
<div>
|
||||
<img src="./images/decrease.png" alt="" class="decrease">
|
||||
<p><span></span>天</p>
|
||||
<p><span></span><b class="text3">天</b></p>
|
||||
<img src="./images/increase.png" alt="" class="increase">
|
||||
</div>
|
||||
</div>
|
||||
@@ -88,20 +89,20 @@
|
||||
<div class="shade-content-new">
|
||||
<!-- <div class="top">申请新铭牌</div> -->
|
||||
<div class="nameplate-style">
|
||||
<span>铭牌样式:</span>
|
||||
<span class="text1"></span>
|
||||
<ul class="apply-new-ul">
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
<div class="new-nameplate-desc-wrap">
|
||||
<span>铭牌文字:</span>
|
||||
<input type="text" class="new-nameplate-desc" placeholder="请输入4个字" maxlength="4">
|
||||
<span class="text4"></span>
|
||||
<input class="text5" type="text" class="new-nameplate-desc" placeholder="" maxlength="">
|
||||
</div>
|
||||
<div class="delay-time">
|
||||
<span>申请时长:</span>
|
||||
<span class="text2"></span>
|
||||
<div>
|
||||
<img src="./images/decrease.png" alt="" class="decrease">
|
||||
<p><span></span>天</p>
|
||||
<p><span></span><b class="text3"></b></p>
|
||||
<img src="./images/increase.png" alt="" class="increase">
|
||||
</div>
|
||||
</div>
|
||||
@@ -114,7 +115,11 @@
|
||||
<script src="../../common/js/common2.js"></script>
|
||||
<script src="../../common/js/layer.js"></script>
|
||||
<script src="../../common/js/vconsole.min.js"></script>
|
||||
<script src="./local/en.js"></script>
|
||||
<script src="./local/zh.js"></script>
|
||||
<script src="./local/ar.js"></script>
|
||||
<script src="./js/public.js?v=10"></script>
|
||||
<script src="../../common/local/langHandler.js"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
@@ -4,31 +4,210 @@ var browser = checkVersion();
|
||||
var info = {};
|
||||
if (EnvCheck() === 'test') new VConsole
|
||||
// 封裝layer消息提醒框
|
||||
let layerIndex
|
||||
const showLoading = (content = '加載中...') => {
|
||||
layer.open({
|
||||
type: 2,
|
||||
shadeClose: false,
|
||||
content,
|
||||
success(e) {
|
||||
layerIndex = $(e).attr('index')
|
||||
}
|
||||
})
|
||||
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)
|
||||
layer.close(index)
|
||||
}
|
||||
const toastMsg = (content = '操作完成', time = 2) => {
|
||||
layer.open({
|
||||
content,
|
||||
time,
|
||||
skin: 'msg'
|
||||
})
|
||||
const toastMsg = (content = langReplace(localLang.demoModule.layerIndex2), time = 2) => {
|
||||
layer.open({
|
||||
content,
|
||||
time,
|
||||
skin: 'msg'
|
||||
})
|
||||
}
|
||||
|
||||
let delayLock = false, newApplyLock = false
|
||||
|
||||
let btnStatus = []
|
||||
var partitionId = null;
|
||||
$(function () {
|
||||
getInfoFromClient()
|
||||
fuzzyMatchUpdateQueryStringParameterFun(); // 判断语言
|
||||
setTimeout(() => {
|
||||
langReplace = window.lang.replace;
|
||||
localLang = window.lang;
|
||||
fuzzyMatchUpdateQueryStringParameterFun(); // 判断语言
|
||||
translateFun();
|
||||
getUserNameplateInfo()
|
||||
userGet()
|
||||
}, 50)
|
||||
function translateFun() {
|
||||
var langReplace = window.lang.replace;
|
||||
var localLang = window.lang;
|
||||
$('.max').attr('style', langReplace(localLang.demoModule.max))
|
||||
$('.max .shade-mask-new .shade-content-new').attr('style', langReplace(localLang.demoModule.img4))
|
||||
$('.max .shade-mask .shade-content, .max .shade-mask-delay .shade-content-delay').attr('style', langReplace(localLang.demoModule.img44))
|
||||
$('.apply-btn').attr('style', langReplace(localLang.demoModule.img5))
|
||||
$('.max .btn img').attr('src', langReplace(localLang.demoModule.img2))
|
||||
$('.max .record img').attr('src', langReplace(localLang.demoModule.img6))
|
||||
$('.title_t').html(langReplace(localLang.demoModule.title_t));
|
||||
$('.text1').html(langReplace(localLang.demoModule.text1));
|
||||
$('.text2').html(langReplace(localLang.demoModule.text2));
|
||||
$('.text3').html(langReplace(localLang.demoModule.text3));
|
||||
$('.text4').html(langReplace(localLang.demoModule.text4));
|
||||
$('.text5').attr('placeholder', langReplace(localLang.demoModule.text5));
|
||||
}
|
||||
if (browser.app) {
|
||||
_hmt.push(['_trackEvent', 'client', 'click', "act_nameplate"]);
|
||||
}
|
||||
|
||||
// 點擊申請記錄按鈕
|
||||
$('.record').on('click', function () {
|
||||
window.location.href = './record.html'
|
||||
})
|
||||
|
||||
// 關閉彈窗
|
||||
$('.shade-mask .close').on('click', () => {
|
||||
$('.shade-mask').hide()
|
||||
$('body').css('overflow', 'auto')
|
||||
})
|
||||
$('.shade-mask-delay .close').on('click', () => {
|
||||
$('.shade-mask-delay').hide()
|
||||
$('body').css('overflow', 'auto')
|
||||
})
|
||||
$('.shade-mask-new .close').on('click', () => {
|
||||
$('.shade-mask-new').hide()
|
||||
$('body').css('overflow', 'auto')
|
||||
newNameplateId = ''
|
||||
$(this).find('input').val('')
|
||||
})
|
||||
|
||||
let maxApplyDay, nameplateId, type, text
|
||||
// 監聽 延長期限 按鈕點擊事件
|
||||
$('.select-ul').on('click', '.delay-btn', function () {
|
||||
let li = $(this).parent();
|
||||
let src = li.find('.nameplate img').attr('src');
|
||||
let desc = li.find('.nameplate span').html();
|
||||
maxApplyDay = li.data('applyDay');
|
||||
nameplateId = li.data('nameplateId');
|
||||
type = li.data('type');
|
||||
text = li.data('text');
|
||||
|
||||
$('.shade-mask-delay .nameplate-style img').attr('src', src);
|
||||
$('.shade-mask-delay .nameplate-style p span').html(desc);
|
||||
$('.shade-mask-delay .delay-time p span').html(maxApplyDay);
|
||||
|
||||
$('.shade-mask-delay').show().siblings('.shade-mask, .shade-mask-new').hide()
|
||||
})
|
||||
|
||||
// 延期彈窗 點擊減按鈕
|
||||
$('.shade-mask-delay').on('click', '.decrease', function () {
|
||||
let applyDay = parseInt($(this).parent().find('span').html());
|
||||
if (applyDay > 7) {
|
||||
applyDay -= 7;
|
||||
} else {
|
||||
toastMsg(langReplace(localLang.demoModule.text6))
|
||||
}
|
||||
$('.shade-mask-delay .delay-time p span').html(applyDay);
|
||||
})
|
||||
//延期彈窗 點擊加按鈕
|
||||
$('.shade-mask-delay').on('click', '.increase', function () {
|
||||
let applyDay = parseInt($(this).parent().find('span').html());
|
||||
if (applyDay >= maxApplyDay) {
|
||||
toastMsg(langReplace(localLang.demoModule.text7))
|
||||
} else {
|
||||
applyDay += 7;
|
||||
}
|
||||
$('.shade-mask-delay .delay-time p span').html(applyDay);
|
||||
})
|
||||
// 監聽申請延期確定按鈕點擊事件
|
||||
$('.shade-mask-delay').on('click', '.apply-btn', function () {
|
||||
// applyType 1申請新銘牌,2延長
|
||||
if (!delayLock) {
|
||||
delayLock = true
|
||||
let params = {
|
||||
type,
|
||||
nameplateId,
|
||||
applyDay: parseInt($(this).parent().find('.delay-time div p span').html()),
|
||||
applyType: 2,
|
||||
text
|
||||
};
|
||||
delayNamaplateConfirm(params)
|
||||
}
|
||||
})
|
||||
|
||||
/************************* ******************************/
|
||||
|
||||
// 監聽 申請新銘牌 按鈕點擊事件
|
||||
$('.shade-mask').on('click', '.apply-btn', function () {
|
||||
let type = $(this).parent().find('.select-ul li').eq(0).data('type');
|
||||
getNewNameplateList(type)
|
||||
})
|
||||
|
||||
// 申請新銘牌彈窗 點擊減按鈕
|
||||
$('.shade-mask-new').on('click', '.decrease', function () {
|
||||
let applyDay = parseInt($(this).parent().find('span').html());
|
||||
if (applyDay > 7) {
|
||||
applyDay -= 7;
|
||||
} else {
|
||||
toastMsg(langReplace(localLang.demoModule.text6))
|
||||
}
|
||||
$('.shade-mask-new .delay-time p span').html(applyDay);
|
||||
})
|
||||
// 申請新銘牌彈窗 點擊加按鈕
|
||||
$('.shade-mask-new').on('click', '.increase', function () {
|
||||
let applyDay = parseInt($(this).parent().find('span').html());
|
||||
let maxApplyDay = parseInt($(this).parent().parent().parent().find('.apply-new-ul li').eq(0).data('applyDay'));
|
||||
if (applyDay >= maxApplyDay) {
|
||||
toastMsg(langReplace(localLang.demoModule.text7))
|
||||
} else {
|
||||
applyDay += 7;
|
||||
}
|
||||
$('.shade-mask-new .delay-time p span').html(applyDay);
|
||||
})
|
||||
|
||||
// 申請新銘牌彈窗 點擊銘牌列錶事件
|
||||
$('.shade-mask-new').on('click', 'li', function () {
|
||||
$(this).addClass('active').siblings('li').removeClass('active');
|
||||
newNameplateId = $(this).data('nameplateId');
|
||||
})
|
||||
|
||||
// 申請新銘牌彈窗 確定申請 按鈕點擊事件
|
||||
$('.shade-mask-new').on('click', '.apply-btn', function () {
|
||||
let content = $(this).parent();
|
||||
// let ipt = content.find('input.new-nameplate-desc').val()
|
||||
let ipt = $('.text5').val();
|
||||
if (!newNameplateId) {
|
||||
toastMsg(langReplace(localLang.demoModule.text8));
|
||||
return
|
||||
}
|
||||
if (!ipt) {
|
||||
toastMsg(langReplace(localLang.demoModule.text9));
|
||||
return
|
||||
}
|
||||
// else {
|
||||
// if (ipt.length !== 4) {
|
||||
// toastMsg(langReplace(localLang.demoModule.text10));
|
||||
// return
|
||||
// }
|
||||
// }
|
||||
|
||||
// applyType 1申請新銘牌,2延長
|
||||
if (!newApplyLock) {
|
||||
newApplyLock = true
|
||||
let params = {
|
||||
applyType: 1,
|
||||
nameplateId: newNameplateId,
|
||||
text: ipt,
|
||||
type: parseInt(content.find('ul.apply-new-ul li').eq(0).data('type')),
|
||||
applyDay: parseInt(content.find('.delay-time div p span').html())
|
||||
}
|
||||
applyNewNamaplateConfirm(params)
|
||||
}
|
||||
})
|
||||
|
||||
});
|
||||
// 獲取用戶銘牌狀態
|
||||
const getUserNameplateInfo = () => {
|
||||
showLoading()
|
||||
@@ -38,42 +217,70 @@ const getUserNameplateInfo = () => {
|
||||
data: {
|
||||
uid: pubInfo.uid
|
||||
},
|
||||
success(res){
|
||||
success(res) {
|
||||
hideLoading(layerIndex);
|
||||
if(res.code === 200){
|
||||
if (res.code === 200) {
|
||||
btnStatus = res.data
|
||||
renderBtnStatus()
|
||||
}else{
|
||||
} else {
|
||||
toastMsg(res.message)
|
||||
}
|
||||
},
|
||||
error(){
|
||||
error() {
|
||||
hideLoading(layerIndex);
|
||||
toastMsg('網絡錯誤')
|
||||
toastMsg(langReplace(localLang.demoModule.layerIndex3))
|
||||
}
|
||||
})
|
||||
}
|
||||
const userGet = () => {
|
||||
showLoading()
|
||||
networkRequest({
|
||||
type: 'GET',
|
||||
url: urlPrefix + '/user/get',
|
||||
data: {
|
||||
uid: pubInfo.uid
|
||||
},
|
||||
success(res) {
|
||||
hideLoading(layerIndex);
|
||||
if (res.code === 200) {
|
||||
partitionId = res.data.partitionId
|
||||
if (partitionId == 1 || partitionId == 2) {
|
||||
$('.text5').attr('maxlength', 13);
|
||||
} else {
|
||||
$('.text5').attr('maxlength', 4);
|
||||
}
|
||||
renderBtnStatus()
|
||||
} else {
|
||||
toastMsg(res.message)
|
||||
}
|
||||
},
|
||||
error() {
|
||||
hideLoading(layerIndex);
|
||||
toastMsg(langReplace(localLang.demoModule.layerIndex3))
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
// 渲染首頁按鈕狀態
|
||||
const renderBtnStatus = () => {
|
||||
btnStatus.map( (item,index) => {
|
||||
if(index > 1){
|
||||
// 進階款式
|
||||
$('.btn').eq(index).find('img').attr('src', `${item > 0 ? './images/apply-btn-basics.png' : './images/disabled-btn.png'}`)
|
||||
if(item > 0){
|
||||
$('.btn').eq(index).on('click', () => {
|
||||
getUserNameplateList(index+1)
|
||||
})
|
||||
}
|
||||
}else{
|
||||
// 基礎款式
|
||||
$('.btn').eq(index).find('img').attr('src', `${item > 0 ? './images/apply-btn-basics.png' : './images/disabled-btn.png'}`)
|
||||
if(item > 0){
|
||||
$('.btn').eq(index).on('click', () => {
|
||||
getUserNameplateList(index+1)
|
||||
})
|
||||
}
|
||||
btnStatus.map((item, index) => {
|
||||
if (index > 1) {
|
||||
// 進階款式
|
||||
$('.btn').eq(index).find('img').attr('src', `${item > 0 ? langReplace(localLang.demoModule.img3) : langReplace(localLang.demoModule.img2)}`)
|
||||
if (item > 0) {
|
||||
$('.btn').eq(index).on('click', () => {
|
||||
getUserNameplateList(index + 1)
|
||||
})
|
||||
}
|
||||
} else {
|
||||
// 基礎款式
|
||||
$('.btn').eq(index).find('img').attr('src', `${item > 0 ? langReplace(localLang.demoModule.img3) : langReplace(localLang.demoModule.img2)}`)
|
||||
if (item > 0) {
|
||||
$('.btn').eq(index).on('click', () => {
|
||||
getUserNameplateList(index + 1)
|
||||
})
|
||||
}
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
@@ -88,22 +295,22 @@ const getUserNameplateList = (type) => {
|
||||
uid: pubInfo.uid,
|
||||
type
|
||||
},
|
||||
success(res){
|
||||
success(res) {
|
||||
hideLoading(layerIndex)
|
||||
if(res.code === 200){
|
||||
if(!res.data.length){
|
||||
if (res.code === 200) {
|
||||
if (!res.data.length) {
|
||||
getNewNameplateList(type)
|
||||
}else{
|
||||
} else {
|
||||
userNameplateList = res.data
|
||||
renderNameplateList()
|
||||
}
|
||||
}else{
|
||||
} else {
|
||||
toastMsg(res.message)
|
||||
}
|
||||
},
|
||||
error(){
|
||||
error() {
|
||||
hideLoading(layerIndex);
|
||||
toastMsg('網絡錯誤')
|
||||
toastMsg(langReplace(localLang.demoModule.layerIndex3))
|
||||
}
|
||||
})
|
||||
}
|
||||
@@ -111,16 +318,16 @@ const getUserNameplateList = (type) => {
|
||||
// 渲染銘牌列錶(選擇彈窗)
|
||||
const renderNameplateList = () => {
|
||||
let str = ''
|
||||
userNameplateList.map( item => {
|
||||
userNameplateList.map(item => {
|
||||
str += `
|
||||
<li data-apply-day=${item.applyDay} data-nameplate-id=${item.nameplateId} data-type=${item.type} data-text=${item.fixedWord}>
|
||||
<p>剩余${item.expireDays}天</p>
|
||||
<p>${langReplace(localLang.demoModule.text13)}${item.expireDays}${langReplace(localLang.demoModule.text3)}</p>
|
||||
<div class="nameplate">
|
||||
<img src="${item.nameplateImage}" alt="">
|
||||
<span>${item.word}</span>
|
||||
</div>
|
||||
<div class="delay-btn">
|
||||
<img src="./images/delay-btn.png" alt="">
|
||||
<img src="${langReplace(localLang.demoModule.img7)}" alt="">
|
||||
</div>
|
||||
</li>
|
||||
`
|
||||
@@ -143,22 +350,22 @@ const getNewNameplateList = (type) => {
|
||||
uid: pubInfo.uid,
|
||||
type
|
||||
},
|
||||
success(res){
|
||||
success(res) {
|
||||
hideLoading(layerIndex)
|
||||
if(res.code === 200){
|
||||
if(!res.data.length){
|
||||
toastMsg('暫時沒有銘牌可申請')
|
||||
if (res.code === 200) {
|
||||
if (!res.data.length) {
|
||||
toastMsg(langReplace(localLang.demoModule.text11))
|
||||
return
|
||||
}
|
||||
newNameplateList = res.data
|
||||
renderNewNameplateList()
|
||||
}else{
|
||||
} else {
|
||||
toastMsg(res.message)
|
||||
}
|
||||
},
|
||||
error(){
|
||||
error() {
|
||||
hideLoading(layerIndex);
|
||||
toastMsg('網絡錯誤')
|
||||
toastMsg(langReplace(localLang.demoModule.layerIndex3))
|
||||
}
|
||||
})
|
||||
}
|
||||
@@ -167,7 +374,7 @@ let newNameplateId //只有一個可選時,默認選中
|
||||
// 渲染申請新銘牌彈窗
|
||||
const renderNewNameplateList = () => {
|
||||
let str = '';
|
||||
newNameplateList.map( item => {
|
||||
newNameplateList.map(item => {
|
||||
str += `
|
||||
<li data-apply-day=${item.applyDay} data-nameplate-id=${item.id} data-type=${item.type}>
|
||||
<div>
|
||||
@@ -177,7 +384,7 @@ const renderNewNameplateList = () => {
|
||||
`
|
||||
})
|
||||
$('.apply-new-ul').html(str)
|
||||
if(newNameplateList.length === 1){
|
||||
if (newNameplateList.length === 1) {
|
||||
let onlyLi = $('.apply-new-ul').find('li').eq(0);
|
||||
newNameplateId = onlyLi.data('nameplateId');
|
||||
onlyLi.addClass('active')
|
||||
@@ -201,23 +408,23 @@ const delayNamaplateConfirm = (params) => {
|
||||
applyType: params.applyType,
|
||||
text: params.text
|
||||
},
|
||||
success(res){
|
||||
success(res) {
|
||||
hideLoading(layerIndex)
|
||||
if(res.code === 200){
|
||||
toastMsg('申請成功')
|
||||
if (res.code === 200) {
|
||||
toastMsg(langReplace(localLang.demoModule.text12))
|
||||
$('.shade-mask-delay').hide()
|
||||
$('body').css('overflow', 'auto')
|
||||
delayLock = false
|
||||
setTimeout(()=>{
|
||||
setTimeout(() => {
|
||||
location.reload()
|
||||
}, 500)
|
||||
}else{
|
||||
} else {
|
||||
toastMsg(res.message)
|
||||
}
|
||||
},
|
||||
error(){
|
||||
error() {
|
||||
hideLoading(layerIndex);
|
||||
toastMsg('網絡錯誤')
|
||||
toastMsg(langReplace(localLang.demoModule.layerIndex3))
|
||||
}
|
||||
})
|
||||
}
|
||||
@@ -236,180 +443,26 @@ const applyNewNamaplateConfirm = (params) => {
|
||||
applyType: params.applyType,
|
||||
text: params.text
|
||||
},
|
||||
success(res){
|
||||
success(res) {
|
||||
hideLoading(layerIndex)
|
||||
if(res.code === 200){
|
||||
toastMsg('申請成功')
|
||||
if (res.code === 200) {
|
||||
toastMsg(langReplace(localLang.demoModule.text12))
|
||||
$('.shade-mask-new').hide()
|
||||
$('body').css('overflow', 'auto')
|
||||
newApplyLock = false
|
||||
setTimeout(()=>{
|
||||
newApplyLock = false
|
||||
setTimeout(() => {
|
||||
location.reload()
|
||||
}, 500)
|
||||
}else{
|
||||
newApplyLock = false
|
||||
} else {
|
||||
newApplyLock = false
|
||||
toastMsg(res.message)
|
||||
}
|
||||
},
|
||||
error(){
|
||||
error() {
|
||||
hideLoading(layerIndex);
|
||||
toastMsg('網絡錯誤,請退出重進')
|
||||
toastMsg(langReplace(localLang.demoModule.layerIndex3))
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
$(function () {
|
||||
getInfoFromClient()
|
||||
setTimeout( () => {
|
||||
getUserNameplateInfo()
|
||||
}, 50)
|
||||
|
||||
if (browser.app) {
|
||||
_hmt.push(['_trackEvent', 'client', 'click', "act_nameplate"]);
|
||||
}
|
||||
|
||||
// 點擊申請記錄按鈕
|
||||
$('.record').on('click', function(){
|
||||
window.location.href = './record.html'
|
||||
})
|
||||
|
||||
// 關閉彈窗
|
||||
$('.shade-mask .close').on('click', () => {
|
||||
$('.shade-mask').hide()
|
||||
$('body').css('overflow', 'auto')
|
||||
})
|
||||
$('.shade-mask-delay .close').on('click', () => {
|
||||
$('.shade-mask-delay').hide()
|
||||
$('body').css('overflow', 'auto')
|
||||
})
|
||||
$('.shade-mask-new .close').on('click', () => {
|
||||
$('.shade-mask-new').hide()
|
||||
$('body').css('overflow', 'auto')
|
||||
newNameplateId = ''
|
||||
$(this).find('input').val('')
|
||||
})
|
||||
|
||||
let maxApplyDay, nameplateId, type, text
|
||||
// 監聽 延長期限 按鈕點擊事件
|
||||
$('.select-ul').on('click', '.delay-btn', function() {
|
||||
let li = $(this).parent();
|
||||
let src = li.find('.nameplate img').attr('src');
|
||||
let desc = li.find('.nameplate span').html();
|
||||
maxApplyDay = li.data('applyDay');
|
||||
nameplateId = li.data('nameplateId');
|
||||
type = li.data('type');
|
||||
text = li.data('text');
|
||||
|
||||
$('.shade-mask-delay .nameplate-style img').attr('src', src);
|
||||
$('.shade-mask-delay .nameplate-style p span').html(desc);
|
||||
$('.shade-mask-delay .delay-time p span').html(maxApplyDay);
|
||||
|
||||
$('.shade-mask-delay').show().siblings('.shade-mask, .shade-mask-new').hide()
|
||||
})
|
||||
|
||||
// 延期彈窗 點擊減按鈕
|
||||
$('.shade-mask-delay').on('click', '.decrease', function(){
|
||||
let applyDay = parseInt( $(this).parent().find('span').html() );
|
||||
if(applyDay > 7){
|
||||
applyDay -= 7;
|
||||
}else{
|
||||
toastMsg('銘牌至少申請7天')
|
||||
}
|
||||
$('.shade-mask-delay .delay-time p span').html(applyDay);
|
||||
})
|
||||
//延期彈窗 點擊加按鈕
|
||||
$('.shade-mask-delay').on('click', '.increase', function(){
|
||||
let applyDay = parseInt( $(this).parent().find('span').html() );
|
||||
if(applyDay >= maxApplyDay){
|
||||
toastMsg('已達最大申請時長')
|
||||
}else{
|
||||
applyDay += 7;
|
||||
}
|
||||
$('.shade-mask-delay .delay-time p span').html(applyDay);
|
||||
})
|
||||
// 監聽申請延期確定按鈕點擊事件
|
||||
$('.shade-mask-delay').on('click', '.apply-btn', function(){
|
||||
// applyType 1申請新銘牌,2延長
|
||||
if(!delayLock){
|
||||
delayLock = true
|
||||
let params = {
|
||||
type,
|
||||
nameplateId,
|
||||
applyDay: parseInt( $(this).parent().find('.delay-time div p span').html() ),
|
||||
applyType: 2,
|
||||
text
|
||||
};
|
||||
delayNamaplateConfirm(params)
|
||||
}
|
||||
})
|
||||
|
||||
/************************* ******************************/
|
||||
|
||||
// 監聽 申請新銘牌 按鈕點擊事件
|
||||
$('.shade-mask').on('click', '.apply-btn', function(){
|
||||
let type = $(this).parent().find('.select-ul li').eq(0).data('type');
|
||||
getNewNameplateList(type)
|
||||
})
|
||||
|
||||
// 申請新銘牌彈窗 點擊減按鈕
|
||||
$('.shade-mask-new').on('click', '.decrease', function(){
|
||||
let applyDay = parseInt( $(this).parent().find('span').html() );
|
||||
if(applyDay > 7){
|
||||
applyDay -= 7;
|
||||
}else{
|
||||
toastMsg('銘牌至少申請7天')
|
||||
}
|
||||
$('.shade-mask-new .delay-time p span').html(applyDay);
|
||||
})
|
||||
// 申請新銘牌彈窗 點擊加按鈕
|
||||
$('.shade-mask-new').on('click', '.increase', function(){
|
||||
let applyDay = parseInt( $(this).parent().find('span').html() );
|
||||
let maxApplyDay = parseInt( $(this).parent().parent().parent().find('.apply-new-ul li').eq(0).data('applyDay') );
|
||||
if(applyDay >= maxApplyDay){
|
||||
toastMsg('已達最大申請時長')
|
||||
}else{
|
||||
applyDay += 7;
|
||||
}
|
||||
$('.shade-mask-new .delay-time p span').html(applyDay);
|
||||
})
|
||||
|
||||
// 申請新銘牌彈窗 點擊銘牌列錶事件
|
||||
$('.shade-mask-new').on('click', 'li', function(){
|
||||
$(this).addClass('active').siblings('li').removeClass('active');
|
||||
newNameplateId = $(this).data('nameplateId');
|
||||
})
|
||||
|
||||
// 申請新銘牌彈窗 確定申請 按鈕點擊事件
|
||||
$('.shade-mask-new').on('click', '.apply-btn', function(){
|
||||
let content = $(this).parent();
|
||||
let ipt = content.find('input.new-nameplate-desc').val()
|
||||
if(!newNameplateId){
|
||||
toastMsg('請選擇樣式');
|
||||
return
|
||||
}
|
||||
if(!ipt){
|
||||
toastMsg('請添加銘牌文字');
|
||||
return
|
||||
}else{
|
||||
if(ipt.length !== 4){
|
||||
toastMsg('請添加4個字的銘牌文字');
|
||||
return
|
||||
}
|
||||
}
|
||||
|
||||
// applyType 1申請新銘牌,2延長
|
||||
if(!newApplyLock){
|
||||
newApplyLock = true
|
||||
let params = {
|
||||
applyType: 1,
|
||||
nameplateId: newNameplateId,
|
||||
text: ipt,
|
||||
type: parseInt( content.find('ul.apply-new-ul li').eq(0).data('type') ),
|
||||
applyDay: parseInt( content.find('.delay-time div p span').html() )
|
||||
}
|
||||
applyNewNamaplateConfirm(params)
|
||||
}
|
||||
})
|
||||
|
||||
});
|
||||
|
||||
|
@@ -1,9 +1,11 @@
|
||||
let urlPrefix = getUrlPrefix();
|
||||
if (EnvCheck() === 'test') new VConsole
|
||||
|
||||
// 封装layer消息提醒框
|
||||
let layerIndex
|
||||
const showLoading = (content = '加載中...') => {
|
||||
// 封裝layer消息提醒框
|
||||
let layerIndex;
|
||||
var langReplace;
|
||||
var localLang;
|
||||
const showLoading = (content = langReplace(localLang.demoModule.layerIndex1)) => {
|
||||
layer.open({
|
||||
type: 2,
|
||||
shadeClose: false,
|
||||
@@ -16,7 +18,7 @@ const showLoading = (content = '加載中...') => {
|
||||
const hideLoading = (index) => {
|
||||
layer.close(index)
|
||||
}
|
||||
const toastMsg = (content = '操作完成', time = 2) => {
|
||||
const toastMsg = (content = langReplace(localLang.demoModule.layerIndex2), time = 2) => {
|
||||
layer.open({
|
||||
content,
|
||||
time,
|
||||
@@ -40,53 +42,52 @@ const getUserApplyRecord = () => {
|
||||
pageNumber,
|
||||
pageSize
|
||||
},
|
||||
success(res){
|
||||
success(res) {
|
||||
hideLoading(layerIndex)
|
||||
if(res.code === 200){
|
||||
if(!res.data.length){
|
||||
if (res.code === 200) {
|
||||
if (!res.data.length) {
|
||||
$('.max').hide()
|
||||
}else{
|
||||
} else {
|
||||
$('.no-record-wrap').hide()
|
||||
}
|
||||
|
||||
if(res.data.length === pageSize){
|
||||
if (res.data.length === pageSize) {
|
||||
// 能够继续请求下一页
|
||||
canNext = true
|
||||
}else{
|
||||
} else {
|
||||
canNext = false
|
||||
}
|
||||
recordList.push(...res.data)
|
||||
renderRecord()
|
||||
isLock = true
|
||||
}else{
|
||||
toastMsg(res.message)
|
||||
} else {
|
||||
toastMsg(res.message)
|
||||
}
|
||||
},
|
||||
error(){
|
||||
},
|
||||
error() {
|
||||
hideLoading(layerIndex);
|
||||
toastMsg('網絡錯誤')
|
||||
}
|
||||
toastMsg(langReplace(localLang.demoModule.layerIndex3))
|
||||
}
|
||||
})
|
||||
}
|
||||
// 渲染申请记录
|
||||
const renderRecord = () => {
|
||||
let str = '';
|
||||
recordList.map( item => {
|
||||
recordList.map(item => {
|
||||
str += `
|
||||
<li>
|
||||
<div class="nameplate-style"><img src="${item.iconPic}" alt=""></div>
|
||||
<div class="nameplate-desc-wrap">
|
||||
<span class="nameplate-desc">${item.text}</span>
|
||||
<p>
|
||||
<span>${item.applyType === 1 ? '申请' : '延长'}${item.applyDay}天</span>
|
||||
<span>${item.applyType === 1 ? langReplace(localLang.demoModule.text16) : langReplace(localLang.demoModule.text17)}${item.applyDay}${langReplace(localLang.demoModule.text3)}</span>
|
||||
<span>${dateFormat(item.createTime, "yyyy-MM-dd")}</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="isPass">
|
||||
<p class='${item.auditType === 1 ? 'not-pass' : ''}'>${item.auditType === 0 ? '申请中' : (item.auditType === 1 ? '不通过' : '已通过')}</p>
|
||||
${
|
||||
item.remark ? (item.remark.length > 8 ? `<p class="result">${item.remark.slice(0, 8) + '...'}</p>` : `<p class="result">${item.remark}</p>`) : ''
|
||||
}
|
||||
<p class='${item.auditType === 1 ? 'not-pass' : ''}'>${item.auditType === 0 ? langReplace(localLang.demoModule.text18) : (item.auditType === 1 ? langReplace(localLang.demoModule.text19) : langReplace(localLang.demoModule.text20))}</p>
|
||||
${item.remark ? (item.remark.length > 8 ? `<p class="result">${item.remark.slice(0, 8) + '...'}</p>` : `<p class="result">${item.remark}</p>`) : ''
|
||||
}
|
||||
|
||||
</div>
|
||||
</li>
|
||||
@@ -95,21 +96,32 @@ const renderRecord = () => {
|
||||
$('.max').html(str)
|
||||
}
|
||||
|
||||
$(function(){
|
||||
$(function () {
|
||||
getInfoFromClient()
|
||||
setTimeout( () => {
|
||||
fuzzyMatchUpdateQueryStringParameterFun(); // 判断语言
|
||||
setTimeout(() => {
|
||||
langReplace = window.lang.replace;
|
||||
localLang = window.lang;
|
||||
fuzzyMatchUpdateQueryStringParameterFun(); // 判断语言
|
||||
translateFun();
|
||||
getUserApplyRecord()
|
||||
}, 50)
|
||||
function translateFun() {
|
||||
var langReplace = window.lang.replace;
|
||||
var localLang = window.lang;
|
||||
$('.text14').text(langReplace(localLang.demoModule.text14));
|
||||
$('.text15').text(langReplace(localLang.demoModule.text15));
|
||||
}
|
||||
|
||||
// 监听滚动
|
||||
$('ul').scroll(function(){
|
||||
$('ul').scroll(function () {
|
||||
let scrollTop = $(this).scrollTop()
|
||||
let scrollHeight = $('ul')[0].scrollHeight
|
||||
let ulHeight = $(this).innerHeight()
|
||||
if(scrollTop + ulHeight + 100 >= scrollHeight){
|
||||
if(isLock){
|
||||
if (scrollTop + ulHeight + 100 >= scrollHeight) {
|
||||
if (isLock) {
|
||||
// 请求下一页
|
||||
if(canNext){
|
||||
if (canNext) {
|
||||
getUserApplyRecord(pageNumber++)
|
||||
isLock = false
|
||||
}
|
||||
|
40
view/molistar/activity/act-nameplate/local/ar.js
Normal file
@@ -0,0 +1,40 @@
|
||||
// 阿拉伯
|
||||
langAr = {
|
||||
// 模块
|
||||
demoModule: {
|
||||
layerIndex1: `التحميل...`,
|
||||
layerIndex2: `اكتمال العملية`,
|
||||
layerIndex3: `خطأ في الشبكة`,
|
||||
max: `background:url("./images/max-ar.png") no-repeat;background-size:100% 100%;`,
|
||||
img4: `background-image: url(./images/new-bg-ar.png);`,
|
||||
img44: `background-image: url(./images/select-bg-ar.png);`,
|
||||
img5: `background: url('./images/apply-new-ar.png') no-repeat 0 0/100% 100%;`,
|
||||
img2: `./images/disabled-btn-ar.png`,
|
||||
img3: `./images/apply-btn-basics-ar.png`,
|
||||
img6: `./images/record-ar.png`,
|
||||
img7: `./images/delay-btn-ar.png`,
|
||||
title_t: `مخصص`,
|
||||
text1: `نمط اللوحة:`,
|
||||
text2: `مدة التطبيق:`,
|
||||
text3: `أيام`,
|
||||
text4: `نص اللوحة:`,
|
||||
text5: `الرجاء إدخال...`,
|
||||
text55: `13`,
|
||||
text6: `يجب تطبيق اللوحة لمدة 7 أيام على الأقل`,
|
||||
text7: `تم بلوغ أقصى مدة للتطبيق`,
|
||||
text8: `يرجى اختيار نمط`,
|
||||
text9: `يرجى إضافة نص اللوحة`,
|
||||
text10: `يرجى إضافة نص اللوحة من 4 أحرف`,
|
||||
text11: `لا توجد لوحات متاحة حالياً`,
|
||||
text12: `تم التطبيق بنجاح`,
|
||||
text13: 'متبقٍ',
|
||||
text14: 'سجل الطلبات',
|
||||
text15: 'لا توجد سجلات للطلبات',
|
||||
text16: 'تقديم الطلب',
|
||||
text17: 'تمديد',
|
||||
text18: 'قيد الطلب',
|
||||
text19: 'لم يتم القبول',
|
||||
text20: 'تم القبول'
|
||||
}
|
||||
|
||||
}
|
40
view/molistar/activity/act-nameplate/local/en.js
Normal file
@@ -0,0 +1,40 @@
|
||||
// 英文
|
||||
langEn = {
|
||||
// 模块
|
||||
demoModule: {
|
||||
layerIndex1: `Loading...`,
|
||||
layerIndex2: `Operation completed`,
|
||||
layerIndex3: `Network error`,
|
||||
max: `background:url("./images/max-en.png") no-repeat;background-size:100% 100%;`,
|
||||
img4: `background-image: url(./images/new-bg-en.png);`,
|
||||
img44: `background-image: url(./images/select-bg-en.png);`,
|
||||
img5: `background: url('./images/apply-new-en.png') no-repeat 0 0/100% 100%;`,
|
||||
img2: `./images/disabled-btn-en.png`,
|
||||
img3: `./images/apply-btn-basics-en.png`,
|
||||
img6: `./images/record-en.png`,
|
||||
img7: `./images/delay-btn-en.png`,
|
||||
title_t: `Customized`,
|
||||
text1: `Style: `,
|
||||
text2: `Duration: `,
|
||||
text3: `days`,
|
||||
text4: `Text: `,
|
||||
text5: `please enter...`,
|
||||
text55: `13`,
|
||||
text6: `Minimum 7 days required`,
|
||||
text7: `Maximum duration reached`,
|
||||
text8: `Select a style`,
|
||||
text9: `Add text`,
|
||||
text10: `Add 4 characters of text`,
|
||||
text11: `No nameplates available`,
|
||||
text12: `Successful`,
|
||||
text13: 'Remaining',
|
||||
text14: 'Application Records',
|
||||
text15: 'No Application Records',
|
||||
text16: 'Apply',
|
||||
text17: 'Extend',
|
||||
text18: 'In Progress',
|
||||
text19: 'Rejected',
|
||||
text20: 'Approved',
|
||||
}
|
||||
|
||||
}
|
39
view/molistar/activity/act-nameplate/local/zh.js
Normal file
@@ -0,0 +1,39 @@
|
||||
// 中文
|
||||
langZh = {
|
||||
// 模塊
|
||||
demoModule: {
|
||||
layerIndex1: `加載中...`,
|
||||
layerIndex2: `操作完成`,
|
||||
layerIndex3: `網路錯誤`,
|
||||
max: `background:url("./images/max.png") no-repeat;background-size:100% 100%;`,
|
||||
img4: `background-image: url(./images/new-bg.png);`,
|
||||
img44: `background-image: url(./images/select-bg.png);`,
|
||||
img5: `background: url('./images/apply-new.png') no-repeat 0 0/100% 100%;`,
|
||||
img2: `./images/disabled-btn.png`,
|
||||
img3: `./images/apply-btn-basics.png`,
|
||||
img6: `./images/record.png`,
|
||||
img7: `./images/delay-btn.png`,
|
||||
title_t: `私人訂製`,
|
||||
text1: `銘牌樣式:`,
|
||||
text2: `申請時長:`,
|
||||
text3: `天`,
|
||||
text4: `銘牌文字:`,
|
||||
text5: `請輸入4個字`,
|
||||
text55: `4`,
|
||||
text6: `銘牌至少申請7天`,
|
||||
text7: `已達最大申請時長`,
|
||||
text8: `請選擇樣式`,
|
||||
text9: `請添加銘牌文字`,
|
||||
text10: `請添加4個字的銘牌文字`,
|
||||
text11: `暫時沒有銘牌可申請`,
|
||||
text12: `申請成功`,
|
||||
text13: `剩余`,
|
||||
text14: `申请记录`,
|
||||
text15: `暂无申请记录`,
|
||||
text16: `申请`,
|
||||
text17: `延长`,
|
||||
text18: `申请中`,
|
||||
text19: `不通过`,
|
||||
text20: `已通过`,
|
||||
}
|
||||
}
|
@@ -9,7 +9,8 @@
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
|
||||
<meta name="viewport"
|
||||
content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no, viewport-fit=cover" />
|
||||
<title>申请记录</title>
|
||||
<title class="text14"></title>
|
||||
<!-- 申请记录 -->
|
||||
|
||||
<link rel="stylesheet" href="../../common/css/reset.css">
|
||||
<link rel="stylesheet" href="./css/record.css">
|
||||
@@ -23,13 +24,17 @@
|
||||
</ul>
|
||||
<div class="no-record-wrap">
|
||||
<img src="./images/default.png" alt="">
|
||||
<span>暂无申请记录</span>
|
||||
<span class="text15"></span>
|
||||
</div>
|
||||
<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="./local/en.js"></script>
|
||||
<script src="./local/zh.js"></script>
|
||||
<script src="./local/ar.js"></script>
|
||||
<script src="./js/record.js"></script>
|
||||
<script src="../../common/local/langHandler.js"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
853
view/molistar/activity/payAr/css/index.css
Normal file
@@ -0,0 +1,853 @@
|
||||
html,
|
||||
body {
|
||||
width: 100%;
|
||||
background: #33004B;
|
||||
}
|
||||
|
||||
.back {
|
||||
width: 100%;
|
||||
height: 0.58667rem;
|
||||
line-height: 0.58667rem;
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 0.93333rem;
|
||||
text-align: center;
|
||||
color: #FFFFFF;
|
||||
font-size: 0.50667rem;
|
||||
font-weight: bold;
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
.back img {
|
||||
width: 0.58667rem;
|
||||
height: 0.58667rem;
|
||||
position: absolute;
|
||||
left: 0.24rem;
|
||||
top: 0rem;
|
||||
}
|
||||
|
||||
.header {
|
||||
width: 10rem;
|
||||
height: 11.97333rem;
|
||||
background: url(../images/header.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
position: relative;
|
||||
margin: 0 auto 0;
|
||||
}
|
||||
|
||||
.header .records_icon {
|
||||
width: 1.96rem;
|
||||
height: 0.74667rem;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 7.89333rem;
|
||||
}
|
||||
|
||||
.header .rule_icon {
|
||||
width: 1.96rem;
|
||||
height: 0.74667rem;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 8.77333rem;
|
||||
}
|
||||
|
||||
.box1 {
|
||||
position: relative;
|
||||
width: 10rem;
|
||||
height: 7.42667rem;
|
||||
margin: -2rem auto 0;
|
||||
background: url(../images/box1.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.box1 .box1_gift {
|
||||
width: 7.85333rem;
|
||||
height: 2.34667rem;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: 2.61333rem;
|
||||
}
|
||||
|
||||
.box1 .but {
|
||||
width: 2.16rem;
|
||||
height: 0.69333rem;
|
||||
position: absolute;
|
||||
top: 5.38667rem;
|
||||
background: url(../images/befoBut.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.box1 .but1 {
|
||||
left: 1.22667rem;
|
||||
}
|
||||
|
||||
.box1 .but2 {
|
||||
left: 3.90667rem;
|
||||
}
|
||||
|
||||
.box1 .but3 {
|
||||
left: 6.69333rem;
|
||||
}
|
||||
|
||||
.box1 .act {
|
||||
background: url(../images/butAct.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.box1 .actOut {
|
||||
background: url(../images/but.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.box1 .query_icon {
|
||||
width: 0.61333rem;
|
||||
height: 0.61333rem;
|
||||
position: absolute;
|
||||
top: 0.89333rem;
|
||||
right: 2.92rem;
|
||||
}
|
||||
|
||||
.box1 .text {
|
||||
width: 2.16rem;
|
||||
height: 0.4rem;
|
||||
line-height: 0.4rem;
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
top: 4.9rem;
|
||||
color: #fff;
|
||||
font-size: 0.24rem;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.box1 .text b {
|
||||
color: #FEFD6E;
|
||||
}
|
||||
|
||||
.box1 .text1 {
|
||||
left: 1.22667rem;
|
||||
}
|
||||
|
||||
.box1 .text2 {
|
||||
left: 3.90667rem;
|
||||
}
|
||||
|
||||
.box1 .text3 {
|
||||
left: 6.69333rem;
|
||||
}
|
||||
|
||||
.content {
|
||||
width: 10rem;
|
||||
height: 57.04rem;
|
||||
background: url(../images/boxBg.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
position: relative;
|
||||
margin: 0 auto 0.26667rem;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.content .time {
|
||||
height: 0.94667rem;
|
||||
line-height: 0.94667rem;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
color: #FBF13A;
|
||||
font-size: 0.32rem;
|
||||
margin: 1.98667rem auto 0.54667rem;
|
||||
}
|
||||
|
||||
.content .time span {
|
||||
display: inline-block;
|
||||
width: 0.72rem;
|
||||
text-align: center;
|
||||
height: 0.94667rem;
|
||||
line-height: 0.94667rem;
|
||||
background: url(../images/timeBg.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.content .content1 {
|
||||
width: 8.46667rem;
|
||||
height: 7.41333rem;
|
||||
background: url(../images/content1.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
margin: 0 auto 0;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.content .content1 h3 {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
color: #FEFD6E;
|
||||
font-size: 0.37333rem;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0.58667rem;
|
||||
}
|
||||
|
||||
.content .content1 .content1_gift {
|
||||
width: 7.62667rem;
|
||||
height: 2.4rem;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: 1.56rem;
|
||||
}
|
||||
|
||||
.content .content1 .but {
|
||||
width: 2.97333rem;
|
||||
height: 0.89333rem;
|
||||
background: url(../images/bigBefoBut.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: 5.89333rem;
|
||||
}
|
||||
|
||||
.content .content1 .act {
|
||||
background: url(../images/bigButAct.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.content .content1 .actOut {
|
||||
background: url(../images/bigBut.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.content .content1 .text {
|
||||
width: 2.16rem;
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
top: 4.08rem;
|
||||
color: #FEFD6E;
|
||||
font-size: 0.26667rem;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.content .content1 .text1 {
|
||||
left: 0.50667rem;
|
||||
}
|
||||
|
||||
.content .content1 .text2 {
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
|
||||
.content .content1 .text3 {
|
||||
right: 0.6rem;
|
||||
}
|
||||
|
||||
.content .content1 .schedule {
|
||||
color: #fff;
|
||||
font-size: 0.26667rem;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 4.93333rem;
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.content .content1 .schedule b {
|
||||
color: #FEFD6E;
|
||||
}
|
||||
|
||||
.content .content2 {
|
||||
width: 8.46667rem;
|
||||
height: 9.77333rem;
|
||||
background: url(../images/content2.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
margin: 0 auto 0;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.content .content2 h3 {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
color: #FEFD6E;
|
||||
font-size: 0.37333rem;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0.58667rem;
|
||||
}
|
||||
|
||||
.content .content2 .content2_gift {
|
||||
width: 5.53333rem;
|
||||
height: 5.48rem;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: 1.42667rem;
|
||||
}
|
||||
|
||||
.content .content2 .but {
|
||||
width: 2.97333rem;
|
||||
height: 0.89333rem;
|
||||
background: url(../images/bigBefoBut.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: 8.3rem;
|
||||
}
|
||||
|
||||
.content .content2 .act {
|
||||
background: url(../images/bigButAct.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.content .content2 .actOut {
|
||||
background: url(../images/bigBut.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.content .content2 .text {
|
||||
width: 2.16rem;
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
top: 3.98667rem;
|
||||
color: #FEFD6E;
|
||||
font-size: 0.26667rem;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.content .content2 .text1 {
|
||||
left: 1.48rem;
|
||||
}
|
||||
|
||||
.content .content2 .text2 {
|
||||
right: 1.48rem;
|
||||
}
|
||||
|
||||
.content .content2 .text3 {
|
||||
top: 7.05333rem;
|
||||
left: 1.48rem;
|
||||
}
|
||||
|
||||
.content .content2 .text4 {
|
||||
top: 7.05333rem;
|
||||
right: 1.9rem;
|
||||
}
|
||||
|
||||
.content .content2 .schedule {
|
||||
color: #fff;
|
||||
font-size: 0.26667rem;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 7.69333rem;
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.content .content2 .schedule b {
|
||||
color: #FEFD6E;
|
||||
}
|
||||
|
||||
.content .content3 {
|
||||
width: 8.46667rem;
|
||||
height: 9.77333rem;
|
||||
background: url(../images/content3.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
margin: 0 auto 0;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.content .content3 h3 {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
color: #FEFD6E;
|
||||
font-size: 0.37333rem;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0.58667rem;
|
||||
}
|
||||
|
||||
.content .content3 .content3_gift {
|
||||
width: 7.52rem;
|
||||
height: 5.48rem;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: 1.42667rem;
|
||||
}
|
||||
|
||||
.content .content3 .but {
|
||||
width: 2.97333rem;
|
||||
height: 0.89333rem;
|
||||
background: url(../images/bigBefoBut.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: 8.3rem;
|
||||
}
|
||||
|
||||
.content .content3 .act {
|
||||
background: url(../images/bigButAct.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.content .content3 .actOut {
|
||||
background: url(../images/bigBut.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.content .content3 .text {
|
||||
width: 2.16rem;
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
top: 3.98667rem;
|
||||
color: #FEFD6E;
|
||||
font-size: 0.26667rem;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.content .content3 .text1 {
|
||||
left: 0.65333rem;
|
||||
}
|
||||
|
||||
.content .content3 .text2 {
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
|
||||
.content .content3 .text3 {
|
||||
right: 0.65333rem;
|
||||
}
|
||||
|
||||
.content .content3 .text4 {
|
||||
top: 7.05333rem;
|
||||
left: 0.4rem;
|
||||
}
|
||||
|
||||
.content .content3 .text5 {
|
||||
top: 7.05333rem;
|
||||
left: 48%;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
|
||||
.content .content3 .text6 {
|
||||
top: 7.05333rem;
|
||||
right: 0.73333rem;
|
||||
}
|
||||
|
||||
.content .content3 .text6 b {
|
||||
text-align: right;
|
||||
position: absolute;
|
||||
right: -0.1rem;
|
||||
}
|
||||
|
||||
.content .content3 .schedule {
|
||||
color: #fff;
|
||||
font-size: 0.26667rem;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 7.8rem;
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.content .content3 .schedule b {
|
||||
color: #FEFD6E;
|
||||
}
|
||||
|
||||
.content .content4 {
|
||||
width: 8.46667rem;
|
||||
height: 12.78667rem;
|
||||
background: url(../images/content4.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
margin: 0 auto 0;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.content .content4 h3 {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
color: #FEFD6E;
|
||||
font-size: 0.37333rem;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0.58667rem;
|
||||
}
|
||||
|
||||
.content .content4 .content4_gift {
|
||||
width: 7.66667rem;
|
||||
height: 8.85333rem;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: 1.42667rem;
|
||||
}
|
||||
|
||||
.content .content4 .but {
|
||||
width: 2.97333rem;
|
||||
height: 0.89333rem;
|
||||
background: url(../images/bigBefoBut.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: 11.4rem;
|
||||
}
|
||||
|
||||
.content .content4 .act {
|
||||
background: url(../images/bigButAct.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.content .content4 .actOut {
|
||||
background: url(../images/bigBut.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.content .content4 .text {
|
||||
width: 2.16rem;
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
top: 3.98667rem;
|
||||
color: #FEFD6E;
|
||||
font-size: 0.26667rem;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.content .content4 .text1 {
|
||||
left: 0.65333rem;
|
||||
}
|
||||
|
||||
.content .content4 .text2 {
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
|
||||
.content .content4 .text3 {
|
||||
right: 0.65333rem;
|
||||
}
|
||||
|
||||
.content .content4 .text4 {
|
||||
top: 7.2rem;
|
||||
left: 0.65333rem;
|
||||
}
|
||||
|
||||
.content .content4 .text5 {
|
||||
top: 7.2rem;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
|
||||
.content .content4 .text6 {
|
||||
top: 7.2rem;
|
||||
right: 0.93333rem;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.content .content4 .text7 {
|
||||
top: 10.4rem;
|
||||
left: 1.4rem;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.content .content4 .text7 b {
|
||||
text-align: right;
|
||||
position: absolute;
|
||||
right: -0;
|
||||
}
|
||||
|
||||
.content .content4 .text8 {
|
||||
top: 10.4rem;
|
||||
right: 2rem;
|
||||
}
|
||||
|
||||
.content .content4 .schedule {
|
||||
color: #fff;
|
||||
font-size: 0.26667rem;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 10.93333rem;
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.content .content4 .schedule b {
|
||||
color: #FEFD6E;
|
||||
}
|
||||
|
||||
.content .content5 {
|
||||
width: 8.46667rem;
|
||||
height: 12.78667rem;
|
||||
background: url(../images/content4.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
margin: 0 auto 0;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.content .content5 h3 {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
color: #FEFD6E;
|
||||
font-size: 0.37333rem;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0.58667rem;
|
||||
}
|
||||
|
||||
.content .content5 .content5_gift {
|
||||
width: 7.66667rem;
|
||||
height: 8.85333rem;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: 1.42667rem;
|
||||
}
|
||||
|
||||
.content .content5 .but {
|
||||
width: 2.97333rem;
|
||||
height: 0.89333rem;
|
||||
background: url(../images/bigBefoBut.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: 11.4rem;
|
||||
}
|
||||
|
||||
.content .content5 .act {
|
||||
background: url(../images/bigButAct.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.content .content5 .actOut {
|
||||
background: url(../images/bigBut.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.content .content5 .act {
|
||||
background: url(../images/bigButAct.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.content .content5 .text {
|
||||
width: 2.16rem;
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
top: 3.98667rem;
|
||||
color: #FEFD6E;
|
||||
font-size: 0.26667rem;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.content .content5 .text1 {
|
||||
left: 0.65333rem;
|
||||
}
|
||||
|
||||
.content .content5 .text2 {
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
|
||||
.content .content5 .text3 {
|
||||
right: 0.65333rem;
|
||||
}
|
||||
|
||||
.content .content5 .text4 {
|
||||
top: 7.2rem;
|
||||
left: 0.65333rem;
|
||||
}
|
||||
|
||||
.content .content5 .text5 {
|
||||
top: 7.2rem;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
|
||||
.content .content5 .text6 {
|
||||
top: 7.2rem;
|
||||
right: 0.93333rem;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.content .content5 .text7 {
|
||||
top: 10.4rem;
|
||||
left: 1.4rem;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.content .content5 .text7 b {
|
||||
text-align: right;
|
||||
position: absolute;
|
||||
right: -0rem;
|
||||
}
|
||||
|
||||
.content .content5 .text8 {
|
||||
top: 10.4rem;
|
||||
right: 2rem;
|
||||
}
|
||||
|
||||
.content .content5 .schedule {
|
||||
color: #fff;
|
||||
font-size: 0.26667rem;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 10.93333rem;
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.content .content5 .schedule b {
|
||||
color: #FEFD6E;
|
||||
}
|
||||
|
||||
.dayPub {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
background: rgba(0, 0, 0, 0.6);
|
||||
z-index: 99;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.dayPub .dayPub_in {
|
||||
width: 7.65333rem;
|
||||
height: 9.16rem;
|
||||
background: url(../images/dayPub.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
}
|
||||
|
||||
.dayPub .dayPub_in .close {
|
||||
width: 0.5rem;
|
||||
height: 0.5rem;
|
||||
position: absolute;
|
||||
top: 0.1rem;
|
||||
right: 0.1rem;
|
||||
}
|
||||
|
||||
.rulePub {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
background: rgba(0, 0, 0, 0.6);
|
||||
z-index: 99;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.rulePub .rulePub_in {
|
||||
width: 7.65333rem;
|
||||
height: 9.16rem;
|
||||
background: url(../images/rulePub.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
}
|
||||
|
||||
.rulePub .rulePub_in .close {
|
||||
width: 0.5rem;
|
||||
height: 0.5rem;
|
||||
position: absolute;
|
||||
top: 0.1rem;
|
||||
right: 0.1rem;
|
||||
}
|
||||
|
||||
.not_records {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
background: rgba(0, 0, 0, 0.6);
|
||||
z-index: 99;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.not_records .not_records_in {
|
||||
width: 7.65333rem;
|
||||
height: 7.97333rem;
|
||||
background: url(../images/not_records.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
}
|
||||
|
||||
.not_records .not_records_in .close {
|
||||
width: 0.6rem;
|
||||
height: 0.5rem;
|
||||
position: absolute;
|
||||
top: 0.2rem;
|
||||
right: 0rem;
|
||||
}
|
||||
|
||||
.records {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
background: rgba(0, 0, 0, 0.6);
|
||||
z-index: 99;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.records .records_in {
|
||||
width: 7.65333rem;
|
||||
height: 7.97333rem;
|
||||
background: url(../images/records.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.records .records_in .close {
|
||||
width: 0.53333rem;
|
||||
height: 0.53333rem;
|
||||
position: absolute;
|
||||
top: 0rem;
|
||||
right: 0rem;
|
||||
}
|
||||
|
||||
.records .records_in .title {
|
||||
width: 5.06667rem;
|
||||
text-align: center;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
color: #fff;
|
||||
font-size: 0.38667rem;
|
||||
margin: 1.88rem auto 0.52rem;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.records .records_in .title div {
|
||||
width: 1.6rem;
|
||||
}
|
||||
|
||||
.records .records_in ul {
|
||||
width: 5.06667rem;
|
||||
height: 4.5rem;
|
||||
overflow-y: scroll;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.records .records_in ul::-webkit-scrollbar {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.records .records_in ul li {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin-bottom: 0.30667rem;
|
||||
color: #fff;
|
||||
font-size: 0.32rem;
|
||||
font-weight: bold;
|
||||
}
|