Compare commits

...

23 Commits

Author SHA1 Message Date
Dragon
c6398e1541 修改版本跳转条件 2023-09-25 18:34:54 +08:00
Dragon
d70aa29d6b 新增账单 2023-09-25 18:01:59 +08:00
Dragon
5bbc1e5c68 新增跳转动态类型 2023-09-25 16:40:35 +08:00
Dragon
f4acb25b48 新增版本跳转 2023-09-25 14:50:09 +08:00
Dragon
a0abbaf6e9 兑换机弹窗修改展示 2023-09-22 17:42:57 +08:00
Dragon
f41196c38d 新增中秋活动 2023-09-22 11:31:31 +08:00
Dragon
5af361287b 修改跳转链接 2023-09-21 17:13:24 +08:00
Dragon
8a8da3d3d2 兼容自定义短链 2023-09-21 16:29:57 +08:00
Dragon
deab819661 修复传参错误问题 2023-09-21 15:21:42 +08:00
Dragon
6e41101c36 兼容服务端重定向 2023-09-21 15:13:01 +08:00
Dragon
2808897418 修复语法错误 2023-09-21 14:36:41 +08:00
Dragon
d4d9d9e2af 新增短链统计 2023-09-21 10:22:36 +08:00
Dragon
3e8e6a7c9a 修复寻爱榜单 2023-09-18 11:02:31 +08:00
Dragon
32d8084ca6 修改官网地址 2023-09-14 10:19:17 +08:00
Dragon
f325a561a2 修改官网用作审核 2023-09-13 16:15:06 +08:00
Dragon
827b3540f2 新增审核专用官网 2023-09-13 14:23:06 +08:00
Dragon
adbb636997 修改官网,新增隐私政策og:image 2023-09-13 11:35:56 +08:00
Dragon
038ecdb00e 修改引入路径 2023-09-08 16:42:11 +08:00
Dragon
48e06b9843 修改文件夹名 2023-09-08 16:39:22 +08:00
Dragon
b67250373b 修改短链结构 2023-09-08 16:19:11 +08:00
Dragon
5c9b2de593 新增本地引入文件 2023-09-08 15:44:41 +08:00
Dragon
c424185f21 更改跳转路径 2023-09-08 15:07:43 +08:00
Dragon
4e0551c03c 新增短链页面 2023-09-08 14:33:16 +08:00
173 changed files with 12334 additions and 5355 deletions

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long

Binary file not shown.

After

Width:  |  Height:  |  Size: 23 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 23 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 167 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 27 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 413 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 96 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 28 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 23 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 11 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 144 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 30 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 21 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 33 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 193 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 120 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 115 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 87 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 96 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 146 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 13 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 23 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 175 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 172 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 58 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 79 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 14 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 31 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 29 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 27 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 47 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 530 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 17 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 34 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 31 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 20 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 19 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 16 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 16 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 54 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 56 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 19 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 40 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 377 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 40 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 362 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 22 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 58 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 35 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 24 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 21 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 31 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 36 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 26 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 486 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 432 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 37 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 25 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 26 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 27 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 24 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 19 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 18 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 17 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 18 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 38 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 11 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 13 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.0 KiB

View File

