Compare commits
1 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
|
0f8d25edb3 |
|
Before Width: | Height: | Size: 8.3 KiB |
|
Before Width: | Height: | Size: 11 KiB |
|
Before Width: | Height: | Size: 2.4 KiB |
|
Before Width: | Height: | Size: 116 KiB |
|
Before Width: | Height: | Size: 71 KiB |
|
Before Width: | Height: | Size: 290 KiB |
|
Before Width: | Height: | Size: 95 KiB |
|
Before Width: | Height: | Size: 59 KiB |
|
Before Width: | Height: | Size: 60 KiB |
|
Before Width: | Height: | Size: 58 KiB |
|
Before Width: | Height: | Size: 55 KiB |
|
Before Width: | Height: | Size: 3.8 KiB |
|
Before Width: | Height: | Size: 2.2 KiB |
|
Before Width: | Height: | Size: 777 KiB |
|
Before Width: | Height: | Size: 777 KiB |
|
Before Width: | Height: | Size: 776 KiB |
|
Before Width: | Height: | Size: 85 KiB |
|
Before Width: | Height: | Size: 2.7 KiB |
|
Before Width: | Height: | Size: 6.8 KiB |
|
Before Width: | Height: | Size: 8.1 KiB |
|
Before Width: | Height: | Size: 327 KiB |
|
Before Width: | Height: | Size: 4.4 KiB |
|
Before Width: | Height: | Size: 4.0 KiB |
|
Before Width: | Height: | Size: 4.3 KiB |
|
Before Width: | Height: | Size: 351 KiB |
|
Before Width: | Height: | Size: 277 KiB |
|
Before Width: | Height: | Size: 17 KiB |
|
Before Width: | Height: | Size: 7.7 KiB |
|
Before Width: | Height: | Size: 10 KiB |
|
Before Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 142 KiB |
|
Before Width: | Height: | Size: 222 KiB |
|
Before Width: | Height: | Size: 66 KiB |
|
Before Width: | Height: | Size: 66 KiB |
|
Before Width: | Height: | Size: 582 KiB |
|
Before Width: | Height: | Size: 586 KiB |
|
Before Width: | Height: | Size: 578 KiB |
|
Before Width: | Height: | Size: 405 KiB |
|
Before Width: | Height: | Size: 402 KiB |
|
Before Width: | Height: | Size: 407 KiB |
|
Before Width: | Height: | Size: 400 KiB |
|
Before Width: | Height: | Size: 398 KiB |
|
Before Width: | Height: | Size: 398 KiB |
|
Before Width: | Height: | Size: 2.0 KiB |
|
Before Width: | Height: | Size: 1.9 KiB |
|
Before Width: | Height: | Size: 810 B |
|
Before Width: | Height: | Size: 30 KiB |
|
Before Width: | Height: | Size: 23 KiB |
|
Before Width: | Height: | Size: 59 KiB |
|
Before Width: | Height: | Size: 60 KiB |
|
Before Width: | Height: | Size: 59 KiB |
@@ -1,308 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title class="text1"></title>
|
||||
<link rel="stylesheet" href="../../common/css/reset.css">
|
||||
<link rel="stylesheet" href="./css/index.css">
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<!-- 頂部返回 -->
|
||||
<div class="back">
|
||||
<img src="./images/travel/back.png" alt="">
|
||||
</div>
|
||||
<!-- 头部 -->
|
||||
<div class="header">
|
||||
<!-- 规则Icon -->
|
||||
<div class="rule_icon text2"></div>
|
||||
<!-- 摩天轮 -->
|
||||
<div id="carousel" class="carousel">
|
||||
<img src="./images/carouselTitle.png" alt="" class="carouselTitle img1">
|
||||
<img src="./images/waiting.png" alt="" class="waiting img2">
|
||||
<div class="carousel_in1">
|
||||
<img src="./images/null.png" alt="" class="tx1">
|
||||
<img src="./images/null.png" alt="" class="tx2">
|
||||
</div>
|
||||
<div class="carousel_in2">
|
||||
<img src="./images/null.png" alt="" class="tx1">
|
||||
<img src="./images/null.png" alt="" class="tx2">
|
||||
</div>
|
||||
<div class="carousel_in3">
|
||||
<img src="./images/null.png" alt="" class="tx1">
|
||||
<img src="./images/null.png" alt="" class="tx2">
|
||||
</div>
|
||||
<div class="carousel_in4">
|
||||
<img src="./images/null.png" alt="" class="tx1">
|
||||
<img src="./images/null.png" alt="" class="tx2">
|
||||
</div>
|
||||
<div class="carousel_in5">
|
||||
<img src="./images/null.png" alt="" class="tx1">
|
||||
<img src="./images/null.png" alt="" class="tx2">
|
||||
</div>
|
||||
<div class="carousel_in6">
|
||||
<img src="./images/null.png" alt="" class="tx1">
|
||||
<img src="./images/null.png" alt="" class="tx2">
|
||||
</div>
|
||||
</div>
|
||||
<!-- 摩天轮底座 -->
|
||||
<img src="./images/carouselBoom.png" alt="" class="carouselBoom">
|
||||
<!-- 倒计时 -->
|
||||
<div class="timeBox">
|
||||
<div class="day">
|
||||
<b>00</b>
|
||||
<span class="text3"></span>
|
||||
</div>
|
||||
<div class="hour">
|
||||
<b>00</b>
|
||||
<span class="text4"></span>
|
||||
</div>
|
||||
<div class="min">
|
||||
<b>00</b>
|
||||
<span class="text5"></span>
|
||||
</div>
|
||||
<div class="sec">
|
||||
<b>00</b>
|
||||
<span class="text6"></span>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 音乐 -->
|
||||
<div class="music">
|
||||
<audio autoplay loop id="musics">
|
||||
<source src="./music/music.mp3" type="audio/mpeg">
|
||||
</audio>
|
||||
</div>
|
||||
<!-- 关闭音乐 -->
|
||||
<img src="./images/notOpen.png" alt="" class="notOpen">
|
||||
</div>
|
||||
<!-- tab -->
|
||||
<div class="tabBox">
|
||||
<div class="text7"></div>
|
||||
<div class="act text8"></div>
|
||||
<div class="text9"></div>
|
||||
</div>
|
||||
<!-- 页面1 -->
|
||||
<div class="page1">
|
||||
<div class="top">
|
||||
<p class="text10"></p>
|
||||
</div>
|
||||
<div class="contentBox">
|
||||
<div class="content">
|
||||
<img src="./images/TimeTitle.png" alt="" class="timeTitle">
|
||||
<div class="times">2024.09.09-2024.09.16</div>
|
||||
<div class="topBox">
|
||||
<div class="top1">
|
||||
<img src="./images/ts1.png" alt="" class="tsL">
|
||||
<img src="./images/ts1.png" alt="" class="tsR">
|
||||
<img src="./images/null.png" alt="" class="txL">
|
||||
<img src="./images/null.png" alt="" class="txR">
|
||||
<div class="nameL">虚位以待</div>
|
||||
<div class="nameR">虚位以待</div>
|
||||
<div class="idL">ID:0</div>
|
||||
<div class="idR">ID:0</div>
|
||||
<div class="sclore"><img src="./images/love.png" alt="">0K</div>
|
||||
</div>
|
||||
<div class="top2">
|
||||
<img src="./images/ts23.png" alt="" class="tsL">
|
||||
<img src="./images/ts23.png" alt="" class="tsR">
|
||||
<img src="./images/null.png" alt="" class="txL">
|
||||
<img src="./images/null.png" alt="" class="txR">
|
||||
<div class="nameL">虚位以待</div>
|
||||
<div class="nameR">虚位以待</div>
|
||||
<div class="idL">ID:0</div>
|
||||
<div class="idR">ID:0</div>
|
||||
<div class="sclore"><img src="./images/love.png" alt="">0K</div>
|
||||
</div>
|
||||
<div class="top3">
|
||||
<img src="./images/ts23.png" alt="" class="tsL">
|
||||
<img src="./images/ts23.png" alt="" class="tsR">
|
||||
<img src="./images/null.png" alt="" class="txL">
|
||||
<img src="./images/null.png" alt="" class="txR">
|
||||
<div class="nameL">虚位以待</div>
|
||||
<div class="nameR">虚位以待</div>
|
||||
<div class="idL">ID:0</div>
|
||||
<div class="idR">ID:0</div>
|
||||
<div class="sclore"><img src="./images/love.png" alt="">0K</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bottom"></div>
|
||||
</div>
|
||||
<!-- 页面2 -->
|
||||
<div class="page2">
|
||||
<div class="top">
|
||||
<p class="text11"></p>
|
||||
</div>
|
||||
<div class="content">
|
||||
<div class="topBox">
|
||||
<div class="top1">
|
||||
<img src="./images/ts1.png" alt="" class="tsL">
|
||||
<img src="./images/ts1.png" alt="" class="tsR">
|
||||
<img src="./images/null.png" alt="" class="txL">
|
||||
<img src="./images/null.png" alt="" class="txR">
|
||||
<div class="nameL">虚位以待</div>
|
||||
<div class="nameR">虚位以待</div>
|
||||
<div class="idL">ID:0</div>
|
||||
<div class="idR">ID:0</div>
|
||||
<div class="sclore"><img src="./images/love.png" alt="">0K</div>
|
||||
</div>
|
||||
<div class="top2">
|
||||
<img src="./images/ts23.png" alt="" class="tsL">
|
||||
<img src="./images/ts23.png" alt="" class="tsR">
|
||||
<img src="./images/null.png" alt="" class="txL">
|
||||
<img src="./images/null.png" alt="" class="txR">
|
||||
<div class="nameL">虚位以待</div>
|
||||
<div class="nameR">虚位以待</div>
|
||||
<div class="idL">ID:0</div>
|
||||
<div class="idR">ID:0</div>
|
||||
<div class="sclore"><img src="./images/love.png" alt="">0K</div>
|
||||
</div>
|
||||
<div class="top3">
|
||||
<img src="./images/ts23.png" alt="" class="tsL">
|
||||
<img src="./images/ts23.png" alt="" class="tsR">
|
||||
<img src="./images/null.png" alt="" class="txL">
|
||||
<img src="./images/null.png" alt="" class="txR">
|
||||
<div class="nameL">虚位以待</div>
|
||||
<div class="nameR">虚位以待</div>
|
||||
<div class="idL">ID:0</div>
|
||||
<div class="idR">ID:0</div>
|
||||
<div class="sclore"><img src="./images/love.png" alt="">0K</div>
|
||||
</div>
|
||||
</div>
|
||||
<ul>
|
||||
<li>
|
||||
<div class="num">4</div>
|
||||
<div class="txL">
|
||||
<img src="./images/null.png" alt="">
|
||||
<p>虚位以待</p>
|
||||
</div>
|
||||
<img src="./images/loves.png" alt="" class="loves">
|
||||
<div class="txR">
|
||||
<img src="./images/null.png" alt="">
|
||||
<p>虚位以待</p>
|
||||
</div>
|
||||
<div class="scores">
|
||||
<img src="./images/love.png" alt="">
|
||||
<span>0K</span>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="more">More</div>
|
||||
</div>
|
||||
<div class="bottom"></div>
|
||||
<div class="my">
|
||||
<div class="num">4</div>
|
||||
<div class="txL">
|
||||
<img src="./images/null.png" alt="">
|
||||
<p>虚位以待</p>
|
||||
</div>
|
||||
<img src="./images/loves.png" alt="" class="loves">
|
||||
<div class="txR">
|
||||
<img src="./images/null.png" alt="">
|
||||
<p>虚位以待</p>
|
||||
</div>
|
||||
<div class="scores">
|
||||
<img src="./images/love.png" alt="">
|
||||
<span>0K</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 页面3 -->
|
||||
<div class="page3">
|
||||
<div class="top">
|
||||
<img src="./images/TimeTitle.png" alt="" class="timeTitle">
|
||||
<div class="title text12"></div>
|
||||
</div>
|
||||
<div class="content">
|
||||
<div class="times text13"></div>
|
||||
<div class="topBox1">
|
||||
<img src="./images/bo.png" alt="" class="bo">
|
||||
<img src="./images/bo.png" alt="" class="bo2">
|
||||
<div class="ts1" id="ts1"></div>
|
||||
</div>
|
||||
<img src="./images/TimeTitle.png" alt="" class="timeTitle">
|
||||
<div class="title text14"></div>
|
||||
<div class="times text15"></div>
|
||||
<div class="topBox2">
|
||||
<img src="./images/bo.png" alt="" class="bo">
|
||||
<img src="./images/bo.png" alt="" class="bo2">
|
||||
<div class="ts2" id="ts2"></div>
|
||||
</div>
|
||||
<img src="./images/TimeTitle.png" alt="" class="timeTitle">
|
||||
<div class="title text16"></div>
|
||||
<div class="times text17"></div>
|
||||
<div class="topBox3">
|
||||
<img src="./images/bo.png" alt="" class="bo">
|
||||
<img src="./images/bo.png" alt="" class="bo2">
|
||||
<div class="ts3" id="ts3"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bottom"></div>
|
||||
</div>
|
||||
<!-- 规则 -->
|
||||
<div class="rule">
|
||||
<div class="ruleIn">
|
||||
<img src="./images/close.png" alt="" class="close">
|
||||
<div class="title text18"></div>
|
||||
<div class="texts text19">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- mp4 -->
|
||||
<div class="zjvideo1">
|
||||
<video id="zjvideo1" controls playsinline webkit-playsinline>
|
||||
<source src="./mp4/zj1.mp4" type="video/mp4">
|
||||
</video>
|
||||
<img src="./images/close.png" alt="" class="close">
|
||||
</div>
|
||||
<div class="xzvideo1">
|
||||
<video id="xzvideo1" controls playsinline webkit-playsinline>
|
||||
<source src="./mp4/xz1.mp4" type="video/mp4">
|
||||
</video>
|
||||
<img src="./images/close.png" alt="" class="close">
|
||||
</div>
|
||||
<div class="zjvideo2">
|
||||
<video id="zjvideo2" controls playsinline webkit-playsinline>
|
||||
<source src="./mp4/zj23.mp4" type="video/mp4">
|
||||
</video>
|
||||
<img src="./images/close.png" alt="" class="close">
|
||||
</div>
|
||||
<div class="xzvideo2">
|
||||
<video id="xzvideo2" controls playsinline webkit-playsinline>
|
||||
<source src="./mp4/xz2.mp4" type="video/mp4">
|
||||
</video>
|
||||
<img src="./images/close.png" alt="" class="close">
|
||||
</div>
|
||||
<div class="zjvideo3">
|
||||
<video id="zjvideo3" controls playsinline webkit-playsinline>
|
||||
<source src="./mp4/zj23.mp4" type="video/mp4">
|
||||
</video>
|
||||
<img src="./images/close.png" alt="" class="close">
|
||||
</div>
|
||||
<div class="xzvideo3">
|
||||
<video id="xzvideo3" controls playsinline webkit-playsinline>
|
||||
<source src="./mp4/xz3.mp4" type="video/mp4">
|
||||
</video>
|
||||
<img src="./images/close.png" alt="" class="close">
|
||||
</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="./local/en.js"></script>
|
||||
<script src="./local/zh.js"></script>
|
||||
<script src="./local/ar.js"></script>
|
||||
<script src="./js/wow.js"></script>
|
||||
<script src="../../common/js/svga.min.js"></script>
|
||||
<script src="./js/index.js"></script>
|
||||
<script src="../../common/local/langHandler.js"></script>
|
||||
@@ -1,454 +0,0 @@
|
||||
let urlPrefix = getUrlPrefix()
|
||||
let browser = checkVersion()
|
||||
let env = EnvCheck();
|
||||
if (env == 'test') {
|
||||
new VConsole();
|
||||
}
|
||||
// 封裝layer消息提醒框
|
||||
let layerIndex
|
||||
var langReplace;
|
||||
var localLang;
|
||||
const showLoading = (content = langReplace(localLang.demoModule.layerIndex1)) => {
|
||||
layer.open({
|
||||
type: 2,
|
||||
shadeClose: false,
|
||||
content,
|
||||
success(e) {
|
||||
layerIndex = $(e).attr('index')
|
||||
}
|
||||
})
|
||||
}
|
||||
const hideLoading = (index) => {
|
||||
layer.close(index)
|
||||
}
|
||||
const toastMsg = (content = langReplace(localLang.demoModule.layerIndex2), time = 2) => {
|
||||
layer.open({
|
||||
content,
|
||||
time,
|
||||
skin: 'msg'
|
||||
})
|
||||
}
|
||||
var countupTime;
|
||||
// var thisWeekCpRankTop3 = []
|
||||
var thisWeekCpRank = []
|
||||
var moreIndex = 0;
|
||||
// 初始化函數
|
||||
$(function () {
|
||||
getInfoFromClient();
|
||||
fuzzyMatchUpdateQueryStringParameterFun(); // 判断语言
|
||||
setTimeout(function () {
|
||||
// 頁面全屏
|
||||
if (browser.app) {
|
||||
if (browser.android) {
|
||||
window.androidJsObj.initShowNav(false)
|
||||
} else {
|
||||
window.webkit.messageHandlers.initShowNav.postMessage(0)
|
||||
}
|
||||
};
|
||||
// 頂部返回事件
|
||||
$('.back img').click(() => {
|
||||
if (browser.android) {
|
||||
window.androidJsObj.closeWebView()
|
||||
} else {
|
||||
window.webkit.messageHandlers.closeWebView.postMessage(null)
|
||||
}
|
||||
})
|
||||
fuzzyMatchUpdateQueryStringParameterFun(); // 判断语言
|
||||
langReplace = window.lang.replace;
|
||||
localLang = window.lang;
|
||||
translateFun()
|
||||
get();
|
||||
var audio = document.getElementById("musics");
|
||||
// 尝试自动播放音频
|
||||
audio.play().then(function () {
|
||||
// 如果自动播放成功
|
||||
$('.header .music').show();
|
||||
console.log('成功');
|
||||
}).catch(function (error) {
|
||||
$('.header .notOpen').show();
|
||||
console.log('失败');
|
||||
})
|
||||
}, 100)
|
||||
})
|
||||
function translateFun() {
|
||||
var langReplace = window.lang.replace;
|
||||
var localLang = window.lang;
|
||||
$('.text1').text(langReplace(localLang.demoModule.text1));
|
||||
$('.text2').text(langReplace(localLang.demoModule.text2));
|
||||
$('.text3').text(langReplace(localLang.demoModule.text3));
|
||||
$('.text4').text(langReplace(localLang.demoModule.text4));
|
||||
$('.text5').text(langReplace(localLang.demoModule.text5));
|
||||
$('.text6').text(langReplace(localLang.demoModule.text6));
|
||||
$('.text7').text(langReplace(localLang.demoModule.text7));
|
||||
$('.text8').text(langReplace(localLang.demoModule.text8));
|
||||
$('.text9').text(langReplace(localLang.demoModule.text9));
|
||||
$('.text10').text(langReplace(localLang.demoModule.text10));
|
||||
$('.text11').text(langReplace(localLang.demoModule.text11));
|
||||
$('.text12').text(langReplace(localLang.demoModule.text12));
|
||||
$('.text13').text(langReplace(localLang.demoModule.text13));
|
||||
$('.text14').text(langReplace(localLang.demoModule.text14));
|
||||
$('.text15').text(langReplace(localLang.demoModule.text15));
|
||||
$('.text16').text(langReplace(localLang.demoModule.text16));
|
||||
$('.text17').text(langReplace(localLang.demoModule.text17));
|
||||
$('.text18').text(langReplace(localLang.demoModule.text18));
|
||||
$('.img1').attr('src', langReplace(localLang.demoModule.img1));
|
||||
$('.img2').attr('src', langReplace(localLang.demoModule.img2));
|
||||
}
|
||||
// 处理SVGA
|
||||
document.addEventListener('DOMContentLoaded', function () {
|
||||
function loadSVGA(containerId, svgaPath) {
|
||||
var container = document.getElementById(containerId);
|
||||
var player = new SVGA.Player(container);
|
||||
|
||||
var parser = new SVGA.Parser();
|
||||
parser.load(svgaPath, function (videoItem) {
|
||||
player.setVideoItem(videoItem);
|
||||
player.startAnimation();
|
||||
});
|
||||
}
|
||||
loadSVGA('ts1', './svga/ts1.svga');
|
||||
loadSVGA('ts2', './svga/ts2.svga');
|
||||
loadSVGA('ts3', './svga/ts3.svga');
|
||||
});
|
||||
// 接口
|
||||
function get() {
|
||||
showLoading()
|
||||
networkRequest({
|
||||
type: 'get',
|
||||
url: urlPrefix + '/activity/h5/cp/rank',
|
||||
success(res) {
|
||||
if (res.code === 200) {
|
||||
// 渲染倒计时
|
||||
countup(res.data.endTime - res.timestamp);
|
||||
// 判断渲染规则
|
||||
if (res.data.partitionId == 2) {
|
||||
$('.text19').html(langReplace(localLang.demoModule.text199));
|
||||
} else {
|
||||
$('.text19').html(langReplace(localLang.demoModule.text19));
|
||||
}
|
||||
//处理自己榜单
|
||||
$('.page2 .my .num').text(res.data.myCpRank.rank ? res.data.myCpRank.rank : '-');
|
||||
$('.page2 .my .txL img').attr('src', res.data.myCpRank.leftAvatar);
|
||||
$('.page2 .my .txL p').text(res.data.myCpRank.leftNick);
|
||||
$('.page2 .my .scores').html(`<img src="./images/love.png" alt=""> ${unitProcessingAr(res.data.myCpRank.totalNum, 2)}`)
|
||||
$('.page2 .my .txR img').attr('src', res.data.myCpRank.rightAvatar ? res.data.myCpRank.rightAvatar : './images/null.png');
|
||||
$('.page2 .my .txR p').text(res.data.myCpRank.rightNick ? res.data.myCpRank.rightNick : langReplace(localLang.demoModule.text20));
|
||||
// 处理摩天轮榜单
|
||||
res.data.topCpList.length <= 0 ? $('.waiting').show() : $('.waiting').hide();
|
||||
res.data.topCpList.forEach((res, i) => {
|
||||
$(`.header .carousel .carousel_in${i + 1} .tx1`).attr("src", res.leftAvatar);
|
||||
$(`.header .carousel .carousel_in${i + 1} .tx2`).attr("src", res.rightAvatar);
|
||||
})
|
||||
// 处理第一个tab的榜单
|
||||
$('.contentBox .content').remove();
|
||||
var squareCpListStr = '';
|
||||
if (res.data.squareCpList.length > 0) {
|
||||
res.data.squareCpList.forEach((res, i) => {
|
||||
squareCpListStr += `
|
||||
<div class="content">
|
||||
<img src="./images/TimeTitle.png" alt="" class="timeTitle">
|
||||
<div class="times">${dateFormat(res.beginDate, 'yyyy.MM.dd')}-${dateFormat(res.endDate, 'yyyy.MM.dd')}</div>
|
||||
<div class="topBox">${squareCpListStrFun(res.cpUserVos)}</div>
|
||||
</div>
|
||||
`
|
||||
})
|
||||
} else {
|
||||
squareCpListStr += `
|
||||
<div class="content">
|
||||
<img src="./images/TimeTitle.png" alt="" class="timeTitle">
|
||||
<div class="times"></div>
|
||||
<div class="topBox">
|
||||
<div class="top1">
|
||||
<img src="./images/ts1.png" alt="" class="tsL">
|
||||
<img src="./images/ts1.png" alt="" class="tsR">
|
||||
<img src="./images/null.png" alt="" class="txL">
|
||||
<img src="./images/null.png" alt="" class="txR">
|
||||
<div class="nameL">${langReplace(localLang.demoModule.text20)}</div>
|
||||
<div class="nameR">${langReplace(localLang.demoModule.text20)}</div>
|
||||
<div class="idL"></div>
|
||||
<div class="idR"></div>
|
||||
<div class="sclore"><img src="./images/love.png" alt="">-</div>
|
||||
</div>
|
||||
<div class="top2">
|
||||
<img src="./images/ts23.png" alt="" class="tsL">
|
||||
<img src="./images/ts23.png" alt="" class="tsR">
|
||||
<img src="./images/null.png" alt="" class="txL">
|
||||
<img src="./images/null.png" alt="" class="txR">
|
||||
<div class="nameL">${langReplace(localLang.demoModule.text20)}</div>
|
||||
<div class="nameR">${langReplace(localLang.demoModule.text20)}</div>
|
||||
<div class="idL"></div>
|
||||
<div class="idR"></div>
|
||||
<div class="sclore"><img src="./images/love.png" alt="">-</div>
|
||||
</div>
|
||||
<div class="top3">
|
||||
<img src="./images/ts23.png" alt="" class="tsL">
|
||||
<img src="./images/ts23.png" alt="" class="tsR">
|
||||
<img src="./images/null.png" alt="" class="txL">
|
||||
<img src="./images/null.png" alt="" class="txR">
|
||||
<div class="nameL">${langReplace(localLang.demoModule.text20)}</div>
|
||||
<div class="nameR">${langReplace(localLang.demoModule.text20)}</div>
|
||||
<div class="idL"></div>
|
||||
<div class="idR"></div>
|
||||
<div class="sclore"><img src="./images/love.png" alt="">-</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
`
|
||||
}
|
||||
$('.contentBox').append(squareCpListStr);
|
||||
// 处理第二个榜单
|
||||
// thisWeekCpRankTop3 = splitArray(res.data.thisWeekCpRank).firstThree;
|
||||
thisWeekCpRank = splitArray(res.data.thisWeekCpRank).pages;
|
||||
// 处理前三
|
||||
var listTo3 = thisWeekCpRank[0] ? thisWeekCpRank[0].slice(0, 3) : [];
|
||||
if (listTo3.length < 3) {
|
||||
let arr = new Array(3 - listTo3.length).fill({
|
||||
leftAvatar: './images/null.png',
|
||||
rightAvatar: './images/null.png',
|
||||
leftNick: langReplace(localLang.demoModule.text20),
|
||||
rightNick: langReplace(localLang.demoModule.text20),
|
||||
leftErbanNo: "",
|
||||
rightErbanNo: "",
|
||||
totalNum: "-"
|
||||
})
|
||||
listTo3.push(...arr)
|
||||
}
|
||||
listTo3.forEach((res, i) => {
|
||||
$(`.page2 .content .topBox .top${i + 1} .txL`).attr('src', res.leftAvatar);
|
||||
$(`.page2 .content .topBox .top${i + 1} .txR`).attr('src', res.rightAvatar);
|
||||
$(`.page2 .content .topBox .top${i + 1} .nameL`).text(res.leftNick);
|
||||
$(`.page2 .content .topBox .top${i + 1} .nameR`).text(res.rightNick);
|
||||
$(`.page2 .content .topBox .top${i + 1} .idL`).text(res.leftErbanNo == "" ? "" : 'ID:' + res.leftErbanNo);
|
||||
$(`.page2 .content .topBox .top${i + 1} .idR`).text(res.rightErbanNo == "" ? "" : 'ID:' + res.rightErbanNo);
|
||||
$(`.page2 .content .topBox .top${i + 1} .sclore`).html(`<img src="./images/love.png" alt="">${res.totalNum == '-' ? '-' : unitProcessingAr(res.totalNum, 2)}`)
|
||||
})
|
||||
// 非前三
|
||||
$('.page2 .content ul li').remove();
|
||||
listFun();
|
||||
} else {
|
||||
toastMsg(res.message)
|
||||
}
|
||||
hideLoading(layerIndex)
|
||||
},
|
||||
error(err) {
|
||||
hideLoading(layerIndex)
|
||||
toastMsg(langReplace(localLang.demoModule.layerIndex3))
|
||||
}
|
||||
})
|
||||
}
|
||||
// 点击加载更多
|
||||
$('.page2 .content .more').click(function () {
|
||||
moreIndex = moreIndex + 1;
|
||||
listFun();
|
||||
})
|
||||
// 渲染第二非前三函数
|
||||
function listFun() {
|
||||
var str = '';
|
||||
if (thisWeekCpRank[moreIndex]) {
|
||||
var arr = moreIndex == 0 ? thisWeekCpRank[moreIndex].slice(3) : thisWeekCpRank[moreIndex];
|
||||
arr.forEach(res => {
|
||||
str += `
|
||||
<li>
|
||||
<div class="num">${res.rank}</div>
|
||||
<div class="txL">
|
||||
<img src="${res.leftAvatar}" alt="">
|
||||
<p>${res.leftNick}</p>
|
||||
</div>
|
||||
<img src="./images/loves.png" alt="" class="loves">
|
||||
<div class="txR">
|
||||
<img src="${res.rightAvatar}" alt="">
|
||||
<p>${res.rightNick}</p>
|
||||
</div>
|
||||
<div class="scores">
|
||||
<img src="./images/love.png" alt="">
|
||||
<span>${unitProcessingAr(res.totalNum, 2)}</span>
|
||||
</div>
|
||||
</li>
|
||||
`
|
||||
})
|
||||
$('.page2 .content ul').append(str);
|
||||
if (thisWeekCpRank[moreIndex].length < 10) {
|
||||
$('.page2 .content .more').hide();
|
||||
}
|
||||
} else {
|
||||
$('.page2 .content .more').hide();
|
||||
}
|
||||
}
|
||||
function squareCpListStrFun(arr) {
|
||||
var str = '';
|
||||
var listTo3 = arr.slice(0, 3);
|
||||
if (listTo3.length < 3) {
|
||||
let arr = new Array(3 - listTo3.length).fill({
|
||||
leftAvatar: './images/null.png',
|
||||
rightAvatar: './images/null.png',
|
||||
leftNick: langReplace(localLang.demoModule.text20),
|
||||
rightNick: langReplace(localLang.demoModule.text20),
|
||||
leftErbanNo: "",
|
||||
rightErbanNo: "",
|
||||
totalNum: "-"
|
||||
})
|
||||
listTo3.push(...arr)
|
||||
}
|
||||
listTo3.forEach((res, i) => {
|
||||
str += `
|
||||
<div class="top${i + 1}">
|
||||
<img src="${i + 1 == 1 ? './images/ts1.png' : './images/ts23.png'}" alt="" class="tsL">
|
||||
<img src="${i + 1 == 1 ? './images/ts1.png' : './images/ts23.png'}" alt="" class="tsR">
|
||||
<img src="${res.leftAvatar}" alt="" class="txL">
|
||||
<img src="${res.rightAvatar}" alt="" class="txR">
|
||||
<div class="nameL">${res.leftNick}</div>
|
||||
<div class="nameR">${res.rightNick}</div>
|
||||
<div class="idL">${res.leftErbanNo == "" ? '' : "ID:" + res.leftErbanNo}</div>
|
||||
<div class="idR">${res.rightErbanNo == "" ? '' : "ID:" + res.rightErbanNo}</div>
|
||||
<div class="sclore"><img src="./images/love.png" alt="">${res.totalNum == "-" ? '-' : unitProcessingAr(res.totalNum, 2)}</div>
|
||||
</div>
|
||||
`})
|
||||
return str;
|
||||
}
|
||||
function splitArray(arr) {
|
||||
// 获取前三个元素
|
||||
// const firstThree = arr.slice(0, 3);
|
||||
|
||||
// // 剩余的元素
|
||||
// const remainingElements = arr.slice(3);
|
||||
const remainingElements = arr;
|
||||
// 将剩余元素每10个分成一组
|
||||
const pages = [];
|
||||
for (let i = 0; i < remainingElements.length; i += 10) {
|
||||
const chunk = remainingElements.slice(i, i + 10);
|
||||
pages.push(chunk);
|
||||
}
|
||||
|
||||
// return { firstThree, pages };
|
||||
return { pages };
|
||||
}
|
||||
// 倒計時
|
||||
function countup(leftTime) {
|
||||
clearTimeout(countupTime)
|
||||
//獲取當前時間
|
||||
// var now = nowTime;
|
||||
var d = 0;
|
||||
var h = 0;
|
||||
var m = 0;
|
||||
var s = 0;
|
||||
//定義變數 d,h,m,s保存倒計時的時間
|
||||
var d, h, m, s;
|
||||
//遞歸每秒調⽤countTime⽅法，顯⽰動態時間效果
|
||||
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中
|
||||
$('.header .timeBox .day b').text(d);
|
||||
$('.header .timeBox .hour b').text(h);
|
||||
$('.header .timeBox .min b').text(m);
|
||||
$('.header .timeBox .sec b').text(s);
|
||||
} else {
|
||||
get();
|
||||
}
|
||||
if (leftTime > 0) {
|
||||
leftTime = leftTime - 1000;
|
||||
}
|
||||
countupTime = setTimeout(function () {
|
||||
countup(leftTime);
|
||||
}, 1000);
|
||||
}
|
||||
//补0操作
|
||||
function getzf(num) {
|
||||
if (parseInt(num) < 10) {
|
||||
num = '0' + num;
|
||||
}
|
||||
return num;
|
||||
}
|
||||
// 打开音乐
|
||||
$('.header .music').click(function () {
|
||||
$('.header .music').hide();
|
||||
$('.header .notOpen').show();
|
||||
var audio = document.getElementById("musics");
|
||||
audio.pause();
|
||||
})
|
||||
// 关闭音乐
|
||||
$('.header .notOpen').click(function () {
|
||||
$('.header .notOpen').hide();
|
||||
$('.header .music').show();
|
||||
var audio = document.getElementById("musics");
|
||||
audio.play();
|
||||
})
|
||||
// tab切换
|
||||
$('.tabBox div').click(function () {
|
||||
var i = $(this).index() + 1;
|
||||
$(this).addClass('act').siblings().removeClass('act')
|
||||
$('.page1,.page2,.page3').hide();
|
||||
$(`.page${i}`).show();
|
||||
})
|
||||
// 关闭规则
|
||||
$('.header .rule_icon').click(function () {
|
||||
$('.rule').show();
|
||||
bodyScroolFun(true);
|
||||
})
|
||||
// 关闭规则
|
||||
$('.rule .ruleIn .close').click(function () {
|
||||
$('.rule').hide();
|
||||
bodyScroolFun(false);
|
||||
})
|
||||
|
||||
// 打开mp4弹窗
|
||||
$('.page3 .content .topBox1 .bo').click(function () {
|
||||
var video = document.getElementById('zjvideo1');
|
||||
video.play();
|
||||
bodyScroolFun(true);
|
||||
$('.zjvideo1').show();
|
||||
})
|
||||
// 打开mp4弹窗
|
||||
$('.page3 .content .topBox1 .bo2').click(function () {
|
||||
var video = document.getElementById('xzvideo1');
|
||||
video.play();
|
||||
bodyScroolFun(true);
|
||||
$('.xzvideo1').show();
|
||||
})
|
||||
// 打开mp4弹窗
|
||||
$('.page3 .content .topBox2 .bo').click(function () {
|
||||
var video = document.getElementById('zjvideo2');
|
||||
video.play();
|
||||
bodyScroolFun(true);
|
||||
$('.zjvideo2').show();
|
||||
})
|
||||
// 打开mp4弹窗
|
||||
$('.page3 .content .topBox2 .bo2').click(function () {
|
||||
var video = document.getElementById('xzvideo2');
|
||||
video.play();
|
||||
bodyScroolFun(true);
|
||||
$('.xzvideo2').show();
|
||||
})
|
||||
// 打开mp4弹窗
|
||||
$('.page3 .content .topBox3 .bo').click(function () {
|
||||
var video = document.getElementById('zjvideo3');
|
||||
video.play();
|
||||
bodyScroolFun(true);
|
||||
$('.zjvideo3').show();
|
||||
})
|
||||
// 打开mp4弹窗
|
||||
$('.page3 .content .topBox3 .bo2').click(function () {
|
||||
var video = document.getElementById('xzvideo3');
|
||||
video.play();
|
||||
bodyScroolFun(true);
|
||||
$('.xzvideo3').show();
|
||||
})
|
||||
// 关闭mp4弹窗
|
||||
$('.zjvideo1 .close,.xzvideo1 .close,.zjvideo2 .close,.xzvideo2 .close,.zjvideo3 .close,.xzvideo3 .close').click(function () {
|
||||
var video = document.getElementById('zjvideo1');
|
||||
var video1 = document.getElementById('xzvideo1');
|
||||
var video2 = document.getElementById('zjvideo2');
|
||||
var video3 = document.getElementById('xzvideo2');
|
||||
var video4 = document.getElementById('zjvideo3');
|
||||
var video5 = document.getElementById('xzvideo3');
|
||||
video.pause();
|
||||
video1.pause();
|
||||
video2.pause();
|
||||
video3.pause();
|
||||
video4.pause();
|
||||
video5.pause();
|
||||
bodyScroolFun(false);
|
||||
$('.zjvideo1,.xzvideo1,.zjvideo2,.xzvideo2,.zjvideo3,.xzvideo3').hide();
|
||||
})
|
||||
@@ -1,46 +0,0 @@
|
||||
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/loveIcon.png" alt="">';
|
||||
baba.appendChild(sunZi);
|
||||
erZi.push({
|
||||
el: sunZi,
|
||||
top: e.pageY - 30,
|
||||
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.02;
|
||||
// erZi[i].scale = erZi[i].scale + 0.0001;
|
||||
erZi[i].el.style.cssText = `
|
||||
top: ${erZi[i].top}px;
|
||||
left: ${erZi[i].left}px;
|
||||
color: ${erZi[i].color};
|
||||
opacity: ${erZi[i].opacity};
|
||||
transform: scale(${erZi[i].scale});
|
||||
position: absolute;
|
||||
`
|
||||
|
||||
}
|
||||
window.requestAnimationFrame(move);
|
||||
// $('body,html').css({ "width": "100%", "position": "relative", "overflow": "auto" });
|
||||
}
|
||||
@@ -1,44 +0,0 @@
|
||||
// 阿拉伯
|
||||
langAr = {
|
||||
// 模块
|
||||
demoModule: {
|
||||
layerIndex1: `جاري التحميل...`,
|
||||
layerIndex2: `نجاح`,
|
||||
layerIndex3: `خطأ في الشبكة`,
|
||||
text1: `عجلة الحب`,
|
||||
text2: `القواعد`,
|
||||
text3: `يوم`,
|
||||
text4: `ساعة`,
|
||||
text5: `دقيقة`,
|
||||
text6: `ثانية`,
|
||||
text7: `ساحة CP`,
|
||||
text8: `قائمة CP`,
|
||||
text9: `جوائز CP`,
|
||||
text10: `سيتم عرض أفضل ثلاثة مستخدمين في القائمة التاريخية هنا`,
|
||||
text11: `أرسل هدايا CP وقد تكون أنت وشريكك في القائمة!`,
|
||||
text12: `TOP1`,
|
||||
text13: `يمكن للمستخدم الأول في القائمة الأسبوعية الحصول على المكافآت التالية`,
|
||||
text14: `TOP2`,
|
||||
text15: `يمكن للمستخدم الثاني في القائمة الأسبوعية الحصول على المكافآت التالية`,
|
||||
text16: `TOP3`,
|
||||
text17: `يمكن للمستخدم الثالث في القائمة الأسبوعية الحصول على المكافآت التالية`,
|
||||
text18: `القواعد`,
|
||||
text19: `<p>1. وقت الحدث: من الإثنين 0:00 إلى الأحد 23:59 (GMT+8)</p>
|
||||
<p>2. أرسل هدية CP المحددة لتصبح CP</p>
|
||||
<img src="./images/rule.png" alt="">
|
||||
<p>3. أرسل هدية CP بقيمة 1 قطعة نقدية للحصول على 1 قيمة حب. كلما أرسلت هدايا أكثر، حصلت على قيمة حب أكبر.</p>
|
||||
<p>4. سيحصل أفضل ثلاثة مستخدمين في القائمة الإحصائية الأسبوعية على هدايا سخية.</p>
|
||||
<p>5. عند إزالة علاقتك بـ CP، لن تظهر بعد الآن في قائمة CP.</p>
|
||||
<p>6. لا يشارك مستخدمو وكيل الشحن في هذا الحدث.</p>`,
|
||||
text199: `<p>1. وقت الحدث: من الإثنين 0:00 إلى الأحد 23:59 (GMT+3)</p>
|
||||
<p>2. أرسل هدية CP المحددة لتصبح CP</p>
|
||||
<img src="./images/rule.png" alt="">
|
||||
<p>3. أرسل هدية CP بقيمة 1 قطعة نقدية للحصول على 1 قيمة حب. كلما أرسلت هدايا أكثر، حصلت على قيمة حب أكبر.</p>
|
||||
<p>4. سيحصل أفضل ثلاثة مستخدمين في القائمة الإحصائية الأسبوعية على هدايا سخية.</p>
|
||||
<p>5. عند إزالة علاقتك بـ CP، لن تظهر بعد الآن في قائمة CP.</p>
|
||||
<p>6. لا يشارك مستخدمو وكيل الشحن في هذا الحدث.</p>`,
|
||||
img1: `./images/carouselTitle-ar.png`,
|
||||
img2: `./images/waiting-ar.png`,
|
||||
text20: `شاغر`,
|
||||
}
|
||||
}
|
||||
@@ -1,42 +0,0 @@
|
||||
langEn = {
|
||||
demoModule: {
|
||||
layerIndex1: `Loading...`,
|
||||
layerIndex2: `Success`,
|
||||
layerIndex3: `Network error`,
|
||||
text1: `Love Ferris wheel`,
|
||||
text2: `Rules`,
|
||||
text3: `Day`,
|
||||
text4: `Hour`,
|
||||
text5: `Min`,
|
||||
text6: `Sec`,
|
||||
text7: `CP Square`,
|
||||
text8: `CP List`,
|
||||
text9: `CP Rewards`,
|
||||
text10: `Top three users on the history list will be displayed here`,
|
||||
text11: `Send CP gifts and you and your love may be on the list!`,
|
||||
text12: `TOP1`,
|
||||
text13: `Top 1 user on the weekly list can get the following rewards`,
|
||||
text14: `TOP2`,
|
||||
text15: `Top 2 user on the weekly list can get the following rewards`,
|
||||
text16: `TOP3`,
|
||||
text17: `Top 3 user on the weekly list can get the following rewards`,
|
||||
text18: `Rules`,
|
||||
text19: `<p>1. Event time: Monday 0:00-Sunday 23:59 (GMT+8)</p>
|
||||
<p>2. Send the designated CP gift to become CP</p>
|
||||
<img src="./images/rule.png" alt="">
|
||||
<p>3. Send 1 coin CP gift to get 1 love value. The more gifts you send, the more love value you get.</p>
|
||||
<p>4. The top three users on the weekly statistical list will get generous gifts.</p>
|
||||
<p>5 Remove your CP relationship, you will no longer appear on the CP list.</p>
|
||||
<p>6. Recharge agent users do not participate in this event.</p>`,
|
||||
text199: `<p>1. Event time: Monday 0:00-Sunday 23:59 (GMT+3)</p>
|
||||
<p>2 Send the designated CP gift to become CP</p>
|
||||
<img src="./images/rule.png" alt="">
|
||||
<p>3. Send 1 coin CP gift to get 1 love value. The more gifts you send, the more love value you get.</p>
|
||||
<p>4. The top three users on the weekly statistical list will get generous gifts.</p>
|
||||
<p>5 Remove your CP relationship, you will no longer appear on the CP list.</p>
|
||||
<p>6. Recharge agent users do not participate in this event.</p>`,
|
||||
img1: `./images/carouselTitle.png`,
|
||||
img2: `./images/waiting.png`,
|
||||
text20: `Vacant`,
|
||||
},
|
||||
}
|
||||
@@ -1,44 +0,0 @@
|
||||
// 中文
|
||||
langZh = {
|
||||
// 模塊
|
||||
demoModule: {
|
||||
layerIndex1: `加载中...`,
|
||||
layerIndex2: `成功`,
|
||||
layerIndex3: `网络错误`,
|
||||
text1: `愛情摩天輪`,
|
||||
text2: `規則`,
|
||||
text3: `天`,
|
||||
text4: `小時`,
|
||||
text5: `分鐘`,
|
||||
text6: `秒`,
|
||||
text7: `CP廣場`,
|
||||
text8: `CP榜單`,
|
||||
text9: `CP獎勵`,
|
||||
text10: `排行榜前三的用戶將顯示在這裡`,
|
||||
text11: `送CP禮物，你和你的愛人可能會上榜哦！`,
|
||||
text12: `TOP1`,
|
||||
text13: `周榜第1名的用戶可獲得以下獎勵`,
|
||||
text14: `TOP2`,
|
||||
text15: `周榜第2名的用戶可獲得以下獎勵`,
|
||||
text16: `TOP3`,
|
||||
text17: `周榜第3名的用戶可獲得以下獎勵`,
|
||||
text18: `規則`,
|
||||
text19: `<p>1. 活動時間：星期一 0:00-星期日 23:59（GMT+8）</p>
|
||||
<p>2. 發送指定的CP禮物以成為CP</p>
|
||||
<img src="./images/rule.png" alt="">
|
||||
<p>3. 發送1枚金幣CP禮物可獲得1個愛值。發送的禮物越多，獲得的愛值也越多。</p>
|
||||
<p>4. 每週統計名單的前三名用戶將獲得豐厚的獎品。</p>
|
||||
<p>5. 移除您的CP關係後，您將不再出現在CP名單上。</p>
|
||||
<p>6. 充值代理用戶不參加此活動。</p>`,
|
||||
text199: `<p>1. 活動時間：星期一 0:00-星期日 23:59（GMT+3）</p>
|
||||
<p>2. 發送指定的CP禮物以成為CP</p>
|
||||
<img src="./images/rule.png" alt="">
|
||||
<p>3. 發送1枚金幣CP禮物可獲得1個愛值。發送的禮物越多，獲得的愛值也越多。</p>
|
||||
<p>4. 每週統計名單的前三名用戶將獲得豐厚的獎品。</p>
|
||||
<p>5. 移除您的CP關係後，您將不再出現在CP名單上。</p>
|
||||
<p>6. 充值代理用戶不參加此活動。</p>`,
|
||||
img1: `./images/carouselTitle-zh.png`,
|
||||
img2: `./images/waiting-zh.png`,
|
||||
text20: `虛位以待`,
|
||||
}
|
||||
}
|
||||
|
Before Width: | Height: | Size: 2.9 MiB |
|
Before Width: | Height: | Size: 2.0 MiB |
|
Before Width: | Height: | Size: 2.0 MiB |
|
Before Width: | Height: | Size: 121 KiB |
|
Before Width: | Height: | Size: 123 KiB |
|
Before Width: | Height: | Size: 128 KiB |
|
Before Width: | Height: | Size: 130 KiB |
|
Before Width: | Height: | Size: 137 KiB |
|
Before Width: | Height: | Size: 140 KiB |
|
Before Width: | Height: | Size: 168 KiB |
|
Before Width: | Height: | Size: 174 KiB |
|
Before Width: | Height: | Size: 179 KiB |
|
Before Width: | Height: | Size: 180 KiB |
|
Before Width: | Height: | Size: 186 KiB |
|
Before Width: | Height: | Size: 188 KiB |
|
Before Width: | Height: | Size: 27 KiB |
|
Before Width: | Height: | Size: 1.9 KiB |
|
Before Width: | Height: | Size: 530 KiB |
|
Before Width: | Height: | Size: 466 KiB |
|
Before Width: | Height: | Size: 461 KiB |
|
Before Width: | Height: | Size: 7.2 KiB |
|
Before Width: | Height: | Size: 458 KiB |
|
Before Width: | Height: | Size: 310 KiB |
|
Before Width: | Height: | Size: 311 KiB |
|
Before Width: | Height: | Size: 31 KiB |
|
Before Width: | Height: | Size: 127 KiB |
|
Before Width: | Height: | Size: 43 KiB |
|
Before Width: | Height: | Size: 4.2 KiB |
|
Before Width: | Height: | Size: 36 KiB |
|
Before Width: | Height: | Size: 412 KiB |