@@ -0,0 +1,321 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<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/gift1.png" alt="">
</div>
<div class="swiper-slide">
<img src="./images/gift2.png" alt="">
</div>
</div>
</div>
</div>
<!-- tab -->
<div class="tab">
<div class="tab1 tab_active1"></div>
<div class="tab2"></div>
</div>
<!-- 頁面1 -->
<div class="page1">
<!-- 玩法切換 -->
<div class="play1">
<!-- tab切換 -->
<div class="playBox">
<div class="stab">
<div></div>
<div></div>
<div></div>
</div>
<img src="./images/h2Title.png" alt="" class="h2Title">
<img src="./images/dividerecords.png" alt="" class="dividerecords">
<div class="dosBg">
<img src="./images/h3Title.png" alt="" class="h3Title">
<b>0</b>
<p><span class="span1">00</span><span class="span2">00</span><span class="span3">00</span></p>
</div>
</div>
<div class="bRuleBg">
<img src="./images/guafenBut2.png" alt="" class="guafenBut">
<img src="./images/goSengBut.png" alt="" class="goSengBut">
</div>
</div>
<div class="play2">
<div class="playBox2">
<div class="stab stab2">
<div></div>
<div></div>
<div></div>
</div>
<img src="./images/play2Text.png" alt="" class="play2Text">
<div class="task">
<p class="moonSecurities">我的月餅劵0</p>
<img src="./images/dayTask.png" alt="" class="dayTask">
<img src="./images/foeTask.png" alt="" class="foeTask">
<div class="taksli taks1">
<p>登錄活動頁(0/1)</p>
<img src="./images/taskBut.png" alt="" class="but">
</div>
<div class="taksli taks2">
<p>發佈#中秋快樂#話題的動態(0/1)</p>
<img src="./images/taskBut.png" alt="" class="but">
</div>
<div class="taksli taks3">
<p>
每參與10次尋愛獲得月餅劵*1<br>
<b>今日已獲得 0 張</b>
</p>
<img src="./images/taskBut.png" alt="" class="but">
</div>
<div class="taksli taks4">
<p>
每送出中秋限定禮物滿1000鑽獲得月餅券*1<br>
<b>今日已獲得 0 張</b>
</p>
<img src="./images/taskBut.png" alt="" class="but">
</div>
<!-- <div class="taksli taks5">
<p>
活動期間每送出100鉆中秋限定禮物可獲得月餅券*1<br>
<b>今日已獲得 0 張</b>
</p>
<img src="./images/taskBut.png" alt="" class="but">
</div> -->
</div>
</div>
</div>
<div class="play3">
<div class="draw">
<!-- 切換 -->
<div class="stab stab3">
<div></div>
<div></div>
<div></div>
</div>
<!-- 我的月餅券 -->
<div class="moom">我的月餅券00</div>
<!-- 兌換記錄 -->
<img src="./images/dhjl.png" alt="" class="dhjl">
<!-- 兌換機 -->
<div class="drawBg">
<div class="drawBox">
<div class="drawBoxAll">
<img src="./images/box1.png" alt="" class="box1">
<img src="./images/box1.png" alt="" class="box1">
</div>
</div>
</div>
<!-- 抽一次 -->
<img src="./images/1.png" alt="" class="but1">
<!-- 抽十次 -->
<img src="./images/10.png" alt="" class="but10">
</div>
<!-- 兌換獎池 -->
<div class="drawBoxBg">
<div class="swiper">
<div class="swiper-wrapper">
<div class="swiper-slide">
<img src="./images/drawBoxBg1.png" alt="">
</div>
<div class="swiper-slide">
<img src="./images/drawBoxBg2.png" alt="">
</div>
</div>
</div>
</div>
</div>
</div>
<!-- 頁面2 -->
<div class="page2">
<div class="listBox">
<!-- 規則 -->
<img src="./images/listRule_icon.png" alt="" class="listRule_icon">
<!-- 榜單切換 -->
<div class="listTab">
<div class="listTab1 listTab_active1"></div>
<div class="listTab2"></div>
</div>
<!-- 日榜總榜切換 -->
<div class="dayTab">
<div class="day1 day_active1"></div>
<div class="day2"></div>
</div>
<!-- 文案介紹 -->
<img src="./images/listText1.png" alt="" class="listText">
<!-- 日期 -->
<div class="time">
<div class="active"></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
</div>
<!-- 前三 -->
<div class="noBg">
<div class="no1">
<img src="./images/no1.png" alt="" class="txBg">
<img src="./images/logo.png" alt="" class="tx">
<p>虛位以待</p>
<b>思慕值0</b>
</div>
<div class="no2">
<img src="./images/no2.png" alt="" class="txBg">
<img src="./images/logo.png" alt="" class="tx">
<p>虛位以待</p>
<b>思慕值0</b>
</div>
<div class="no3">
<img src="./images/no3.png" alt="" class="txBg">
<img src="./images/logo.png" alt="" class="tx">
<p>虛位以待</p>
<b>思慕值0</b>
</div>
</div>
<!-- 前三底座 -->
<img src="./images/noBgB.png" alt="" class="noBgB">
<!-- 非前三 -->
<div class="ul">
<ul>
<li>
<div class="num">12</div>
<img src="./images/txBg.png" alt="" class="txBg">
<img src="./images/logo.png" alt="" class="tx">
<div class="name">虛位以待</div>
<div class="sore">思慕值0</div>
</li>
</ul>
</div>
<!-- 自己榜單 -->
<div class="my">
<div class="num">未上榜</div>
<img src="./images/txBg.png" alt="" class="txBg">
<img src="./images/logo.png" alt="" class="tx">
<div class="name">虛位以待</div>
<div class="sore">思慕值0</div>
</div>
</div>
</div>
<!-- 規則彈窗 -->
<div class="rule">
<div class="rule_in">
<div>
<img src="./images/rule.png" alt="">
</div>
</div>
</div>
<!-- 瓜分記錄 -->
<div class="dividerecordsBg">
<div class="dividerecordsBg_in">
<div class="title">
<div>瓜分時間</div>
<div>獲得獎勵</div>
</div>
<div class="ul">
<div class="list">
<span>
2023/09/09<br>
23:23:23
</span>
<p>666鉆</p>
</div>
</div>
</div>
</div>
<!-- 兌換記錄 -->
<div class="duihuanBg">
<div class="dividerecordsBg_in">
<div class="title">
<div>兌換時間</div>
<div>獲得獎勵</div>
</div>
<div class="ul">
<div class="list">
<span>
2023/09/09<br>
23:23:23
</span>
<p>禮物名稱X1</p>
</div>
</div>
</div>
</div>
<!-- 瓜分彈窗 -->
<div class="carveup">
<div class="carveup_in">
<img src="./images/box.png" alt="" class="box">
<p>鉆石0個</p>
</div>
</div>
<!-- 思慕規則彈窗 -->
<div class="listrule1">
<div class="listrule1_in">
<div class="box">
<img src="./images/listrule1_in.png" alt="">
</div>
</div>
</div>
<!-- 寄情規則彈窗 -->
<div class="listrule2">
<div class="listrule2_in">
<div class="box">
<img src="./images/listrule2_in.png" alt="">
</div>
</div>
</div>
<!-- 兌換機彈窗 -->
<div class="exchange">
<div class="box">
<div class="h2">恭喜妳獲得</div>
<div class="h3">領取後自動獲取獎勵</div>
<img src="./images/exchangeBut.png" alt="" class="but">
<ul>
<li>
<img class="type3" src="http://image.dev.nnbc123.cn/Fuf1v1Z4usigj82HvlyCfG2sAGWw?imageslim" alt="">
<b>x1</b>
<p>禮物昵稱1天</p>
</li>
</ul>
</div>
</div>
<!-- 活動結束彈窗 -->
<div class="endActivity">
<div class="endActivity_in">
<img src="./images/endActivitybut.png" alt="" class="but">
</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/svga.min.js"></script>
<script src="./js/swiper-bundle.min.js"></script>
<script src="../../common/js/route-constant.js"></script>
<script src="./js/wow.js"></script>
<script src="./js/index.js"></script>

View File

@@ -0,0 +1,713 @@
let urlPrefix = getUrlPrefix()
let browser = checkVersion()
let env = EnvCheck();
if (env == 'test') {
new VConsole();
}
// 封裝layer消息提醒框
let layerIndex
const showLoading = (content = '加載中...') => {
layer.open({
type: 2,
shadeClose: false,
content,
success (e) {
layerIndex = $(e).attr('index')
}
})
}
const hideLoading = (index) => {
layer.close(index)
}
const toastMsg = (content = '操作完成', time = 2) => {
layer.open({
content,
time,
skin: 'msg'
})
}
var curDate; //當天日期;
var rankType = 1; //排行榜類型1=送禮日榜2=送禮總榜3=收禮日榜4=收禮總榜);
var type = 'a';//a:送禮b:收禮;
var type2 = 'a';//a:日榜b:總榜;
var data = null;//默認日榜;
var roomUid = null;//房間uid;
var isEndTime = false;
var moonCakeNum = 0;//我的
var page = 1;//抽獎頁碼
var drawPageSizeLack = true;//抽獎鎖
var drawLock = true;//控制抽獎鎖
var dynamicWorldId;//話題id
var timeOut2;//時間戳存儲器
var leftTime;//倒計時暫存
// 初始化函數
$(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();
getConfig();
getRecommendRoom();
jackpotConfig();
}, 100)
})
// 獲取月餅券接口
function getDrawConfig () {
showLoading()
networkRequest({
type: 'GEt',
url: urlPrefix + '/act/2023MidAutumn/draw/getConfig',
success (res) {
if (res.code === 200) {
moonCakeNum = res.data.moonCakeNum;
$('.page1 .play2 .playBox2 .task .moonSecurities').text(`我的月餅劵:${moonCakeNum}`);
$('.page1 .play3 .draw .moom').text(`我的月餅券:${moonCakeNum}`);
} else {
toastMsg(res.message)
}
hideLoading(layerIndex)
},
error (err) {
hideLoading(layerIndex)
toastMsg('網絡錯誤,請退出重進')
}
})
}
// 獲取房間Uid接口
function getRecommendRoom () {
showLoading()
networkRequest({
type: 'GEt',
url: urlPrefix + '/home/tab/home/one',
success (res) {
if (res.code === 200) {
roomUid = res.data;
} else {
toastMsg(res.message)
}
hideLoading(layerIndex)
},
error (err) {
hideLoading(layerIndex)
toastMsg('網絡錯誤,請退出重進')
}
})
}
// 獲取瓜分接口
function jackpotConfig () {
showLoading()
networkRequest({
type: 'GEt',
url: urlPrefix + '/act/2023MidAutumn/jackpot/getConfig',
success (res) {
if (res.code === 200) {
// 處理瓜分按鈕狀態
$('.page1 .play1 .bRuleBg .guafenBut').attr('src', res.data.allotStatus == 0 ? './images/guafenBut2.png' : res.data.allotStatus == 1 ? './images/guafenBut.png' : './images/guafenBut3.png')
if (res.data.allotStatus == 1) {
$('.page1 .play1 .bRuleBg .guafenBut').attr('click', 1);
}
// 設置當前獎池數量
$('.page1 .play1 .playBox .dosBg b').text(res.data.jackpotDiamonds);
// 設置倒計時
leftTime = res.data.jackpotEndTime - res.timestamp;
if (leftTime >= 0) {
countup();
} else {
$('.page1 .play1 .playBox .dosBg p').html(`<span class="span1">00</span>時<span class="span2">00</span>分<span class="span3">00</span>秒`)
}
} else {
toastMsg(res.message)
}
hideLoading(layerIndex)
},
error (err) {
hideLoading(layerIndex)
toastMsg('網絡錯誤,請退出重進')
}
})
}
// 倒計時
function countup () {
clearTimeout(timeOut2)
//獲取當前時間
var d = 0;
var h = 0;
var m = 0;
var s = 0;
//定義變量 d,h,m,s保存倒計時的時間
var d, h, m, s;
if (leftTime >= 0) {
d = getzf(Math.floor(leftTime / 1000 / 60 / 60 / 24));
h = getzf(Math.floor(leftTime / 1000 / 60 / 60 % 24));
m = getzf(Math.floor(leftTime / 1000 / 60 % 60));
s = getzf(Math.floor(leftTime / 1000 % 60));
//將倒計時賦值到div中
$('.page1 .play1 .playBox .dosBg p .span1').text(h)
$('.page1 .play1 .playBox .dosBg p .span2').text(m)
$('.page1 .play1 .playBox .dosBg p .span3').text(s)
leftTime = leftTime - 1000;
//遞歸每秒調⽤countTime⽅法顯⽰動態時間效果
} else {
location.reload();
return
}
timeOut2 = setTimeout(countup, 1000);
}
//補0操作
function getzf (num) {
if (parseInt(num) < 10) {
num = '0' + num;
}
return num;
}
// 獲取首頁任務接口
function getConfig () {
showLoading()
networkRequest({
type: 'GEt',
url: urlPrefix + '/act/2023MidAutumn/task/getConfig',
success (res) {
if (res.code === 200) {
// 設置話題id
dynamicWorldId = res.data.worldId;
// 判斷活動結束時間
if (res.timestamp > res.data.endTime) {
isEndTime = true;
$('.endActivity').show();
}
// 我的月餅券
moonCakeNum = res.data.moonCakeNum;
$('.page1 .play2 .playBox2 .task .moonSecurities').text(`我的月餅劵:${moonCakeNum}`);
$('.page1 .play3 .draw .moom').text(`我的月餅券:${moonCakeNum}`);
// 處理每日任務狀態
res.data.dailyTaskList.forEach((res, i) => {
$(`.page1 .play2 .playBox2 .task .taks${i + 1} .but`).attr('src', res.btnStatus == 1 ? './images/taskBut2.png' : './images/taskBut.png');
$(`.page1 .play2 .playBox2 .task .taks${i + 1} .but`).attr('click', res.btnStatus == 0 ? '0' : '1');
if (i == 0) {
$(`.page1 .play2 .playBox2 .task .taks${i + 1} p`).text(`登錄活動頁(${res.cur}/${res.need})`);
}
if (i == 1) {
$(`.page1 .play2 .playBox2 .task .taks${i + 1} p`).text(`發佈#中秋快樂#話題的動態(${res.cur}/${res.need})`);
}
})
// 處理循環任務狀態
res.data.loopTaskList.forEach((res, i) => {
$(`.page1 .play2 .playBox2 .task .taks${i + 3} .but`).attr('src', res.btnStatus == 1 ? './images/taskBut2.png' : './images/taskBut.png');
$(`.page1 .play2 .playBox2 .task .taks${i + 3} p b`).text(`今日已獲得 ${res.loop}`)
})
} else {
toastMsg(res.message)
}
hideLoading(layerIndex)
},
error (err) {
hideLoading(layerIndex)
toastMsg('網絡錯誤,請退出重進')
}
})
}
// 獲取榜單接口
function getRank (rankType, date) {
$('.page2 .listBox .ul ul li').remove();
showLoading()
networkRequest({
type: 'GEt',
url: urlPrefix + '/act/2023MidAutumn/rank/getRank',
data: { rankType, date },
success (res) {
if (res.code === 200) {
// 設置當天日期
curDate = res.data.curDate;
// 處理日期
if (res.data.dateList) {
res.data.dateList.forEach((res, i) => {
$('.page2 .listBox .time div').eq(i).text(`${res[6]}.${res[8]}${res[9]}`);
$('.page2 .listBox .time div').eq(i).attr('data', res);
if (res == curDate && date == null) {
$('.page2 .listBox .time div').removeClass('active')
$('.page2 .listBox .time div').eq(i).addClass('active');
}
})
}
// 處理自己榜單
$('.page2 .listBox .my .tx').attr('src', res.data.meRank.avatar);
$('.page2 .listBox .my .num').text(res.data.meRank.ranking == 0 ? '未上榜' : res.data.meRank.ranking);
$('.page2 .listBox .my .name').text(res.data.meRank.nick);
$('.page2 .listBox .my .sore').text(`${rankType == 1 || rankType == 2 ? "思慕值:" : "寄情值:"}${unitProcessing(res.data.meRank.score, 10000, 1, 'w')}`);
// 處理前三
var top3 = res.data.rankList.slice(0, 3);
var notTop3 = res.data.rankList.slice(3);
// 處理前傘三
if (top3.length < 3) {
let arr = new Array(3 - top3.length).fill({
avatar: './images/logo.png',
nick: '虛位以待',
score: "0"
})
top3.push(...arr)
}
top3.forEach((res, index) => {
$(`.page2 .listBox .noBg .no${index + 1} .tx`).attr('src', res.avatar);
$(`.page2 .listBox .noBg .no${index + 1} p`).text(res.nick);
$(`.page2 .listBox .noBg .no${index + 1} b`).text(`${rankType == 1 || rankType == 2 ? "思慕值:" : "寄情值:"}${unitProcessing(res.score, 10000, 1, 'w')}`);
})
// 非前三
var str = '';
notTop3.forEach((res, i) => {
str += `
<li>
<div class="num">${res.ranking}</div>
<img src="./images/txBg.png" alt="" class="txBg">
<img src="${res.avatar}" alt="" class="tx">
<div class="name">${res.nick}</div>
<div class="sore">${rankType == 1 || rankType == 2 ? "思慕值:" : "寄情值:"}${unitProcessing(res.score, 10000, 1, 'w')}</div>
</li>
`
})
$('.page2 .listBox .ul ul').append(str);
} else {
toastMsg(res.message)
}
hideLoading(layerIndex)
},
error (err) {
hideLoading(layerIndex)
toastMsg('網絡錯誤,請退出重進')
}
})
}
// 送禮和收禮榜單切換
$('.page2 .listBox .listTab div').click(function () {
var i = $(this).index() + 1;
$('.page2 .listBox .listTab div').removeClass('listTab_active1').removeClass('listTab_active2');
$(this).addClass(`listTab_active${i}`);
$('.page2 .listBox .listText').attr('src', `./images/listText${i}.png`)
if (i == 1) {
type = 'a';
rankType = type2 == "a" ? 1 : 2;
getRank(rankType);
} else {
type = 'b';
rankType = type2 == "a" ? 3 : 4;
getRank(rankType);
}
})
// 日榜總榜切換
$('.page2 .listBox .dayTab div').click(function () {
var i = $(this).index() + 1;
$('.page2 .listBox .dayTab div').removeClass('day_active1').removeClass('day_active2');
$(this).addClass(`day_active${i}`);
if (i == 1) {
$('.page2 .listBox .time').show()
type2 = 'a';
rankType = type == "a" ? 1 : 3;
getRank(rankType);
} else {
$('.page2 .listBox .time').hide()
type2 = 'b';
rankType = type == "a" ? 2 : 4;
getRank(rankType);
}
})
// 日榜切換日期
$('.page2 .listBox .time div').click(function () {
var datas = $(this).attr('data');
$(this).addClass('active').siblings().removeClass('active');
rankType = type == "a" ? 1 : 3;//排行榜類型1=甜蜜日榜2=甜蜜總榜3=愛意日榜4=愛意總榜)
data = datas;
getRank(rankType, data);
})
// 查看規則邏輯
$('.page2 .listBox .listRule_icon').click(function () {
if (rankType == 1 || rankType == 2) {
$('.listrule1 .listrule1_in .box img').attr('src', './images/listrule1_in.png');
$('.listrule1').show();
bodyScroolFun(true);
} else {
$('.listrule2 .listrule2_in .box img').attr('src', './images/listrule2_in.png');
$('.listrule2').show();
bodyScroolFun(true);
}
})
// TAB玩法&榜單tab切換
$('.tab div').click(function () {
var i = $(this).index() + 1;
if (i == 2) {
getRank(rankType, data);
} else {
if (isEndTime) {
toastMsg('活動已結束~')
return
}
}
$(this).addClass(`tab_active${i}`).siblings().removeClass('tab_active1').removeClass('tab_active2')
$('.page1').hide();
$('.page2').hide();
$(`.page${i}`).show();
})
// 禮物輪播
function swiperFun () {
var mySwiper = new Swiper('.swiper', {
// direction: "vertical",
loop: true,
autoplay: {
delay: 3500,//
disableOnInteraction: false
}
})
}
// 月餅玩法切換
$('.stab div').click(function () {
var i = $(this).index() + 1;
$('.play1').hide();
$('.play2').hide();
$('.play3').hide();
$(`.play${i}`).show();
if (i == 1) {
jackpotConfig();
}
if (i == 3) {
getDrawConfig();
}
})
// 抽一次兌換機
$('.page1 .play3 .draw .but1').click(function () {
if (moonCakeNum <= 0) {
toastMsg('月餅券不足,請參加任務獲取~');
return
}
if (drawLock) {
drawLock = false;
draw(1);
}
})
// 抽全部兌換機
$('.page1 .play3 .draw .but10').click(function () {
if (moonCakeNum <= 0) {
toastMsg('月餅券不足,請參加任務獲取~');
return
}
if (drawLock) {
drawLock = false;
draw(null);
}
})
// 抽獎接口
function draw (num) {
$('.exchange .box ul li').remove();
showLoading()
networkRequest({
type: 'GEt',
url: urlPrefix + '/act/2023MidAutumn/draw/draw',
data: { num },
success (res) {
if (res.code === 200) {
var str = '';
// 1頭飾2銘牌3氣泡4座駕5禮物
res.data.forEach(res => {
str += `
<li>
<img class="${res.type == 1 ? 'type1' : res.type == 2 ? 'type2' : res.type == 3 ? 'type3' : res.type == 4 ? 'type4' : res.type == 5 ? 'type5' : ''}" src="${res.pic}" alt="">
<b>x${res.num}</b>
<p>${res.name}</p>
</li>
`})
$('.exchange .box ul').append(str);
letGo(res.data[0].seq - 1);
getDrawConfig();
} else {
drawLock = true;
toastMsg(res.message)
}
hideLoading(layerIndex)
},
error (err) {
drawLock = true;
hideLoading(layerIndex)
toastMsg('網絡錯誤,請退出重進')
}
})
}
// 兌換機滑動初始化
var valRem = [];
for (let index = 0; index < 11; index++) {
valRem[index] = `-${2.2666666667 * (index)}rem`
}
// 兌換機滑動
function letGo (res) {
$(".page1 .play3 .draw .drawBg .drawBox .drawBoxAll").css({ "top": "0rem" });
var val = valRem[res];
$(".page1 .play3 .draw .drawBg .drawBox .drawBoxAll").animate({ "top": "0rem" }, 0, "linear", function () {
$(this).animate({ "top": valRem[valRem.length - 1] }, 1300, "linear", function () {
$(this).animate({ "top": val }, 0, "linear", function () {
$('.exchange').show();
bodyScroolFun(true);
drawLock = true;
});
});
});
}
// 打開規則彈窗
$('.header .rule_icon').click(function () {
$('.rule').show();
bodyScroolFun(true);
})
// 關閉規則彈窗
$('.rule').click(function () {
$('.rule').hide();
bodyScroolFun(false);
})
// 關閉瓜分記錄彈窗
$('.dividerecordsBg').click(function () {
$('.dividerecordsBg').hide();
bodyScroolFun(false);
})
// 打開兌換記錄彈窗
$('.page1 .play3 .draw .dhjl').click(function () {
page = 1;
$('.duihuanBg .dividerecordsBg_in .ul .list').remove();
drawPageRecord(page)
})
// 獲取抽獎記錄
function drawPageRecord (page) {
showLoading()
networkRequest({
type: 'GEt',
url: urlPrefix + '/act/2023MidAutumn/draw/pageRecord',
data: { page, size: 20 },
success (res) {
if (res.code === 200) {
if (res.data.length == 0) {
drawPageSizeLack = false;
hideLoading(layerIndex)
$('.duihuanBg .dividerecordsBg_in .ul').append(str);
$('.duihuanBg').show();
return;
}
var str = '';
res.data.forEach((res, i) => {
str += `
<div class="list">
<span>
${dateFormat(res.createTime, 'yyyy/MM/dd')}<br>
${dateFormat(res.createTime, 'hh:mm:ss')}
</span>
<p>${res.rewardDesc}</p>
</div>
`
})
$('.duihuanBg .dividerecordsBg_in .ul').append(str);
drawPageSizeLack = true;
$('.duihuanBg').show();
bodyScroolFun(true);
} else {
drawPageSizeLack = true;
toastMsg(res.message)
}
hideLoading(layerIndex)
},
error (err) {
drawPageSizeLack = true;
hideLoading(layerIndex)
toastMsg('網絡錯誤,請退出重進')
}
})
}
//檢測抽獎記錄是否到達底部
$(".duihuanBg .dividerecordsBg_in .ul").scroll(function () {
var divHeight = $(this).height();
var nScrollHeight = $(this)[0].scrollHeight;
var nScrollTop = $(this)[0].scrollTop;
if (nScrollTop + divHeight + 50 >= nScrollHeight) {
console.log("到達底部了");
if (drawPageSizeLack) {
drawPageSizeLack = false;
page++;
drawPageRecord(page)
}
}
});
// 打開瓜分記錄彈窗
$('.page1 .play1 .playBox .dividerecords').click(function () {
jackpotListRecord();
})
// 獲取抽獎記錄
function jackpotListRecord (page) {
$('.dividerecordsBg .dividerecordsBg_in .ul .list').remove();
showLoading()
networkRequest({
type: 'GEt',
url: urlPrefix + '/act/2023MidAutumn/jackpot/listRecord',
data: { page, size: 20 },
success (res) {
if (res.code === 200) {
var str = '';
res.data.forEach((res, i) => {
str += `
<div class="list">
<span>
${dateFormat(res.time, 'yyyy/MM/dd')}<br>
${dateFormat(res.time, 'hh:mm:ss')}
</span>
<p>${res.diamonds}鉆</p>
</div>
`
})
$('.dividerecordsBg .dividerecordsBg_in .ul').append(str);
$('.dividerecordsBg').show();
bodyScroolFun(true);
} else {
toastMsg(res.message)
}
hideLoading(layerIndex)
},
error (err) {
hideLoading(layerIndex)
toastMsg('網絡錯誤,請退出重進')
}
})
}
// 關閉兌換記錄彈窗
$('.duihuanBg').click(function () {
$('.duihuanBg').hide();
bodyScroolFun(false);
})
// 打開瓜分彈窗
$('.page1 .play1 .bRuleBg .guafenBut').click(function () {
var bool = $(this).attr('click');
if (bool == 1) {
jackpotAllotJackpot();
}
})
// 瓜分鉆石接口
function jackpotAllotJackpot () {
showLoading()
networkRequest({
type: 'GEt',
url: urlPrefix + '/act/2023MidAutumn/jackpot/allotJackpot',
success (res) {
if (res.code === 200) {
$('.carveup .carveup_in p').text(`鉆石${res.data}`);
$('.carveup').show();
bodyScroolFun(true);
jackpotConfig();
} else {
toastMsg(res.message)
}
hideLoading(layerIndex)
},
error (err) {
hideLoading(layerIndex)
toastMsg('網絡錯誤,請退出重進')
}
})
}
// 關閉瓜分彈窗
$('.carveup').click(function () {
$('.carveup').hide();
bodyScroolFun(false);
})
// 關閉榜單規則彈窗
$('.listrule1,.listrule2').click(function () {
$('.listrule1,.listrule2').hide();
bodyScroolFun(false);
})
// 關閉兌換機彈窗
$('.exchange .box .but').click(function () {
$('.exchange').hide();
bodyScroolFun(false);
})
// 活動結束彈窗
$('.endActivity .endActivity_in .but').click(function () {
$('.tab div').removeClass('tab_active1');
$('.tab div').eq(1).addClass('tab_active2');
$('.page1').hide();
$(`.page2`).show();
$('.endActivity').hide();
bodyScroolFun(false);
getRank(rankType, data);
})
// 去贈送福袋按鈕
$('.page1 .play1 .bRuleBg .goSengBut').click(function () {
if (browser.ios) {
window.webkit.messageHandlers.openRoomForGiftId.postMessage(JSON.stringify({ uid: roomUid, giftId: 0 }))
} else if (browser.android) {
if (androidJsObj && typeof androidJsObj === 'object') {
window.androidJsObj.openRoomForGiftId(roomUid, 0);
}
}
})
// 完成首頁任務按鈕2
$('.page1 .play2 .playBox2 .task .taks2 .but').click(function () {
var bool = $(this).attr('click');
if (bool == 1) {
return;
}
if (browser.android) {
console.log(pubInfo.deviceInfo.appVersion.replace(".", "").replace(".", ""));
if (pubInfo.deviceInfo.appVersion.replace(".", "").replace(".", "") == 200) {
tools.nativeUtils.jumpAppointPage('DONG_TAI', dynamicWorldId);
} else {
toastMsg('請前往論壇發佈話題圖文');
}
} else if (browser.ios) {
console.log(pubInfo.deviceInfo.appVersion.replace(".", "").replace(".", ""));
if (pubInfo.deviceInfo.appVersion.replace(".", "").replace(".", "") >= 20000) {
window.webkit.messageHandlers.jumpAppointPage.postMessage(JSON.stringify({ routerType: 75, routerVal: dynamicWorldId }))
} else {
toastMsg('請前往論壇發佈話題圖文');
}
}
// if (browser.app) {
// if (browser.ios) {
// window.webkit.messageHandlers.jumpAppointPage.postMessage(JSON.stringify({ routerType: 75, routerVal: dynamicWorldId }))
// } else if (browser.android) {
// if (androidJsObj && typeof androidJsObj === 'object') {
// tools.nativeUtils.jumpAppointPage('DONG_TAI', dynamicWorldId);
// }
// }
// } else {
// toastMsg('請在app內打開')
// }
})
// 完成首頁循環任務按鈕
$('.page1 .play2 .playBox2 .task .taks3 .but,.page1 .play2 .playBox2 .task .taks4 .but,.page1 .play2 .playBox2 .task .taks5 .but').click(function () {
if (browser.ios) {
window.webkit.messageHandlers.openRoomForGiftId.postMessage(JSON.stringify({ uid: roomUid, giftId: 0 }))
} else if (browser.android) {
if (androidJsObj && typeof androidJsObj === 'object') {
window.androidJsObj.openRoomForGiftId(roomUid, 0);
}
}
})
//返回頁面 重新請求接口
var hiddenProperty = 'hidden' in document ? 'hidden' :
'webkitHidden' in document ? 'webkitHidden' :
'mozHidden' in document ? 'mozHidden' : null;
var visibilityChangeEvent = hiddenProperty.replace(/hidden/i, 'visibilitychange');
var onVisibilityChange = function () {
if (!document[hiddenProperty]) {
location.reload()
}
}
document.addEventListener(visibilityChangeEvent, onVisibilityChange);

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1,46 @@
var baba = document.querySelector('body');
baba.addEventListener('click', function (e) {
$('body,html').css({"width":"100%","position": "relative", "overflow": "hidden" });
tianJia(e);
})
var erZi = [];
function tianJia (e) {
var sunZi = document.createElement('div');
sunZi.className = 'rabbit';
sunZi.innerHTML = '<i class="iconfont icon-tuzi"></i>';
// sunZi.innerHTML = '<img src="./images/giftIcon.png" alt="" srcset="">';
baba.appendChild(sunZi);
erZi.push({
el: sunZi,
top: e.pageY - 10,
left: e.pageX - 20,
opacity: 1,
scale: 1,
color: `rgb(${255 * Math.random()},${255 * Math.random()},${255 * Math.random()})`
});
move();
};
function move () {
for (var i = 0; i < erZi.length; i++) {
if (erZi[i].opacity <= 0) {
baba.removeChild(erZi[i].el);
erZi.splice(i, 1);
return;
}
erZi[i].top--;
erZi[i].opacity = erZi[i].opacity - 0.04;
// erZi[i].scale = erZi[i].scale + 0.0001;
erZi[i].el.style.cssText = `
top: ${erZi[i].top}px;
left: ${erZi[i].left + 10}px;
color: ${erZi[i].color};
opacity: ${erZi[i].opacity};
transform: scale(${erZi[i].scale});
position: absolute;
`
}
$('body,html').css({"width":"100%","position": "relative", "overflow": "auto" });
window.requestAnimationFrame(move);
}

View File

@@ -22,5 +22,7 @@ var routeTypeConstant = {
RECOMMEND_CARD_PAGE: 20, //跳转到推荐卡仓库 RECOMMEND_CARD_PAGE: 20, //跳转到推荐卡仓库
TEACHER_PUPIL_PAGE: 28, //跳转到师徒页面入口 TEACHER_PUPIL_PAGE: 28, //跳转到师徒页面入口
WORLD_GROUND_PAGE: 47, //跳转小世界广场 WORLD_GROUND_PAGE: 47, //跳转小世界广场
VOICE_PAGE: 42 //声音瓶子 VOICE_PAGE: 42, //声音瓶子
DONG_SET: 75, //跳转设置
DONG_TAI: 76 //跳转设置
} }

View File

@@ -16,6 +16,7 @@ html {
.m-bg img { .m-bg img {
display: block; display: block;
} }
.homePc { .homePc {
width: 100%; width: 100%;
height: 10rem; height: 10rem;
@@ -57,10 +58,11 @@ html {
left: 2.4rem; left: 2.4rem;
bottom: 1.6rem; bottom: 1.6rem;
} }
.eori { .eori {
width: 100%; width: 100%;
background: #30312C; background: #30312C;
color: rgb(255, 255, 255); color: white;
padding: 0.2rem 0; padding: 0.2rem 0;
vertical-align: top; vertical-align: top;
} }
@@ -80,12 +82,15 @@ html {
body { body {
background-color: #0C0122; background-color: #0C0122;
} }
.pc-bg { .pc-bg {
display: none; display: none;
} }
.m-bg { .m-bg {
display: block; display: block;
} }
.homeM { .homeM {
width: 100%; width: 100%;
height: 14.89rem; height: 14.89rem;
@@ -143,6 +148,7 @@ html {
width: 2.2rem; width: 2.2rem;
height: 0.7rem; height: 0.7rem;
} }
.button-wrapper { .button-wrapper {
display: block; display: block;
position: absolute; position: absolute;
@@ -156,6 +162,7 @@ html {
width: 100%; width: 100%;
height: 100%; height: 100%;
} }
.button2-wrapper { .button2-wrapper {
display: block; display: block;
position: absolute; position: absolute;
@@ -170,9 +177,11 @@ html {
width: 100%; width: 100%;
height: 100%; height: 100%;
} }
.m-button { .m-button {
display: block; display: block;
} }
.text-wrapper { .text-wrapper {
padding-left: 0; padding-left: 0;
width: 90%; width: 90%;
@@ -183,13 +192,14 @@ html {
margin-bottom: 10px; margin-bottom: 10px;
} }
.text-wrapper .text1, .text-wrapper .text1,
.text-wrapper p { .text-wrapper p {
text-align: center; text-align: center;
} }
.eori { .eori {
width: 100%; width: 100%;
background: #30312C; background: #30312C;
color: rgb(255, 255, 255); color: white;
padding: 0.2rem 0; padding: 0.2rem 0;
} }
.eori .recordfoot { .eori .recordfoot {

View File

@@ -211,6 +211,8 @@ html {
color: rgb(255, 255, 255); color: rgb(255, 255, 255);
padding: 0.2rem 0; padding: 0.2rem 0;
vertical-align: top; vertical-align: top;
// position: absolute;
// top: 0.75rem;
// .recordfoot { // .recordfoot {
// color: #fff; // color: #fff;
@@ -393,6 +395,8 @@ html {
background: #30312C; background: #30312C;
color: rgb(255, 255, 255); color: rgb(255, 255, 255);
padding: 0.2rem 0; padding: 0.2rem 0;
// position: absolute;
// top: 0.75rem;
.recordfoot { .recordfoot {
color: #fff; color: #fff;

View File

@@ -82,10 +82,10 @@
<a href="https://beian.miit.gov.cn/#/Integrated/index">粤ICP备2020098441号</a> <a href="https://beian.miit.gov.cn/#/Integrated/index">粤ICP备2020098441号</a>
</div> --> </div> -->
<div class="gongsi"> <div class="gongsi">
<p>Hong Kong Li Zhi Technology Co., Limited</p> <p>Hong Kong Li Zi Technology Co., Limited</p>
<p>香港荔枝科技有限公司</p> <p>香港荔枝科技有限公司</p>
<p>CR No:3040005</p> <p>CR No:3040005 </p>
<p>地址:ROOM1803,18/F,TOWERONE,CHINAHONGKONGCIT</p> <p>地址:FLAT/RM 7022 BLK D 7/F,TAK WING IND BLDG,3 TSUN WEN ROAD,TUEN MUN</p>
</div> </div>
</div> </div>
</div> </div>

View File

@@ -0,0 +1,266 @@
body,
html {
width: 100%;
height: 100%;
font-family: "Heiti SC", "Microsoft Sans Serif";
}
.container {
position: relative;
}
@media screen and (min-width: 769px) {
.m-bg {
display: none;
}
.m-bg img {
display: block;
}
.homePc {
width: 100%;
height: 10rem;
background: url(../images/homePc.png) no-repeat;
background-size: 100% 100%;
position: relative;
}
.homePc .charge {
width: 1.11rem;
height: 0.5rem;
background: rgba(255, 255, 255, 0.2);
border-radius: 0.13rem;
font-size: 0.24rem;
color: #fff;
text-align: center;
line-height: 0.5rem;
position: absolute;
top: 0.16rem;
right: 2.77rem;
}
.homePc .googlePlay {
width: 2.2rem;
height: 0.7rem;
position: absolute;
left: 2.4rem;
bottom: 3.4rem;
}
.homePc .appleStore {
width: 2.2rem;
height: 0.7rem;
position: absolute;
left: 2.4rem;
bottom: 2.5rem;
}
.homePc .apk {
width: 2.2rem;
height: 0.7rem;
position: absolute;
left: 2.4rem;
bottom: 1.6rem;
}
.eori {
width: 100%;
background: #30312C;
color: white;
padding: 0.2rem 0;
vertical-align: top;
position: absolute;
top: 0.75rem;
}
.eori .gongsi {
display: flex;
justify-content: center;
text-align: center;
}
.eori .gongsi p {
font-size: 0.2rem;
}
.eori .gongsi p:nth-child(2) {
margin: 0 0.2rem;
}
}
@media screen and (max-width: 768px) {
body {
background-color: #0C0122;
}
.pc-bg {
display: none;
}
.m-bg {
display: block;
}
.homeM {
width: 100%;
height: 14.89rem;
background: url(../images/homeM.png) no-repeat;
background-size: 100% 100%;
position: relative;
}
.homeM .charge {
width: 1.11rem;
height: 0.5rem;
background: rgba(255, 255, 255, 0.2);
border-radius: 0.13rem;
font-size: 0.24rem;
color: #fff;
text-align: center;
line-height: 0.5rem;
position: absolute;
top: 0.2rem;
right: 0.4rem;
}
.homeM .swiper {
width: 100%;
height: 8.6rem;
position: absolute;
top: 4.8rem;
overflow: hidden;
}
.homeM .swiper .swiper-wrapper {
width: 60%;
height: 100%;
}
.homeM .swiper .swiper-wrapper .swiper-slide img {
width: 100%;
height: 100%;
}
.homeM .swiper .swiper-wrapper .swiper-slide-prev {
width: 100%;
height: 90%;
margin-top: 0.6rem;
}
.homeM .swiper .swiper-wrapper .swiper-slide-next {
width: 100%;
height: 90%;
margin-top: 0.6rem;
}
.homeM .logo {
position: absolute;
bottom: 0.6rem;
left: 0;
width: 100%;
display: flex;
justify-content: space-evenly;
}
.homeM .logo img {
width: 2.2rem;
height: 0.7rem;
}
.button-wrapper {
display: block;
position: absolute;
left: 1.28rem;
top: 17.52rem;
width: 7.4666666667rem;
height: 1.2266666667rem;
}
.button-wrapper a {
display: inline-block;
width: 100%;
height: 100%;
}
.button2-wrapper {
display: block;
position: absolute;
left: 3.0933333333rem;
bottom: 1.7066666667rem;
width: 4rem;
height: 0.8rem;
background: rgba(255, 255, 255, 0);
}
.button2-wrapper a {
display: inline-block;
width: 100%;
height: 100%;
}
.m-button {
display: block;
}
.text-wrapper {
padding-left: 0;
width: 90%;
margin-left: -45%;
padding-top: 108px;
}
.text-wrapper .text .txt1 {
margin-bottom: 10px;
}
.text-wrapper .text1,
.text-wrapper p {
text-align: center;
}
.eori {
width: 100%;
background: #30312C;
color: white;
padding: 0.2rem 0;
position: absolute;
top: 0.75rem;
}
.eori .recordfoot {
color: #fff;
display: flex;
justify-content: center;
align-items: center;
}
.eori .recordfoot .record {
display: inline-block;
padding-right: 0.0533333333rem;
height: 0.3733333333rem;
width: 0.4266666667rem;
background: url(../images/icon_police.png) no-repeat;
}
.eori .gongsi {
display: block;
text-align: center;
}
.eori .gongsi p {
line-height: 1.3;
font-size: 0.2rem;
}
.eori .gongsi p:nth-child(2) {
margin: 0;
}
.eori .tit {
height: 1.6rem;
line-height: 1.6rem;
text-align: center;
font-size: 20px;
}
}
.toast {
background: rgba(0, 0, 0, 0.9);
border-radius: 10px;
width: 100px;
font-size: 16px;
position: fixed;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
color: #fff;
height: 40px;
line-height: 40px;
text-align: center;
display: none;
z-index: 9;
}
.tips {
display: none;
position: fixed;
top: 0;
right: 0.2666666667rem;
width: 6.1333333333rem;
z-index: 9;
}
/*# sourceMappingURL=index.css.map */

View File

@@ -0,0 +1,483 @@
@function px2rem($px, $rem: 75) {
@return $px / $rem+rem;
}
body,
html {
width: 100%;
height: 100%;
font-family: "Heiti SC", "Microsoft Sans Serif";
//overflow: hidden;
}
.container {
position: relative;
}
// .eori {
// // height: 8.7%;
// width: 100%;
// background: #000;
// // color: #D1D1D1;
// position: absolute;
// left: 0;
// padding: px2rem(10, ) 0;
// // p {
// // height: 40px;
// // width: 50%;
// // float: left;
// // text-align: center;
// // line-height: 40px;
// // font-size: 10px;
// // text-align: right;
// // padding-right: 20px;
// // box-sizing: border-box;
// // a {
// // color: #666;
// // }
// // }
// .weixin-name {
// padding-top: px2rem(20);
// }
// .recordfoot {
// width: 100%;
// color: #000;
// text-align: left;
// display: flex;
// justify-content: center;
// align-items: center;
// font-size: 13px;
// margin-bottom: px2rem(6, );
// .record {
// display: inline-block;
// padding-right: px2rem(4);
// width: px2rem(14, );
// height: px2rem(16, );
// background: url(../images/icon_police.png) no-repeat;
// // background: #948aff;
// }
// a {
// color: #fff;
// }
// }
// .gongsi {
// display: flex;
// justify-content: center;
// font-size: 13px;
// color: #fff;
// p {
// &:nth-child(2) {
// margin: 0 14px;
// }
// }
// }
// // div {
// // // height: 30px;
// // width: 100%;
// // text-align: center;
// // // line-height: 30px;
// // font-size: 16px;
// // }
// .tit {
// height: 60px;
// line-height: 60px;
// text-align: center;
// font-size: 20px;
// }
// }
// .footer {
// line-height: 70px;
// text-align: center;
// font-size: 14px;
// color: #fff;
// background: rgba(0, 0, 0, 0.6);
// span {
// margin: 0 6px;
// }
// a {
// color: #fff;
// }
// }
// .button-wrapper {
// cursor: pointer;
// position: absolute;
// left: 68.55%;
// // top: 62.27%;
// top: 68%;
// width: 19.4%;
// height: 6.6%;
// background: rgba(253, 247, 247, 0);
// a {
// display: inline-block;
// width: 100%;
// height: 100%;
// }
// }
// .button2-wrapper {
// cursor: pointer;
// position: absolute;
// left: 45.55%;
// // top: 61.09%;
// top: 67%;
// width: 19.4%;
// height: 7.6%;
// // background: rgba(253, 247, 247, 0);
// a {
// display: inline-block;
// width: 100%;
// height: 100%;
// }
// }
// .button-wrapper,
// .button2-wrapper {
// display: none;
// }
// pc端
@media screen and (min-width:769px) {
.m-bg {
display: none;
img {
display: block;
}
}
.homePc {
width: 100%;
height: 10rem;
background: url(../images/homePc.png) no-repeat;
background-size: 100% 100%;
position: relative;
.charge {
width: 1.11rem;
height: 0.5rem;
background: rgb(255, 255, 255, 0.2);
border-radius: .13rem;
font-size: 0.24rem;
color: #fff;
text-align: center;
line-height: 0.5rem;
position: absolute;
top: 0.16rem;
right: 2.77rem;
}
.googlePlay {
width: 2.2rem;
height: 0.7rem;
position: absolute;
left: 2.4rem;
bottom: 3.4rem;
}
.appleStore {
width: 2.2rem;
height: 0.7rem;
position: absolute;
left: 2.4rem;
bottom: 2.5rem;
}
.apk {
width: 2.2rem;
height: 0.7rem;
position: absolute;
left: 2.4rem;
bottom: 1.6rem;
}
}
.eori {
// height: 1.2rem;
width: 100%;
background: #30312C;
color: rgb(255, 255, 255);
padding: 0.2rem 0;
vertical-align: top;
position: absolute;
top: 0.75rem;
// .recordfoot {
// color: #fff;
// display: flex;
// justify-content: center;
// align-items: center;
// .record {
// display: inline-block;
// padding-right: px2rem(4);
// height: px2rem(28, );
// width: px2rem(32, );
// background: url(../images/icon_police.png) no-repeat;
// }
// }
.gongsi {
display: flex;
justify-content: center;
text-align: center;
p {
font-size: 0.2rem;
&:nth-child(2) {
margin: 0 0.2rem;
}
}
}
}
}
// 移动端
@media screen and (max-width:768px) {
body {
background-color: #0C0122;
}
.pc-bg {
display: none;
}
.m-bg {
display: block;
}
.homeM {
width: 100%;
// width: px2rem(750, );
// height: px2rem(1489, );
// height: 19.88rem;
height: 14.89rem;
background: url(../images/homeM.png) no-repeat;
background-size: 100% 100%;
position: relative;
.charge {
width: 1.11rem;
height: 0.5rem;
background: rgb(255, 255, 255, 0.2);
border-radius: .13rem;
font-size: 0.24rem;
color: #fff;
text-align: center;
line-height: 0.5rem;
position: absolute;
top: 0.2rem;
right: 0.4rem;
// left: 50%;
// transform: translateX(-50%);
}
.swiper {
width: 100%;
height: 8.6rem;
position: absolute;
top: 4.8rem;
overflow: hidden;
.swiper-wrapper {
width: 60%;
height: 100%;
.swiper-slide {
img {
width: 100%;
height: 100%;
}
}
.swiper-slide-prev {
width: 100%;
height: 90%;
margin-top: 0.6rem;
}
.swiper-slide-next {
width: 100%;
height: 90%;
margin-top: 0.6rem;
}
}
}
.logo {
position: absolute;
bottom: 0.6rem;
left: 0;
width: 100%;
display: flex;
justify-content: space-evenly;
img {
width: 2.2rem;
height: 0.7rem;
}
}
}
.button-wrapper {
display: block;
position: absolute;
left: px2rem(96);
top: px2rem(1314);
width: px2rem(560);
height: px2rem(92);
a {
display: inline-block;
width: 100%;
height: 100%;
}
}
.button2-wrapper {
display: block;
position: absolute;
left: px2rem(232);
// top: px2rem(1208);
bottom: px2rem(128);
width: px2rem(300);
height: px2rem(60);
background: rgba(255, 255, 255, 0);
a {
display: inline-block;
width: 100%;
height: 100%;
}
}
.m-button {
display: block;
}
.text-wrapper {
padding-left: 0;
width: 90%;
margin-left: -45%;
padding-top: 108px;
.text {
.txt1 {
margin-bottom: 10px;
}
}
.text1,
p {
text-align: center;
}
}
.eori {
// height: 1.2rem;
width: 100%;
background: #30312C;
color: rgb(255, 255, 255);
padding: 0.2rem 0;
position: absolute;
top: 0.75rem;
.recordfoot {
color: #fff;
display: flex;
justify-content: center;
align-items: center;
.record {
display: inline-block;
padding-right: px2rem(4);
height: px2rem(28, );
width: px2rem(32, );
background: url(../images/icon_police.png) no-repeat;
}
}
.gongsi {
display: block;
text-align: center;
p {
line-height: 1.3;
font-size: 0.2rem;
&:nth-child(2) {
margin: 0;
}
}
}
// div {
// // height: 30px;
// width: 100%;
// text-align: center;
// // line-height: 30px;
// font-size: 14px;
// }
.tit {
height: px2rem(120);
line-height: px2rem(120);
text-align: center;
font-size: 20px;
}
}
}
// @media screen and (max-width:375px) {
// .text-wrapper {
// bottom: 0px;
// }
// .button-wrapper,
// .button-wrapper {
// display: block;
// }
// }
.toast {
background: rgba(0, 0, 0, 0.9);
border-radius: 10px;
width: 100px;
font-size: 16px;
position: fixed;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
color: #fff;
height: 40px;
line-height: 40px;
text-align: center;
display: none;
z-index: 9;
}
.tips {
display: none;
position: fixed;
top: 0;
right: px2rem(20);
width: px2rem(460);
z-index: 9;
}

Some files were not shown because too many files have changed in this diff Show More