Compare commits

...

25 Commits

Author SHA1 Message Date
dragon
6a8aad5e96 清除榜单缓存 2024-07-26 16:48:11 +08:00
dragon
74a021639e 完成萌新 2024-07-26 16:35:41 +08:00
dragon
481519169a 官网新增监听窗口变大变小逻辑 2024-07-25 15:33:01 +08:00
dragon
2ba05058d4 点单点击整个资料卡跳转资料页 2024-07-24 09:45:00 +08:00
dragon
1b29257c8a 修复公会无法修改信息问题 2024-07-19 15:08:36 +08:00
dragon
bee5968dbe 修改榜单英文翻译1.0 2024-07-16 11:43:18 +08:00
dragon
6cc2f32a27 修改榜单英文翻译 2024-07-16 11:39:21 +08:00
dragon
444dc0531d 压缩图片 2024-07-16 11:14:57 +08:00
dragon
2f81b27ea3 重构榜单 2024-07-16 11:11:35 +08:00
dragon
7fa188e04a 恢复联调代码,并且更新提现登入页 2024-07-12 18:01:55 +08:00
dragon
395897f119 强行展示输出-联调安卓 2024-07-12 17:25:08 +08:00
dragon
3cfae08f2d 测试按钮,联调安卓支付 2024-07-12 16:27:30 +08:00
dragon
b5862cb683 新增方法 2024-07-11 19:24:57 +08:00
dragon
244f3a6308 修改翻译 2024-07-11 18:06:10 +08:00
dragon
c1337fd1de 新增账单和修复点单bug 2024-07-11 17:34:16 +08:00
dragon
e2fdfd02c3 联调点单信息接口 2024-07-09 19:29:20 +08:00
dragon
5824f20a25 页面完成版 2024-07-09 11:20:15 +08:00
dragon
ae2f118147 暂存 2024-07-09 11:03:13 +08:00
dragon
78a5e1d87c 暂存 2024-07-09 11:03:12 +08:00
dragon
de2d8600b2 点单暂存 2024-07-09 11:03:12 +08:00
dragon
0d5f7abe96 换图 2024-07-09 11:03:12 +08:00
dragon
b9ebf7cbc1 陪玩师暂存 2024-07-09 11:03:12 +08:00
dragon
1ee6cfec1d 修复公会报错问题 2024-07-09 11:02:58 +08:00
dragon
788eec914f 流水时间新增可选当天逻辑 2024-07-09 10:24:24 +08:00
dragon
3fc9d7f68a 修复幸运享公告问题 2024-07-05 18:46:02 +08:00
75 changed files with 2731 additions and 58 deletions

View File

@@ -160,4 +160,4 @@
<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/index.js"></script>
<script src="./js/index.js?v=1.2"></script>

View File

@@ -838,7 +838,7 @@ function langCodeFun(langCode) {
document.documentElement.setAttribute("dir", "rtl");
document.body.classList.add('arabic');
}else if(langCode == "en"){
} else if (langCode == "en") {
document.body.classList.add('english');
}
if (window.location.href.match(/guildAr/)) {
@@ -1010,12 +1010,16 @@ function unitProcessing(val, num, toFixeds, text) { //值 以什么为单位 保
}
// 阿拉伯专用
function unitProcessingAr(val, toFixeds) { //值 保留几位小数
if (val < 1000) {
return val;
} else if (val >= 1000 && val < 1000000) {
return (val / 1000).toFixed(toFixeds) + 'K'
} else if (val >= 1000000) {
return (val / 1000000).toFixed(toFixeds) + 'M'
if (getQueryString().lang && getQueryString().lang == 'zh') {
return val >= 10000 ? (Math.floor(val / 1000) / 10).toFixed(toFixeds) + 'w' : val;
} else {
if (val < 1000) {
return val;
} else if (val >= 1000 && val < 1000000) {
return (val / 1000).toFixed(toFixeds) + 'K'
} else if (val >= 1000000) {
return (val / 1000000).toFixed(toFixeds) + 'M'
}
}
}
// 封装 在ios环境中 配置公共参数的回调函数
@@ -1154,4 +1158,154 @@ function rewardTypeFun(type) {
} else if (type == "EMPTY") {
return { name: nick, unit: '個' };
}
}
function rewardTypeNumFun(num) {
if (getQueryString().lang == 'zh') {
if (num == 1) {
return { name: "金幣", unit: '個' };
}
else if (num == 2) {
return { name: "禮物", unit: '個' };
}
else if (num == 3) {
return { name: "座駕", unit: '天' };
}
else if (num == 4) {
return { name: "頭飾", unit: '天' };
}
else if (num == 5) {
return { name: "背景", unit: '天' };
}
else if (num == 6) {
return { name: "實物", unit: '個' };
}
else if (num == 7) {
return { name: "靚號", unit: '天' };
}
else if (num == 8) {
return { name: "全麥禮物", unit: '個' };
}
else if (num == 9) {
return { name: "隨機靚號", unit: '天' };
}
else if (num == 10) {
return { name: "錘子", unit: '個' };
}
else if (num == 13) {
return { name: "祝福語", unit: '天' };
}
else if (num == 14) {
return { name: "銘牌", unit: '天' };
}
else if (num == 15) {
return { name: "虛擬貨幣", unit: '個' };
}
else if (num == 16) {
return { name: "聊天氣泡", unit: '天' };
}
else if (num == 17) {
return { name: "資料卡", unit: '天' };
}
else {
return { name: "null", unit: 'null' };
}
} else if (getQueryString().lang == 'en') {
if (num == 1) {
return { name: "Coins", unit: 'pcs' };
}
else if (num == 2) {
return { name: "Gift", unit: 'pcs' };
}
else if (num == 3) {
return { name: "Vehicle", unit: 'days' };
}
else if (num == 4) {
return { name: "Headgear", unit: 'days' };
}
else if (num == 5) {
return { name: "Background", unit: 'days' };
}
else if (num == 6) {
return { name: "Physical item", unit: 'pcs' };
}
else if (num == 7) {
return { name: "VIP number", unit: 'days' };
}
else if (num == 8) {
return { name: "Whole wheat gift", unit: 'pcs' };
}
else if (num == 9) {
return { name: "Random VIP number", unit: 'days' };
}
else if (num == 10) {
return { name: "Hammer", unit: 'pcs' };
}
else if (num == 13) {
return { name: "Blessing", unit: 'days' };
}
else if (num == 14) {
return { name: "Nameplate", unit: 'days' };
}
else if (num == 15) {
return { name: "Virtual currency", unit: 'pcs' };
}
else if (num == 16) {
return { name: "Chat bubble", unit: 'days' };
}
else if (num == 17) {
return { name: "Profile card", unit: 'days' };
}
else {
return { name: "null", unit: 'null' };
}
} else {
if (num == 1) {
return { name: "القطع النقدية", unit: 'قطعة' };
}
else if (num == 2) {
return { name: "الهدايا", unit: 'قطعة' };
}
else if (num == 3) {
return { name: "المركبة", unit: 'يوم' };
}
else if (num == 4) {
return { name: "القبعة", unit: 'يوم' };
}
else if (num == 5) {
return { name: "الخلفية", unit: 'يوم' };
}
else if (num == 6) {
return { name: "العنصر الفعلي", unit: 'قطعة' };
}
else if (num == 7) {
return { name: "الرقم المميز", unit: 'يوم' };
}
else if (num == 8) {
return { name: "الهدايا الكاملة القمح", unit: 'قطعة' };
}
else if (num == 9) {
return { name: "رقم عشوائي مميز", unit: 'يوم' };
}
else if (num == 10) {
return { name: "مطرقة", unit: 'قطعة' };
}
else if (num == 13) {
return { name: "التبريكات", unit: 'يوم' };
}
else if (num == 14) {
return { name: "لوحة الاسم", unit: 'يوم' };
}
else if (num == 15) {
return { name: "العملة الافتراضية", unit: 'قطعة' };
}
else if (num == 16) {
return { name: "فقاعة الدردشة", unit: 'يوم' };
}
else if (num == 17) {
return { name: "بطاقة الملف الشخصي", unit: 'يوم' };
}
else {
return { name: "null", unit: 'null' };
}
}
}

View File

@@ -161,7 +161,7 @@
<script src="./local/ar.js"></script>
<script src="./local/en.js"></script>
<script src="./local/zh.js"></script>
<script src="./js/index.js?v=2.11"></script>
<script src="./js/index.js?v=2.12"></script>
<script src="../common/local/langHandler.js"></script>
</body>

View File

@@ -358,4 +358,12 @@ function animatedFun(dom, arrClass) {
// 禁止瀏覽器下拉刷新
document.addEventListener('touchmove', event => {
event.preventDefault()
}, { passive: false })
}, { passive: false })
// 定义处理窗口大小变化的函数
function handleResize() {
location.reload()
// 这里可以添加更多的逻辑,比如检查窗口的新尺寸
}
// 监听窗口大小变化事件
window.addEventListener('resize', handleResize);

View File

@@ -44,5 +44,5 @@
<script src="./local/en.js"></script>
<script src="./local/zh.js"></script>
<script src="./local/ar.js"></script>
<script src="./js/guildInfoSet.js"></script>
<script src="./js/guildInfoSet.js?v=1.0"></script>
<script src="../../common/local/langHandler.js"></script>

View File

@@ -46,7 +46,11 @@ $(function () {
$('.back img').click(() => {
window.location.href = document.referrer;
})
pubInfo['Accept-Language'] = 'ar'
// pubInfo['Accept-Language'] = 'ar'
fuzzyMatchUpdateQueryStringParameterFun(); // 判断语言
langReplace = window.lang.replace;
localLang = window.lang;
translateFun();
$('.nick input').val(urlDate);
}, 100)
})

View File

@@ -28,7 +28,8 @@ const toastMsg = (content = langReplace(localLang.demoModule.layerIndex2), time
skin: 'msg'
})
}
var times = new Date().getTime() - 86400000;
// var times = new Date().getTime() - 86400000;
var times = new Date().getTime();
var startDates;
var endDates;
var timestamp;
@@ -146,11 +147,13 @@ function memberIncome(startDate, endDate) {
}
// 查询按钮
$('.back .text').click(function () {
if ((Date.parse(endDates)) >= timestamp) {
toastMsg(langReplace(localLang.memberFlow.text13))
} else if (endDates == dateFormat(timestamp, 'yyyy-MM-dd')) {
toastMsg(langReplace(localLang.memberFlow.text14))
} else if (Date.parse(startDates) > Date.parse(endDates)) {
// if ((Date.parse(endDates)) >= timestamp) {
// toastMsg(langReplace(localLang.memberFlow.text13))
// } else if (endDates == dateFormat(timestamp, 'yyyy-MM-dd')) {
// toastMsg(langReplace(localLang.memberFlow.text14))
// } else
if (Date.parse(startDates) > Date.parse(endDates)) {
toastMsg(langReplace(localLang.memberFlow.text15))
} else if ((Date.parse(endDates) - Date.parse(startDates)) > (30 * 24 * 60 * 60 * 1000)) {
toastMsg(langReplace(localLang.memberFlow.text16))

View File

@@ -28,7 +28,8 @@ const toastMsg = (content = langReplace(localLang.demoModule.layerIndex2), time
skin: 'msg'
})
}
var times = new Date().getTime() - 86400000;
// var times = new Date().getTime() - 86400000;
var times = new Date().getTime();
var startDates;
var endDates;
var timestamp;
@@ -151,11 +152,13 @@ $('.timeBox .right .goToExchangeGold').click(function () {
})
// 查询按钮
$('.back .text').click(function () {
if ((Date.parse(endDates)) >= timestamp) {
toastMsg(langReplace(localLang.memberFlow.text13))
} else if (endDates == dateFormat(timestamp, 'yyyy-MM-dd')) {
toastMsg(langReplace(localLang.memberFlow.text14))
} else if (Date.parse(startDates) > Date.parse(endDates)) {
// if ((Date.parse(endDates)) >= timestamp) {
// toastMsg(langReplace(localLang.memberFlow.text13))
// } else if (endDates == dateFormat(timestamp, 'yyyy-MM-dd')) {
// toastMsg(langReplace(localLang.memberFlow.text14))
// } else
if (Date.parse(startDates) > Date.parse(endDates)) {
toastMsg(langReplace(localLang.memberFlow.text15))
} else if ((Date.parse(endDates) - Date.parse(startDates)) > (30 * 24 * 60 * 60 * 1000)) {
toastMsg(langReplace(localLang.memberFlow.text16))

View File

@@ -76,7 +76,7 @@
<script src="./local/ar.js"></script>
<script src="./js/mobileSelect.js"></script>
<script src="./js/selectDate.js"></script>
<script src="./js/memberFlow.js"></script>
<script src="./js/memberFlow.js?v=1.0"></script>
<script src="../../common/local/langHandler.js"></script>
</html>

View File

@@ -73,7 +73,7 @@
<script src="./local/ar.js"></script>
<script src="./js/mobileSelect.js"></script>
<script src="./js/selectDate.js"></script>
<script src="./js/memberFlow2.js"></script>
<script src="./js/memberFlow2.js?v=1.0"></script>
<script src="../../common/local/langHandler.js"></script>
</html>

View File

@@ -142,7 +142,7 @@ body {
float: right;
margin-top: 0.18667rem;
margin-right: 0.21333rem;
background: #9168FA;
background: #14D2A6 100%;
}
.box .phone .codeBox .codeButTime {
@@ -158,12 +158,11 @@ body {
color: #FFFFFF;
font-size: 0.42667rem;
margin: 0 auto 0.53333rem;
background: linear-gradient(180deg, rgba(249, 195, 234, 0.65) 0%, rgba(229, 142, 255, 0.65) 50%, rgba(205, 122, 233, 0.65) 100%) top;
background: linear-gradient(270deg, #A5EEC8, #ABF5E3);
}
.box .butok {
background: url(../images/login/butBg.png) no-repeat;
background-size: 100% 100%;
background: linear-gradient(270deg, #57E193, #14D2A6);
}
.box .hone {
@@ -175,8 +174,7 @@ body {
color: #fff;
font-size: 0.42667rem;
margin: 0 auto 0.53333rem;
background: url(../images/login/butBg.png) no-repeat;
background-size: 100% 100%;
background: linear-gradient(270deg, #57E193, #14D2A6);
}
.area {

View File

@@ -146,7 +146,7 @@ body {
float: right;
margin-top: px2rem(14);
margin-right: px2rem(16);
background: #9168FA;
background: #14D2A6 100%;
}
.codeButTime {
@@ -167,13 +167,13 @@ body {
font-size: px2rem(32);
margin: 0 auto px2rem(40);
// background: linear-gradient(90deg, #EEDCFF 0%, #DEE4FF 50%, #CCF8F9 100%);
background: linear-gradient(180deg, rgba(249,195,234,.65) 0%, rgba(229,142,255,.65) 50%, rgba(205, 122, 233, .65) 100%) top;
background: linear-gradient(270deg, #A5EEC8, #ABF5E3);
}
.butok {
// background: linear-gradient(180deg, #F9C3EA 0%, #E58EE1 50%, #CD7AE9 100%) top;
background: url(../images/login/butBg.png) no-repeat;
background-size: 100% 100%;
background: linear-gradient(270deg, #57E193, #14D2A6);
// background: url(../images/login/butBg.png) no-repeat;
// background-size: 100% 100%;
}
.hone {
@@ -185,10 +185,10 @@ body {
color: #fff;
font-size: px2rem(32);
margin: 0 auto px2rem(40);
// background: linear-gradient(270deg, #FAEDFF 0%, #E6FDFF 100%);
background: linear-gradient(270deg, #57E193, #14D2A6);
// border: 1px solid #D480FF;
background: url(../images/login/butBg.png) no-repeat;
background-size: 100% 100%;
// background: url(../images/login/butBg.png) no-repeat;
// background-size: 100% 100%;
}
}

Binary file not shown.

Before

Width:  |  Height:  |  Size: 515 KiB

After

Width:  |  Height:  |  Size: 304 KiB

View File

@@ -9,7 +9,7 @@
<meta name="apple-mobile-web-app-capable" content="yes">
<title>登入</title>
<link rel="stylesheet" href="../../common/css/reset.css">
<link rel="stylesheet" href="./css/login.css">
<link rel="stylesheet" href="./css/login.css?v=1.0">
</head>
<body>
@@ -17,7 +17,7 @@
<img src="./images/back.png" alt="" class="back">
<!-- 頭部 -->
<div class="header">
<img src="./images/login/logo.png" alt="" class="logo">
<!-- <img src="./images/login/logo.png" alt="" class="logo"> -->
</div>
<!-- 底部登入 -->
<div class="box">
@@ -63,4 +63,4 @@
<script src="../../common/js/route-constant.js"></script>
<script src="../../common/js/svga.min.js"></script>
<script src="../../common/js/crypto-js.js"></script>
<script src="./js/login.js?v=1.0"></script>
<script src="./js/login.js?v=1.1"></script>

View File

@@ -153,7 +153,6 @@ body {
}
.page1 .box1 .megaphone ul li .b {
width: 2.1rem;
text-align: left;
}

View File

@@ -155,7 +155,6 @@ body {
text-align: center;
}
.b{
width: 2.1rem;
text-align: left;
}
}

View File

@@ -0,0 +1,176 @@
html,
body {
width: 100%;
height: 100%;
background: linear-gradient(180deg, #DBF6FE 10%, #F9F7F8 40%);
box-sizing: border-box;
padding-top: 1.06667rem;
}
.back {
height: 0.58667rem;
line-height: 0.58667rem;
position: fixed;
left: 0;
top: 1.53333rem;
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;
}
.title {
width: 9.04rem;
display: flex;
justify-content: space-between;
box-sizing: border-box;
padding: 0 0rem 0 0.66667rem;
position: fixed;
left: 50%;
transform: translateX(-50%);
top: 1.6rem;
}
.title div {
color: #222222;
font-size: 0.42667rem;
font-weight: bold;
position: relative;
}
.title div i {
width: 0.53333rem;
height: 0.06667rem;
border-radius: 0.06667rem;
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: 0rem;
background: linear-gradient(135deg, #AE87FF 54%, #FF5CE1 100%);
}
.title .d2 {
width: 1.86667rem;
height: 0.66667rem;
line-height: 0.66667rem;
border-radius: 0.66667rem;
background: #fff;
text-align: center;
}
.title .d2 span {
vertical-align: middle;
display: inline-block;
color: #9296A5;
font-size: 0.34667rem;
}
.title .d2 img {
width: 0.4rem;
height: 0.4rem;
vertical-align: middle;
display: inline-block;
}
ul {
width: 9.04rem;
height: 18.5rem;
margin: 0.66667rem auto 0;
overflow-y: scroll;
}
ul::-webkit-scrollbar {
display: none;
}
ul li {
width: 100%;
height: 2.13333rem;
overflow: hidden;
background: #fff;
border-radius: 0.32rem;
margin-bottom: 0.26667rem;
}
ul li .tx {
width: 1.70667rem;
height: 1.70667rem;
border-radius: 50%;
float: left;
margin-top: 0.21333rem;
margin-left: 0.13333rem;
margin-right: 0.26667rem;
}
ul li .user {
float: left;
}
ul li .user .nick {
width: 2rem;
color: #1D1D1D;
font-weight: 600;
margin-top: 0.6rem;
font-size: 0.37333rem;
height: 0.4rem;
margin-bottom: 0.26667rem;
white-space: nowrap;
}
ul li .user .nick i {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
font-style: normal;
display: inline-block;
vertical-align: middle;
}
ul li .user .nick img {
display: inline-block;
width: 0.26667rem;
height: 0.26667rem;
margin-left: 0.13333rem;
vertical-align: middle;
}
ul li .user .nick .img {
width: 0.34667rem;
height: 0.34667rem;
display: inline-block;
}
ul li .user .lastLoginRegion {
color: #C2C3D3;
font-size: 0.34667rem;
}
ul li .right {
width: 2.13333rem;
height: 0.8rem;
line-height: 0.8rem;
border-radius: 0.8rem;
float: right;
text-align: center;
margin-right: 0.26667rem;
margin-top: 0.64rem;
background: linear-gradient(135deg, #B7F2FF 0%, #D5C1FF 54%, #FDACF1 100%);
color: #ac1295;
}
ul .null {
height: 2.13333rem;
line-height: 2.13333rem;
text-align: center;
color: #C4C6D5;
font-size: 0.34667rem;
}

View File

@@ -0,0 +1,199 @@
@function px2rem($px) {
@return $px / 75+rem;
}
html,
body {
width: 100%;
height: 100%;
// background: #F8F8FB;
background: linear-gradient(180deg, #DBF6FE 10%, #F9F7F8 40%);
box-sizing: border-box;
padding-top: px2rem(80);
}
.back {
// width: 100%;
height: px2rem(44);
line-height: px2rem(44);
position: fixed;
left: 0;
top: px2rem(115);
text-align: center;
color: #FFFFFF;
font-size: px2rem(38);
font-weight: bold;
z-index: 10;
img {
width: px2rem(44);
height: px2rem(44);
position: absolute;
left: px2rem(18);
top: px2rem(0);
}
}
.title {
width: px2rem(678);
display: flex;
justify-content: space-between;
// margin: px2rem(120) auto 0;
box-sizing: border-box;
padding: 0 px2rem(0) 0 px2rem(50);
position: fixed;
left: 50%;
transform: translateX(-50%);
top: px2rem(120);
div {
color: #222222;
font-size: px2rem(32);
font-weight: bold;
position: relative;
i {
width: px2rem(40);
height: px2rem(5);
border-radius: px2rem(5);
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: px2rem(0);
background: linear-gradient(135deg, #AE87FF 54%, #FF5CE1 100%);
;
}
}
.d2 {
width: px2rem(140);
height: px2rem(50);
line-height: px2rem(50);
border-radius: px2rem(50);
background: #fff;
text-align: center;
span {
vertical-align: middle;
display: inline-block;
color: #9296A5;
font-size: px2rem(26);
}
img {
width: px2rem(30);
height: px2rem(30);
vertical-align: middle;
display: inline-block;
}
}
}
ul {
width: px2rem(678);
height: 18.5rem;
// background: pink;
margin: px2rem(50) auto 0;
overflow-y: scroll;
&::-webkit-scrollbar {
display: none;
}
li {
width: 100%;
height: px2rem(160);
overflow: hidden;
background: #fff;
border-radius: px2rem(24);
margin-bottom: px2rem(20);
.tx {
width: px2rem(128);
height: px2rem(128);
border-radius: 50%;
float: left;
margin-top: px2rem(16);
margin-left: px2rem(10);
margin-right: px2rem(20);
}
.user {
float: left;
.nick {
width: 2rem;
color: #1D1D1D;
font-weight: 600;
margin-top: px2rem(45);
font-size: px2rem(28);
height: px2rem(30);
margin-bottom: px2rem(20);
white-space: nowrap;
i {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
font-style: normal;
display: inline-block;
vertical-align: middle;
}
img {
display: inline-block;
width: px2rem(20);
height: px2rem(20);
margin-left: px2rem(10);
vertical-align: middle;
}
.img {
width: px2rem(26);
height: px2rem(26);
display: inline-block;
}
}
.lastLoginRegion {
color: #C2C3D3;
font-size: px2rem(26);
}
}
.right {
width: px2rem(160);
height: px2rem(60);
line-height: px2rem(60);
border-radius: px2rem(60);
float: right;
text-align: center;
margin-right: px2rem(20);
margin-top: px2rem(48);
background: linear-gradient(135deg, #B7F2FF 0%, #D5C1FF 54%, #FDACF1 100%);
color: #ac1295;
// span {
// display: inline-block;
// color: #A2A7B8;
// font-size: px2rem(24);
// }
// img {
// vertical-align: middle;
// width: px2rem(26);
// height: px2rem(26);
// display: inline-block;
// margin-left: px2rem(10);
// }
}
}
.null {
height: px2rem(160);
line-height: px2rem(160);
text-align: center;
color: #C4C6D5;
font-size: px2rem(26);
}
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 602 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 603 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.9 KiB

View File

@@ -0,0 +1,44 @@
<!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/index.css">
</head>
<body>
<!-- 頂部返回 -->
<div class="back">
<img src="./images/travel/back.png" alt="">
</div>
<!-- 標題 -->
<div class="title">
<div>萌新推薦<i></i></div>
<div class="d2">
<span>刷新</span><img src="./images/refresh.png" alt="">
</div>
</div>
<ul>
<!-- <li>
<img src="./images/384.png" alt="" class="tx">
<div class="user">
<p class="nick"><i>虛位以待</i><img src="./images/1.png" alt=""><img class="img" src="./images/money.png" alt=""></p>
<span class="lastLoginRegion">地區: 中國-廣東</span>
</div>
<div class="right">私信TA</div>
</li> -->
<!-- <li class="null">暫無數據~</li> -->
</ul>
</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/index.js"></script>

View File

@@ -0,0 +1,133 @@
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 pageNum = 1;
var isLock = true;
// 初始化函數
$(function () {
getInfoFromClient();
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)
}
});
list();
}, 100)
})
function list() {
showLoading()
networkRequest({
type: 'get',
url: urlPrefix + '/newUser/page',
data: {
pageNum,
pageSize: 10,
},
success(res) {
if (res.code === 200) {
var str = '';
if (res.data.length == 0) {
isLock = false;
if (pageNum == 1) {
str += `<li class="null">暫無數據~</li>
`
}
} else {
res.data.forEach(res => {
str += `
<li uid=${res.uid}>
<img src="${res.avatar}" alt="" class="tx">
<div class="user">
<p class="nick"><i>${res.nick}</i><img src="./images/${res.gender}.png" alt=""><img class="img" style="display:${res.firstCharge ? 'inline-block' : 'none'}" src="./images/money.png" alt=""></p>
<span style="display:${res.region ? "block" : "none"}" class="lastLoginRegion">地區: ${res.region}</span>
</div>
<div class="right">私信TA</div>
</li>
`
})
isLock = true;
}
$("ul").append(str);
} else {
isLock = true;
toastMsg(res.message)
}
hideLoading(layerIndex)
},
error(err) {
isLock = true;
hideLoading(layerIndex)
toastMsg("網絡錯誤,請退出重進")
}
})
}
// 刷新按鈕
$('.title .d2').click(function () {
pageNum = 1;
isLock = true;
$('ul li').remove();
list();
})
// 點擊列表打開信息頁
$('ul').on('click', 'li', function () {
var uid = $(this).attr('uid');
if (browser.ios) {
window.webkit.messageHandlers.openPersonPage.postMessage(uid);
setTimeout(function () { lock = true; }, 200)
} else if (browser.android) {
if (androidJsObj && typeof androidJsObj === 'object') {
window.androidJsObj.openPersonPage(uid);
}
}
})
// 滾動監聽
$('ul').scroll(function () {
let scrollTop = $(this).scrollTop()
let scrollHeight = $('ul')[0].scrollHeight
let ulHeight = $(this).innerHeight()
if (scrollTop + ulHeight + 100 >= scrollHeight) {
if (isLock) {
// 請求下一頁
pageNum = pageNum + 1;
list()
isLock = false;
}
}
})

View File

@@ -1 +1 @@
<!DOCTYPE html><html><head><meta charset=UTF-8><meta name=viewport content="width=device-width,user-scalable=no,initial-scale=1,maximum-scale=1,minimum-scale=1"><title>molistar</title><link href=./static/css/app.1c49a76cafa4948223ab6d9713891691.css rel=stylesheet></head><body><div id=app></div><script type=text/javascript src=./static/js/manifest.605adc25401124a3376c.js></script><script type=text/javascript src=./static/js/vendor.ef63a6e67767f10f7bb6.js></script><script type=text/javascript src=./static/js/app.cface51cfa4b1ea6cea6.js></script></body></html>
<!DOCTYPE html><html><head><meta charset=UTF-8><meta name=viewport content="width=device-width,user-scalable=no,initial-scale=1,maximum-scale=1,minimum-scale=1"><title>molistar</title><link href=./static/css/app.5d78398a0b057a8e4ead59c63b5b0637.css rel=stylesheet></head><body><div id=app></div><script type=text/javascript src=./static/js/manifest.48507909c165798089f7.js></script><script type=text/javascript src=./static/js/vendor.ef63a6e67767f10f7bb6.js></script><script type=text/javascript src=./static/js/app.6b2186f60b68842acea5.js></script></body></html>

File diff suppressed because one or more lines are too long

View File

@@ -1,2 +1,2 @@
webpackJsonp([12],{CXh3:function(t,n,a){"use strict";Object.defineProperty(n,"__esModule",{value:!0});var v={created:function(){document.title="領獎說明"},components:{navigation:a("hff3").a}},s={render:function(){var t=this,n=t.$createElement,a=t._self._c||n;return a("div",{staticClass:"wrap"},[this.$store.state.isApp?t._e():a("navigation",{attrs:{title:"領獎說明"}}),t._v(" "),a("div",{staticClass:"part-title nomt"},[t._v("一、領獎綁定說明")]),t._v(" "),a("p",[t._v("\n 1.領獎前請前往app設置支付密碼、實名認證和綁定支付寶。\n ")]),t._v(" "),a("p",[t._v("\n 2.綁定時務必確保所填信息有效,填寫資料錯誤導致的提現失敗損失將由用戶自行承擔。\n ")]),t._v(" "),a("p",[t._v("\n 3.修改支付寶賬號時,暫不支持對賬號主體(即真實姓名和身份證號)進行修改。\n ")]),t._v(" "),a("div",{staticClass:"part-title"},[t._v("二、領獎規則")]),t._v(" "),a("p",[t._v("\n 1.用戶賬戶內可領獎金額大於等於10元時可申請領獎每次領獎按聽獎金額的6.5%收取交易手續費。\n ")]),t._v(" "),a("p",[t._v("\n 2.用戶隨時可申請提現每周可提現5次提交申請後審核及到賬時間為1個工作日內具體到賬時間以綁定的支付寶賬號的到賬時間為準。\n ")]),t._v(" "),a("div",{staticClass:"part-title"},[t._v("三、領獎審核不通過的原因")]),t._v(" "),t._m(0),t._v(" "),a("p",[t._v("\n 2.如平臺檢測到用戶的molistar賬戶有作弊或異常狀況平臺將拒絕該用戶對收益進行提現。\n ")]),t._v(" "),a("p",[t._v("3.如對領獎金額有疑問,可聯系在線客服並提供相關信息進行查詢。")]),t._v(" "),a("p",[t._v("\n 4.molistar有權依據國家政策、技術條件、產品功能等變化需要而對本說明進行修改並將修改後的說明予以發布並對具體獎金發放規則及《領獎說明》擁有最終解釋權。\n ")])],1)},staticRenderFns:[function(){var t=this,n=t.$createElement,a=t._self._c||n;return a("div",[a("p",[t._v("1.支付寶賬號未完成實名認證或開啟了隱私保護功能。")]),t._v(" "),a("p",{staticClass:"a"},[t._v("解決辦法:")]),t._v(" "),a("p",{staticClass:"b"},[t._v("1完成支付寶收款賬號實名認證")]),t._v(" "),a("p",{staticClass:"b c"},[t._v("2前往支付寶→我的→設置→開啟【通過手機號找到我】")]),t._v(" "),a("p",{staticClass:"b"},[t._v("3完成上述操作後可重新進行領獎申請")])])}]};var e=a("VU/8")(v,s,!1,function(t){a("T94n")},"data-v-5bdeda0f",null);n.default=e.exports},T94n:function(t,n){}});
//# sourceMappingURL=12.b16a14104ab77a57b8a2.js.map
webpackJsonp([11],{CXh3:function(t,n,a){"use strict";Object.defineProperty(n,"__esModule",{value:!0});var v={created:function(){document.title="領獎說明"},components:{navigation:a("hff3").a}},s={render:function(){var t=this,n=t.$createElement,a=t._self._c||n;return a("div",{staticClass:"wrap"},[this.$store.state.isApp?t._e():a("navigation",{attrs:{title:"領獎說明"}}),t._v(" "),a("div",{staticClass:"part-title nomt"},[t._v("一、領獎綁定說明")]),t._v(" "),a("p",[t._v("\n 1.領獎前請前往app設置支付密碼、實名認證和綁定支付寶。\n ")]),t._v(" "),a("p",[t._v("\n 2.綁定時務必確保所填信息有效,填寫資料錯誤導致的提現失敗損失將由用戶自行承擔。\n ")]),t._v(" "),a("p",[t._v("\n 3.修改支付寶賬號時,暫不支持對賬號主體(即真實姓名和身份證號)進行修改。\n ")]),t._v(" "),a("div",{staticClass:"part-title"},[t._v("二、領獎規則")]),t._v(" "),a("p",[t._v("\n 1.用戶賬戶內可領獎金額大於等於10元時可申請領獎每次領獎按聽獎金額的6.5%收取交易手續費。\n ")]),t._v(" "),a("p",[t._v("\n 2.用戶隨時可申請提現每周可提現5次提交申請後審核及到賬時間為1個工作日內具體到賬時間以綁定的支付寶賬號的到賬時間為準。\n ")]),t._v(" "),a("div",{staticClass:"part-title"},[t._v("三、領獎審核不通過的原因")]),t._v(" "),t._m(0),t._v(" "),a("p",[t._v("\n 2.如平臺檢測到用戶的molistar賬戶有作弊或異常狀況平臺將拒絕該用戶對收益進行提現。\n ")]),t._v(" "),a("p",[t._v("3.如對領獎金額有疑問,可聯系在線客服並提供相關信息進行查詢。")]),t._v(" "),a("p",[t._v("\n 4.molistar有權依據國家政策、技術條件、產品功能等變化需要而對本說明進行修改並將修改後的說明予以發布並對具體獎金發放規則及《領獎說明》擁有最終解釋權。\n ")])],1)},staticRenderFns:[function(){var t=this,n=t.$createElement,a=t._self._c||n;return a("div",[a("p",[t._v("1.支付寶賬號未完成實名認證或開啟了隱私保護功能。")]),t._v(" "),a("p",{staticClass:"a"},[t._v("解決辦法:")]),t._v(" "),a("p",{staticClass:"b"},[t._v("1完成支付寶收款賬號實名認證")]),t._v(" "),a("p",{staticClass:"b c"},[t._v("2前往支付寶→我的→設置→開啟【通過手機號找到我】")]),t._v(" "),a("p",{staticClass:"b"},[t._v("3完成上述操作後可重新進行領獎申請")])])}]};var e=a("VU/8")(v,s,!1,function(t){a("T94n")},"data-v-5bdeda0f",null);n.default=e.exports},T94n:function(t,n){}});
//# sourceMappingURL=11.a5e798e367bdaa3003e9.js.map

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@@ -1,2 +1,2 @@
!function(e){var n=window.webpackJsonp;window.webpackJsonp=function(r,c,a){for(var f,i,u,d=0,s=[];d<r.length;d++)i=r[d],t[i]&&s.push(t[i][0]),t[i]=0;for(f in c)Object.prototype.hasOwnProperty.call(c,f)&&(e[f]=c[f]);for(n&&n(r,c,a);s.length;)s.shift()();if(a)for(d=0;d<a.length;d++)u=o(o.s=a[d]);return u};var r={},t={15:0};function o(n){if(r[n])return r[n].exports;var t=r[n]={i:n,l:!1,exports:{}};return e[n].call(t.exports,t,t.exports,o),t.l=!0,t.exports}o.e=function(e){var n=t[e];if(0===n)return new Promise(function(e){e()});if(n)return n[2];var r=new Promise(function(r,o){n=t[e]=[r,o]});n[2]=r;var c=document.getElementsByTagName("head")[0],a=document.createElement("script");a.type="text/javascript",a.charset="utf-8",a.async=!0,a.timeout=12e4,o.nc&&a.setAttribute("nonce",o.nc),a.src=o.p+"static/js/"+e+"."+{0:"9b42e162ef90c3d92a52",1:"c2ef46c6dcac24931ba4",2:"17debe0f6011a97521e8",3:"a4c2cd2893242b26adcb",4:"1c8935faedda18361064",5:"37b2f2b115d86f904080",6:"0e7ac399b5d59483b7f2",7:"770781e704ff5805cd00",8:"4218eb5becaddd649623",9:"d02156509389fc441584",10:"8520f094936f10a3326e",11:"43caf672575e03e95c26",12:"b16a14104ab77a57b8a2"}[e]+".js";var f=setTimeout(i,12e4);function i(){a.onerror=a.onload=null,clearTimeout(f);var n=t[e];0!==n&&(n&&n[1](new Error("Loading chunk "+e+" failed.")),t[e]=void 0)}return a.onerror=a.onload=i,c.appendChild(a),r},o.m=e,o.c=r,o.d=function(e,n,r){o.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:r})},o.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(n,"a",n),n},o.o=function(e,n){return Object.prototype.hasOwnProperty.call(e,n)},o.p="./",o.oe=function(e){throw console.error(e),e}}([]);
//# sourceMappingURL=manifest.605adc25401124a3376c.js.map
!function(e){var n=window.webpackJsonp;window.webpackJsonp=function(r,c,a){for(var f,i,u,d=0,s=[];d<r.length;d++)i=r[d],t[i]&&s.push(t[i][0]),t[i]=0;for(f in c)Object.prototype.hasOwnProperty.call(c,f)&&(e[f]=c[f]);for(n&&n(r,c,a);s.length;)s.shift()();if(a)for(d=0;d<a.length;d++)u=o(o.s=a[d]);return u};var r={},t={15:0};function o(n){if(r[n])return r[n].exports;var t=r[n]={i:n,l:!1,exports:{}};return e[n].call(t.exports,t,t.exports,o),t.l=!0,t.exports}o.e=function(e){var n=t[e];if(0===n)return new Promise(function(e){e()});if(n)return n[2];var r=new Promise(function(r,o){n=t[e]=[r,o]});n[2]=r;var c=document.getElementsByTagName("head")[0],a=document.createElement("script");a.type="text/javascript",a.charset="utf-8",a.async=!0,a.timeout=12e4,o.nc&&a.setAttribute("nonce",o.nc),a.src=o.p+"static/js/"+e+"."+{0:"9b42e162ef90c3d92a52",1:"c2ef46c6dcac24931ba4",2:"17debe0f6011a97521e8",3:"a4c2cd2893242b26adcb",4:"1c8935faedda18361064",5:"58042bd52f2cd081476b",6:"0e7ac399b5d59483b7f2",7:"770781e704ff5805cd00",8:"4218eb5becaddd649623",9:"d02156509389fc441584",10:"8520f094936f10a3326e",11:"a5e798e367bdaa3003e9",12:"76315556388cef14bf10"}[e]+".js";var f=setTimeout(i,12e4);function i(){a.onerror=a.onload=null,clearTimeout(f);var n=t[e];0!==n&&(n&&n[1](new Error("Loading chunk "+e+" failed.")),t[e]=void 0)}return a.onerror=a.onload=i,c.appendChild(a),r},o.m=e,o.c=r,o.d=function(e,n,r){o.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:r})},o.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(n,"a",n),n},o.o=function(e,n){return Object.prototype.hasOwnProperty.call(e,n)},o.p="./",o.oe=function(e){throw console.error(e),e}}([]);
//# sourceMappingURL=manifest.48507909c165798089f7.js.map

View File

@@ -0,0 +1,512 @@
html,
body {
width: 100%;
background: #fff;
}
.back {
width: 100%;
height: 0.58667rem;
line-height: 0.58667rem;
position: fixed;
left: 0;
top: 0.86667rem;
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.70667rem;
position: relative;
margin: 0 auto;
}
.header .tabBox {
width: 7.6rem;
height: 0.46667rem;
line-height: 0.46667rem;
display: flex;
justify-content: space-between;
position: absolute;
top: 1.52rem;
left: 50%;
transform: translateX(-50%);
}
.header .tabBox div {
position: relative;
width: 1.32rem;
color: #C3BEBA;
font-size: 0.42667rem;
font-weight: 400;
}
.header .tabBox div span {
width: 0.49333rem;
height: 0.10667rem;
border-radius: 0.10667rem;
background: #fff;
position: absolute;
bottom: -0.29333rem;
left: 50%;
transform: translateX(-50%);
display: none;
}
.header .tabBox .act {
color: #fff;
font-weight: bold;
}
.header .tabBox .act span {
display: block;
}
.header .sTab {
position: absolute;
width: 6.13333rem;
height: 0.74667rem;
top: 2.77333rem;
left: 50%;
transform: translateX(-50%);
background: rgba(255, 255, 255, 0.4);
border-radius: 0.74667rem;
display: flex;
justify-content: space-between;
overflow: hidden;
}
.header .sTab div {
width: 3.06667rem;
height: 0.74667rem;
line-height: 0.74667rem;
border-radius: 0.74667rem;
color: #DBD6CF;
font-size: 0.4rem;
font-weight: 400;
text-align: center;
}
.header .sTab .act {
color: #6D6D6D;
background: #fff;
}
.header .top {
width: 9.61333rem;
height: 4.02667rem;
position: absolute;
top: 7.86667rem;
left: 50%;
transform: translateX(-50%);
}
.header .top .top1 {
position: absolute;
top: -4rem;
width: 7.4rem;
height: 4.01333rem;
left: 50%;
transform: translateX(-50%);
}
.header .top .top1 .ts {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 2;
}
.header .top .top1 .tx {
width: 2.34667rem;
height: 2.58667rem;
position: absolute;
top: 0.93333rem;
left: 50%;
transform: translateX(-50%);
border-radius: 50%;
}
.header .top .top1 .nick {
width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
color: #fff;
font-size: 0.37333rem;
text-align: center;
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: -1.46667rem;
}
.header .top .top1 .fist {
width: 1.02667rem;
height: 1.24rem;
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: -2.88rem;
}
.header .top .top2 {
position: absolute;
top: -1.52rem;
width: 2.82667rem;
height: 3.04rem;
left: 0.44rem;
z-index: 2;
}
.header .top .top2 .ts {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 2;
}
.header .top .top2 .tx {
width: 1.78667rem;
height: 1.78667rem;
position: absolute;
top: 0.88rem;
left: 50%;
transform: translateX(-50%);
border-radius: 50%;
}
.header .top .top2 .nick {
width: 100%;
height: 0.5rem;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
color: #fff;
font-size: 0.37333rem;
text-align: center;
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: -0.68rem;
}
.header .top .top2 .score {
width: 100%;
height: 0.42667rem;
line-height: 0.42667rem;
color: #fff;
font-size: 0.34667rem;
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: -1.33333rem;
text-align: center;
}
.header .top .top2 .score img {
display: inline-block;
width: 0.45333rem;
height: 0.45333rem;
margin-top: -0.04rem;
}
.header .top .top3 {
position: absolute;
top: -1.52rem;
width: 2.82667rem;
height: 3.04rem;
right: 0.44rem;
z-index: 2;
}
.header .top .top3 .ts {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 2;
}
.header .top .top3 .tx {
width: 1.78667rem;
height: 1.78667rem;
position: absolute;
top: 0.88rem;
left: 50%;
transform: translateX(-50%);
border-radius: 50%;
}
.header .top .top3 .nick {
width: 100%;
height: 0.5rem;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
color: #fff;
font-size: 0.37333rem;
text-align: center;
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: -0.68rem;
}
.header .top .top3 .score {
width: 100%;
height: 0.42667rem;
line-height: 0.42667rem;
color: #fff;
font-size: 0.34667rem;
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: -1.33333rem;
text-align: center;
}
.header .top .top3 .score img {
display: inline-block;
width: 0.45333rem;
height: 0.45333rem;
margin-top: -0.04rem;
}
.header .tops1 {
background: url(../images/bg1.png) no-repeat;
background-size: 100% 100%;
}
.header .tops2 {
background: url(../images/bg2.png) no-repeat;
background-size: 100% 100%;
}
.header .tops3 {
background: url(../images/bg3.png) no-repeat;
background-size: 100% 100%;
}
.header .tops4 {
background: url(../images/bg4.png) no-repeat;
background-size: 100% 100%;
}
.header1 {
background: url(../images/header1.png) no-repeat;
background-size: 100% 100%;
}
.header2 {
background: url(../images/header2.png) no-repeat;
background-size: 100% 100%;
}
.header3 {
background: url(../images/header3.png) no-repeat;
background-size: 100% 100%;
}
.header4 {
background: url(../images/header4.png) no-repeat;
background-size: 100% 100%;
}
ul {
width: 10rem;
height: 12.16rem;
position: relative;
z-index: 2;
margin: -0.6rem auto 2.04rem;
border-radius: 0.72rem 0.72rem 0px 0px;
box-sizing: border-box;
padding-top: 0.50667rem;
padding: 0.50667rem 0.45333rem 0 0.45333rem;
overflow-y: scroll;
}
ul::-webkit-scrollbar {
display: none;
}
ul li {
width: 100%;
height: 1.33333rem;
margin-bottom: 0.74667rem;
}
ul li .seqNo {
width: 0.66667rem;
height: 1.33333rem;
line-height: 1.33333rem;
text-align: center;
color: #15132B;
margin-right: 0.49333rem;
font-weight: 500;
float: left;
}
ul li .tx {
display: block;
float: left;
width: 1.33333rem;
height: 1.33333rem;
border-radius: 50%;
margin-right: 0.28rem;
}
ul li .nick {
width: 2.5rem;
height: 1.33333rem;
line-height: 1.33333rem;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
float: left;
}
ul li .score {
height: 1.33333rem;
line-height: 1.33333rem;
float: right;
color: #333333;
font-size: 0.34667rem;
font-weight: 500;
}
ul li .score img {
display: inline-block;
width: 0.42667rem;
height: 0.42667rem;
vertical-align: middle;
margin-top: -0.1rem;
}
ul li .score span {
vertical-align: middle;
}
.ul1 {
background: linear-gradient(180deg, #FFF6BB -57%, #F9F7F8 90%);
}
.ul2 {
background: linear-gradient(180deg, #B6CDFF -57%, #FEFEFE 90%);
}
.ul3 {
background: linear-gradient(180deg, #FABBBB -57%, #FEF9F9 90%);
}
.ul4 {
background: linear-gradient(180deg, #FFC6F5 -57%, #F9F7F9 90%);
margin-bottom: 0;
}
.my {
width: 10rem;
height: 2.04rem;
position: fixed;
z-index: 9;
background: url(../images/myBg.png) no-repeat;
background-size: 100% 100%;
left: 0;
bottom: 0;
}
.my .box {
width: 100%;
height: 1.33333rem;
margin-top: 0.46667rem;
box-sizing: border-box;
padding: 0 0.4rem;
}
.my .box .seqNo {
width: 0.66667rem;
height: 1.33333rem;
line-height: 1.33333rem;
text-align: center;
color: #15132B;
margin-right: 0.49333rem;
font-weight: 500;
float: left;
}
.my .box .tx {
display: block;
float: left;
width: 1.33333rem;
height: 1.33333rem;
border-radius: 50%;
margin-right: 0.28rem;
}
.my .box .nick {
width: 2.5rem;
height: 1.33333rem;
line-height: 1.33333rem;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
float: left;
}
.my .box .score {
height: 1.33333rem;
line-height: 1.33333rem;
float: right;
color: #333333;
font-size: 0.34667rem;
font-weight: 500;
}
.my .box .score img {
display: inline-block;
width: 0.42667rem;
height: 0.42667rem;
vertical-align: middle;
margin-top: -0.1rem;
}
.my .box .score span {
vertical-align: middle;
}
.arabic .header .tabBox {
width: 90%;
}
.arabic .header .tabBox div {
width: 1.9rem;
font-size: 0.33333rem;
white-space: nowrap;
}
.english .header .tabBox {
width: 90%;
}
.english .header .tabBox div {
font-size: 0.34667rem;
white-space: nowrap;
width: 1.7rem;
}

View File

@@ -0,0 +1,520 @@
@function px2rem($px) {
@return $px / 75+rem;
}
html,
body {
width: 100%;
background: #fff;
}
.back {
width: 100%;
height: px2rem(44);
line-height: px2rem(44);
position: fixed;
left: 0;
top: px2rem(65);
text-align: center;
color: #FFFFFF;
font-size: px2rem(38);
font-weight: bold;
z-index: 10;
img {
width: px2rem(44);
height: px2rem(44);
position: absolute;
left: px2rem(18);
top: px2rem(0);
}
}
.header {
width: px2rem(750);
height: px2rem(878);
position: relative;
margin: 0 auto;
.tabBox {
width: px2rem(570);
height: px2rem(35);
line-height: px2rem(35);
display: flex;
justify-content: space-between;
position: absolute;
top: px2rem(114);
left: 50%;
transform: translateX(-50%);
div {
position: relative;
width: px2rem(99);
color: #C3BEBA;
font-size: px2rem(32);
font-weight: 400;
span {
width: px2rem(37);
height: px2rem(8);
border-radius: px2rem(8);
background: #fff;
position: absolute;
bottom: px2rem(-22);
left: 50%;
transform: translateX(-50%);
display: none;
}
}
.act {
color: #fff;
font-weight: bold;
span {
display: block;
}
}
}
.sTab {
position: absolute;
width: px2rem(460);
height: px2rem(56);
top: px2rem(208);
left: 50%;
transform: translateX(-50%);
background: rgba(255, 255, 255, .4);
border-radius: px2rem(56);
display: flex;
justify-content: space-between;
overflow: hidden;
div {
width: px2rem(230);
height: px2rem(56);
line-height: px2rem(56);
border-radius: px2rem(56);
color: #DBD6CF;
font-size: px2rem(30);
font-weight: 400;
text-align: center;
}
.act {
color: #6D6D6D;
background: #fff;
}
}
.top {
width: px2rem(721);
height: px2rem(302);
position: absolute;
top: px2rem(590);
left: 50%;
transform: translateX(-50%);
.top1 {
position: absolute;
top: px2rem(-300);
width: px2rem(555);
height: px2rem(301);
left: 50%;
transform: translateX(-50%);
.ts {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 2;
}
.tx {
width: px2rem(176);
height: px2rem(194);
position: absolute;
top: px2rem(70);
left: 50%;
transform: translateX(-50%);
border-radius: 50%;
}
.nick {
width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
color: #fff;
font-size: px2rem(28);
text-align: center;
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: px2rem(-110);
}
.fist {
width: px2rem(77);
height: px2rem(93);
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: px2rem(-216);
}
}
.top2 {
position: absolute;
top: px2rem(-114);
width: px2rem(212);
height: px2rem(228);
left: px2rem(33);
z-index: 2;
.ts {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 2;
}
.tx {
width: px2rem(134);
height: px2rem(134);
position: absolute;
top: px2rem(66);
left: 50%;
transform: translateX(-50%);
border-radius: 50%;
}
.nick {
width: 100%;
height: 0.5rem;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
color: #fff;
font-size: px2rem(28);
text-align: center;
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: px2rem(-51);
}
.score {
width: 100%;
height: px2rem(32);
line-height: px2rem(32);
color: #fff;
font-size: px2rem(26);
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: px2rem(-100);
text-align: center;
img {
display: inline-block;
width: px2rem(34);
height: px2rem(34);
margin-top: -0.04rem;
}
}
}
.top3 {
position: absolute;
top: px2rem(-114);
width: px2rem(212);
height: px2rem(228);
right: px2rem(33);
z-index: 2;
.ts {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 2;
}
.tx {
width: px2rem(134);
height: px2rem(134);
position: absolute;
top: px2rem(66);
left: 50%;
transform: translateX(-50%);
border-radius: 50%;
}
.nick {
width: 100%;
height: 0.5rem;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
color: #fff;
font-size: px2rem(28);
text-align: center;
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: px2rem(-51);
}
.score {
width: 100%;
height: px2rem(32);
line-height: px2rem(32);
color: #fff;
font-size: px2rem(26);
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: px2rem(-100);
text-align: center;
img {
display: inline-block;
width: px2rem(34);
height: px2rem(34);
margin-top: -0.04rem;
}
}
}
}
.tops1 {
background: url(../images/bg1.png) no-repeat;
background-size: 100% 100%;
}
.tops2 {
background: url(../images/bg2.png) no-repeat;
background-size: 100% 100%;
}
.tops3 {
background: url(../images/bg3.png) no-repeat;
background-size: 100% 100%;
}
.tops4 {
background: url(../images/bg4.png) no-repeat;
background-size: 100% 100%;
}
}
.header1 {
background: url(../images/header1.png) no-repeat;
background-size: 100% 100%;
}
.header2 {
background: url(../images/header2.png) no-repeat;
background-size: 100% 100%;
}
.header3 {
background: url(../images/header3.png) no-repeat;
background-size: 100% 100%;
}
.header4 {
background: url(../images/header4.png) no-repeat;
background-size: 100% 100%;
}
ul {
width: px2rem(750);
height: px2rem(912);
position: relative;
z-index: 2;
margin: px2rem(-45) auto px2rem(153);
border-radius: px2rem(54) px2rem(54) 0px 0px;
box-sizing: border-box;
padding-top: px2rem(38);
padding: px2rem(38) px2rem(34) 0 px2rem(34);
overflow-y: scroll;
&::-webkit-scrollbar {
display: none;
}
li {
width: 100%;
height: px2rem(100);
margin-bottom: px2rem(56);
.seqNo {
width: px2rem(50);
height: px2rem(100);
line-height: px2rem(100);
text-align: center;
color: #15132B;
margin-right: px2rem(37);
font-weight: 500;
float: left;
}
.tx {
display: block;
float: left;
width: px2rem(100);
height: px2rem(100);
border-radius: 50%;
margin-right: px2rem(21);
}
.nick {
width: 2.5rem;
height: px2rem(100);
line-height: px2rem(100);
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
float: left;
}
.score {
height: px2rem(100);
line-height: px2rem(100);
float: right;
color: #333333;
font-size: px2rem(26);
font-weight: 500;
img {
display: inline-block;
width: px2rem(32);
height: px2rem(32);
vertical-align: middle;
margin-top: -0.1rem;
}
span {
vertical-align: middle;
}
}
}
}
.ul1 {
background: linear-gradient(180deg, #FFF6BB -57%, #F9F7F8 90%);
}
.ul2 {
background: linear-gradient(180deg, #B6CDFF -57%, #FEFEFE 90%);
}
.ul3 {
background: linear-gradient(180deg, #FABBBB -57%, #FEF9F9 90%);
}
.ul4 {
background: linear-gradient(180deg, #FFC6F5 -57%, #F9F7F9 90%);
margin-bottom: 0;
}
.my {
width: px2rem(750);
height: px2rem(153);
position: fixed;
z-index: 9;
background: url(../images/myBg.png) no-repeat;
background-size: 100% 100%;
left: 0;
bottom: 0;
.box {
width: 100%;
height: px2rem(100);
margin-top: px2rem(35);
box-sizing: border-box;
padding: 0 px2rem(30);
.seqNo {
width: px2rem(50);
height: px2rem(100);
line-height: px2rem(100);
text-align: center;
color: #15132B;
margin-right: px2rem(37);
font-weight: 500;
float: left;
}
.tx {
display: block;
float: left;
width: px2rem(100);
height: px2rem(100);
border-radius: 50%;
margin-right: px2rem(21);
}
.nick {
width: 2.5rem;
height: px2rem(100);
line-height: px2rem(100);
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
float: left;
}
.score {
height: px2rem(100);
line-height: px2rem(100);
float: right;
color: #333333;
font-size: px2rem(26);
font-weight: 500;
img {
display: inline-block;
width: px2rem(32);
height: px2rem(32);
vertical-align: middle;
margin-top: -0.1rem;
}
span {
vertical-align: middle;
}
}
}
}
.arabic {
.header .tabBox {
width: 90%;
div {
width: 1.9rem;
font-size: px2rem(25);
white-space: nowrap;
}
}
}
.english {
.header .tabBox {
width: 90%;
div {
font-size: px2rem(26);
white-space: nowrap;
width: 1.7rem;
}
}
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 26 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 30 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 27 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 29 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 627 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 564 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 569 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 574 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 20 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 140 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 42 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 36 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.9 KiB

View File

@@ -0,0 +1,100 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>MoliStar</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 header1">
<div class="tabBox">
<div class="act text1"><span></span></div>
<div class="text2"><span></span></div>
<div class="text3"><span></span></div>
<div class="text4"><span></span></div>
</div>
<div class="sTab">
<div class="act text5"></div>
<div class="text6"></div>
</div>
<!-- 前三 -->
<div class="top tops1">
<div class="top1">
<img src="./images/no1.png" alt="" class="ts">
<img src="./images/logo.png" alt="" class="tx">
<div class="nick"></div>
<img src="./images/fist.png" alt="" class="fist">
<!-- <div class="score">
<img src="./images/gold.png" alt="">
<span>0</span>
</div> -->
</div>
<div class="top2">
<img src="./images/no2.png" alt="" class="ts">
<img src="./images/logo.png" alt="" class="tx">
<div class="nick"></div>
<img src="./images/fist.png" alt="" class="fist">
<div class="score">
<img src="./images/gold.png" alt="">
<span></span>
</div>
</div>
<div class="top3">
<img src="./images/no3.png" alt="" class="ts">
<img src="./images/logo.png" alt="" class="tx">
<div class="nick"></div>
<img src="./images/fist.png" alt="" class="fist">
<div class="score">
<img src="./images/gold.png" alt="">
<span></span>
</div>
</div>
</div>
</div>
<!-- 非前三列表 -->
<ul class="ul1">
<!-- <li>
<div class="seqNo">4</div>
<img src="./images/logo.png" alt="" class="tx">
<div class="nick">虚位以待</div>
<div class="score">
<img src="./images/gold.png" alt="">
<span>0</span>
</div>
</li> -->
</ul>
<!-- 自己排名 -->
<div class="my">
<div class="box">
<div class="seqNo"></div>
<img src="./images/logo.png" alt="" class="tx">
<div class="nick"></div>
<div class="score">
<!-- <img src="./images/gold.png" alt=""> -->
<span></span>
</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="./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="../../common/local/langHandler.js"></script>

View File

@@ -0,0 +1,253 @@
let urlPrefix = getUrlPrefix()
let browser = checkVersion()
let env = EnvCheck();
if (env == 'test') {
new VConsole();
}
// 封裝layer消息提醒框
let layerIndex
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 listType = 2;//2爱意榜 1魅力榜 3房间榜
var timeType = 1;//1日 2周
// 初始化函數
$(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)
}
})
langReplace = window.lang.replace;
localLang = window.lang;
translateFun();
showLoading()
geth5()
}, 100)
})
function translateFun() {
var langReplace = window.lang.replace;
var localLang = window.lang;
$('.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').html(langReplace(localLang.demoModule.text5));
$('.text6').html(langReplace(localLang.demoModule.text6));
}
// 榜单接口
function geth5() {
$('ul li').remove();
$('.header .sTab').show();
$('.my').show()
$('.header .top .top2 .score,.header .top .top3 .score').show();
$('.header .top .top1 .fist').show();
$('ul li .score').show();
// showLoading()
networkRequest({
type: 'get',
url: urlPrefix + '/allrank/geth5',
data: {
type: listType,
datetype: timeType,
uid: pubInfo.uid
},
success(res) {
if (res.code === 200) {
var my = res.data.me;
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: "",
uid: "0",
})
listTo3.push(...arr)
}
listTo3.forEach((res, i) => {
$(`.header .top .top${i + 1} .ts`).attr('uid', res.uid);
$(`.header .top .top${i + 1} .tx`).attr('src', res.avatar);
$(`.header .top .top${i + 1} .nick`).text(res.nick);
if (i > 0) {
$(`.header .top .top${i + 1} .score span`).text(unitProcessingAr(res.totalNum, 1));
}
});
// 非前三
var str = '';
notListTo3.forEach((res, i) => {
str += `
<li>
<div class="seqNo">${res.seqNo}</div>
<img src="${res.avatar}" uid="${res.uid}" alt="" class="tx">
<div class="nick">${res.nick}</div>
<div class="score">
<img src="./images/gold.png" alt="">
<span>${unitProcessingAr(res.totalNum, 1)}</span>
</div>
</li>
`
})
$('ul').append(str);
// 处理自己
$('.my .box .tx').attr('src', my.avatar);
$('.my .box .nick').text(my.nick);
$('.my .box .score span').text(my.totalNum <= 0 ? langReplace(localLang.demoModule.text7) : unitProcessingAr(my.totalNum, 1));
} else {
toastMsg(res.message)
}
hideLoading(layerIndex)
},
error(err) {
hideLoading(layerIndex)
toastMsg(langReplace(localLang.demoModule.layerIndex3))
}
})
}
// 公会接口
function listRank() {
$('ul li').remove();
$('.header .sTab').hide();
$('.my').hide()
$('.header .top .top2 .score,.header .top .top3 .score').hide();
$('.header .top .top1 .fist').hide();
$('ul li .score').hide();
// showLoading()
networkRequest({
type: 'get',
url: urlPrefix + '/clan/listRank',
success(res) {
if (res.code === 200) {
var my = res.data.me;
var listTo3 = res.data.slice(0, 3);
var notListTo3 = res.data.slice(3);
// 处理前三
if (listTo3.length < 3) {
let arr = new Array(3 - listTo3.length).fill({
avatar: './images/logo.png',
name: '',
totalNum: "",
uid: "0",
})
listTo3.push(...arr)
}
listTo3.forEach((res, i) => {
$(`.header .top .top${i + 1} .ts`).attr('uid', res.clanElderUid);
$(`.header .top .top${i + 1} .tx`).attr('src', res.avatar);
$(`.header .top .top${i + 1} .nick`).text(res.name);
if (i > 0) {
$(`.header .top .top${i + 1} .score span`).text(unitProcessingAr(res.totalNum, 1));
}
});
// 非前三
var str = '';
notListTo3.forEach((res, i) => {
str += `
<li>
<div class="seqNo">${i + 4}</div>
<img src="${res.avatar}" uid="${res.clanElderUid}" alt="" class="tx">
<div class="nick">${res.name}</div>
</li>
`
})
$('ul').append(str);
} else {
toastMsg(res.message)
}
hideLoading(layerIndex)
},
error(err) {
hideLoading(layerIndex)
toastMsg(langReplace(localLang.demoModule.layerIndex3))
}
})
}
// 榜单切换tab
$('.header .tabBox div').click(function () {
var i = $(this).index() + 1;
$(this).addClass('act').siblings().removeClass('act');
$('ul').removeClass('ul1').removeClass('ul2').removeClass('ul3').removeClass('ul4');
$(`ul`).addClass(`ul${i}`);
$('.header').removeClass('header1').removeClass('header2').removeClass('header3').removeClass('header4');
$(`.header`).addClass(`header${i}`);
$('.top').removeClass('tops1').removeClass('tops2').removeClass('tops3').removeClass('tops4');
$(`.top`).addClass(`tops${i}`);
timeType = 1;
$('.header .sTab div').removeClass('act');
$('.header .sTab div').eq(0).addClass('act');
if (i == 1) {
listType = 2;
geth5();
} else if (i == 2) {
listType = 1;
geth5();
} else if (i == 3) {
listType = 3;
geth5();
} else if (i == 4) {
listRank();
}
})
// 日榜周榜切换tab
$('.header .sTab div').click(function () {
var i = $(this).index() + 1;
$(this).addClass('act').siblings().removeClass('act');
timeType = i;
geth5();
})
// 前三跳转个人页
$('.header .top .ts').click(function () {
var uid = $(this).attr('uid');
if (browser.ios) {
window.webkit.messageHandlers.openPersonPage.postMessage(uid);
} else if (browser.android) {
if (androidJsObj && typeof androidJsObj === "object") {
window.androidJsObj.openPersonPage(uid);
}
}
})
// 非前三跳转个人页
$('ul').on('click', 'li .tx', function () {
var uid = $(this).attr('uid');
if (browser.ios) {
window.webkit.messageHandlers.openPersonPage.postMessage(uid);
} else if (browser.android) {
if (androidJsObj && typeof androidJsObj === "object") {
window.androidJsObj.openPersonPage(uid);
}
}
})

View File

@@ -0,0 +1,16 @@
// 阿拉伯
langAr = {
// 模块
demoModule: {
layerIndex1: 'جار التحميل...',
layerIndex2: 'تمت العملية',
layerIndex3: 'خطأ في الشبكة، يرجى الخروج وإعادة الدخول',
text1: "قائمة الأغنياء<span></span>",
text2: "قائمة الجاذبية<span></span>",
text3: "قائمة الغرف<span></span>",
text4: "قائمة الوكالات<span></span>",
text5: "قائمة اليومية",
text6: "قائمة الأسبوعية",
text7: "غير مدرج",
}
}

View File

@@ -0,0 +1,16 @@
// 英文
langEn = {
// 模块
demoModule: {
layerIndex1: 'Loading...',
layerIndex2: 'Operation completed',
layerIndex3: 'Network error, please exit and re-enter',
text1: "Wealth List<span></span>",
text2: "Charm List<span></span>",
text3: "Room List<span></span>",
text4: "Family List<span></span>",
text5: "Daily List",
text6: "Weekly List",
text7: "Not Listed",
}
}

View File

@@ -0,0 +1,16 @@
// 中文
langZh = {
// 模塊
demoModule: {
layerIndex1: '加載中...',
layerIndex2: '操作完成',
layerIndex3: '網絡錯誤,請退出重進',
text1: '愛意榜<span></span>',
text2: '魅力榜<span></span>',
text3: '房間榜<span></span>',
text4: '公會榜<span></span>',
text5: '日榜',
text6: '周榜',
text7: '未上榜',
}
}

View File

@@ -0,0 +1,160 @@
html,
body {
width: 100%;
height: 21.65333rem;
background: #19100F;
overflow-y: scroll;
}
html::-webkit-scrollbar,
body::-webkit-scrollbar {
display: none;
}
.back {
width: 100%;
height: 0.58667rem;
line-height: 0.58667rem;
position: fixed;
left: 0;
top: 0.86667rem;
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: 9.98667rem;
height: 8.08rem;
background: url(../images/header.png) no-repeat;
background-size: 100% 100%;
margin: 0 auto;
}
ul {
width: 9.38667rem;
position: relative;
margin: -0.4rem auto 0;
}
ul li {
width: 9.38667rem;
height: 3.70667rem;
background: url(../images/liBg.png) no-repeat;
background-size: 100% 100%;
position: relative;
margin-bottom: 0.32rem;
overflow: hidden;
box-sizing: border-box;
}
ul li .name {
width: 4.28rem;
height: 0.53333rem;
position: absolute;
right: 3.81333rem;
top: 0.61333rem;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
font-weight: bold;
font-size: 0.58667rem;
color: #FACF50;
text-align: right;
}
ul li .id {
position: absolute;
color: #fff;
opacity: .6;
font-size: 0.42667rem;
right: 3.77333rem;
top: 1.28rem;
}
ul li .gameName1 {
position: absolute;
right: 3.8rem;
top: 2.14667rem;
color: #fff;
opacity: .6;
color: #CDCDCD;
font-size: 0.26667rem;
}
ul li .gameName1 b {
color: #fff;
font-size: 0.32rem;
}
ul li .gameName2 {
position: absolute;
right: 6.53333rem;
top: 2.14667rem;
color: #fff;
opacity: .6;
color: #CDCDCD;
font-size: 0.26667rem;
}
ul li .gameName2 b {
color: #fff;
font-size: 0.32rem;
}
ul li .gameGrade1 {
position: absolute;
right: 3.8rem;
top: 2.86667rem;
color: #fff;
opacity: .6;
color: #CDCDCD;
font-size: 0.26667rem;
}
ul li .gameGrade1 b {
color: #fff;
font-size: 0.32rem;
}
ul li .gameGrade2 {
position: absolute;
right: 6.53333rem;
top: 2.86667rem;
color: #fff;
opacity: .6;
color: #CDCDCD;
font-size: 0.26667rem;
}
ul li .gameGrade2 b {
color: #fff;
font-size: 0.32rem;
}
ul li .txBg,
ul li .tx {
width: 3.41333rem;
height: 3.6rem;
position: absolute;
right: 0.06667rem;
top: 0.04867rem;
z-index: 2;
}
ul li .tx {
z-index: 1;
border-top-left-radius: 0.26667rem;
border-top-right-radius: 0.26667rem;
border-bottom-right-radius: 0.26667rem;
}

View File

@@ -0,0 +1,170 @@
@function px2rem($px) {
@return $px / 75+rem;
}
html,
body {
width: 100%;
height: px2rem(1624);
background: #19100F;
overflow-y: scroll;
&::-webkit-scrollbar {
display: none;
}
}
.back {
width: 100%;
height: px2rem(44);
line-height: px2rem(44);
position: fixed;
left: 0;
top: px2rem(65);
text-align: center;
color: #FFFFFF;
font-size: px2rem(38);
font-weight: bold;
z-index: 10;
img {
width: px2rem(44);
height: px2rem(44);
position: absolute;
left: px2rem(18);
top: px2rem(0);
}
}
.header {
width: px2rem(749);
height: px2rem(606);
background: url(../images/header.png) no-repeat;
background-size: 100% 100%;
margin: 0 auto;
}
ul {
width: px2rem(704);
// height: px2rem(1052);
// height: 13.9rem;
position: relative;
margin: px2rem(-30) auto 0;
// overflow-y: scroll;
// &::-webkit-scrollbar {
// display: none;
// }
li {
width: px2rem(704);
height: px2rem(278);
background: url(../images/liBg.png) no-repeat;
background-size: 100% 100%;
position: relative;
margin-bottom: px2rem(24);
overflow: hidden;
box-sizing: border-box;
.name {
width: px2rem(321);
height: px2rem(40);
position: absolute;
right: px2rem(286);
top: px2rem(46);
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
font-weight: bold;
font-size: px2rem(44);
color: #FACF50;
text-align: right;
}
.id {
position: absolute;
color: #fff;
opacity: .6;
font-size: px2rem(32);
right: px2rem(283);
top: px2rem(96);
}
.gameName1 {
position: absolute;
right: px2rem(285);
top: px2rem(161);
color: #fff;
opacity: .6;
color: #CDCDCD;
font-size: px2rem(20);
b {
color: #fff;
font-size: px2rem(24);
}
}
.gameName2 {
position: absolute;
right: px2rem(490);
top: px2rem(161);
color: #fff;
opacity: .6;
color: #CDCDCD;
font-size: px2rem(20);
b {
color: #fff;
font-size: px2rem(24);
}
}
.gameGrade1 {
position: absolute;
right: px2rem(285);
top: px2rem(215);
color: #fff;
opacity: .6;
color: #CDCDCD;
font-size: px2rem(20);
b {
color: #fff;
font-size: px2rem(24);
}
}
.gameGrade2 {
position: absolute;
right: px2rem(490);
top: px2rem(215);
color: #fff;
opacity: .6;
color: #CDCDCD;
font-size: px2rem(20);
b {
color: #fff;
font-size: px2rem(24);
}
}
.txBg,
.tx {
width: px2rem(256);
height: px2rem(270);
position: absolute;
right: px2rem(5);
top: px2rem(3.65);
z-index: 2;
}
.tx {
z-index: 1;
border-top-left-radius: px2rem(20);
border-top-right-radius: px2rem(20);
border-bottom-right-radius: px2rem(20);
}
}
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 633 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 109 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 20 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.9 KiB

View File

@@ -0,0 +1,39 @@
<!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/index.css">
</head>
<body>
<!-- 頂部返回 -->
<div class="back">
<img src="./images/travel/back.png" alt="">
</div>
<div class="header"></div>
<ul>
<!-- <li>
<div class="name">用户昵称</div>
<div class="id">0:ID</div>
<div class="gameName1"><b>吃鸡</b> :اسم اللعبة </div>
<div class="gameGrade1"><b>高</b> :مهارة</div>
<div class="gameName2"><b>吃鸡</b> :اسم اللعبة</div>
<div class="gameGrade2"><b>高</b> :مهارة</div>
<img src="./images/txBg.png" alt="" class="txBg">
<img src="./images/logo.png" alt="" class="tx">
</li> -->
</ul>
</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/index.js?v=1.0"></script>

View File

@@ -0,0 +1,141 @@
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 page = 1;
var isLock = true;
// 初始化函數
$(function () {
getInfoFromClient();
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)
}
})
$('ul li').remove();
getRecords();
}, 100)
})
function getRecords() {
showLoading()
networkRequest({
type: 'get',
url: urlPrefix + '/gamePartnerInfo/pagePartner',
data: {
page,
pageSize: 10,
},
success(res) {
if (res.code === 200) {
var str = '';
if (res.data.rows.length == 0) {
isLock = false;
} else {
res.data.rows.forEach(res => {
str += `
<li uid=${res.uid}>
<div class="name">${res.nick}</div>
<div class="id">${res.erbanNo}:ID</div>
${strFun(res.gamePartnerInfoList)}
<img uid=${res.uid} src="./images/txBg.png" alt="" class="txBg">
<img src="${res.avatar}" alt="" class="tx">
</li>
`
});
isLock = true;
$('ul').append(str)
}
} else {
toastMsg(res.message)
}
hideLoading(layerIndex)
},
error(err) {
isLock = true;
hideLoading(layerIndex)
toastMsg("خطأ في الشبكة")
}
})
}
$('ul').on('click', ' li .txBg', function () {
var uid = $(this).attr('uid');
if (!browser.app) return
if (browser.ios) {
window.webkit.messageHandlers.openPersonPage.postMessage(uid);
} else if (browser.android) {
if (androidJsObj && typeof androidJsObj === 'object') {
window.androidJsObj.openPersonPage(uid);
}
}
})
$('ul').on('click', ' li', function () {
var uid = $(this).attr('uid');
if (!browser.app) return
if (browser.ios) {
window.webkit.messageHandlers.openPersonPage.postMessage(uid);
} else if (browser.android) {
if (androidJsObj && typeof androidJsObj === 'object') {
window.androidJsObj.openPersonPage(uid);
}
}
})
function strFun(data) {
var str = ''
data.forEach((res, i) => {
str += `
<div class="gameName${i + 1}"><b>${res.gameName}</b> :اسم اللعبة </div>
<div class="gameGrade${i + 1}">الكفاءة : <b>${res.proficiency}</b></div>
`
})
return str;
}
// 實力滾動監聽
$('body').scroll(function () {
let scrollTop = $(this).scrollTop()
let scrollHeight = $('body')[0].scrollHeight
let ulHeight = $(this).innerHeight()
if (scrollTop + ulHeight + 100 >= scrollHeight) {
if (isLock) {
// 請求下一頁
page = page + 1;
getRecords()
isLock = false;
}
}
})

View File

@@ -1,5 +1,6 @@
const ar = {
diamondLog: {
遊戲開黑支出: 'الرهانات الرياضية',
LUDO匹配收入: 'دخل مباراة لودو',
LUDO匹配退還: 'استرداد مباراة لودو',
LUDO匹配消耗: 'نفقات مباراة لودو',
@@ -147,6 +148,7 @@ const ar = {
// 鉆石開通貴族:'تفعيل النبلاء',
// }
goldLog: {
遊戲開黑收入: 'الاستلام الألعاب',
鉆石記錄: 'سجل الماس',
收入記錄: 'سجل الدخل',
支出記錄: 'سجل المصروفات',

View File

@@ -1,5 +1,6 @@
const en = {
diamondLog: {
遊戲開黑支出: 'sports betting',
LUDO匹配收入: 'LUDO Match Income',
LUDO匹配退還: 'LUDO Match Refund',
LUDO匹配消耗: 'LUDO Match Expenditure',
@@ -138,6 +139,7 @@ const en = {
// 鉆石開通貴族:'Diamond Open Noble',
// }
goldLog: {
遊戲開黑收入: 'game orders',
鉆石記錄: 'Diamond Record',
收入記錄: 'Income Record',
支出記錄: 'Expenditure Record',

View File

@@ -1,5 +1,6 @@
const zh = {
diamondLog: {
遊戲開黑支出: '遊戲下單',
LUDO匹配收入: 'LUDO匹配收入',
LUDO匹配退還: 'LUDO匹配退還',
LUDO匹配消耗: 'LUDO匹配消耗',
@@ -150,6 +151,7 @@ const zh = {
// 鉆石開通貴族:'鉆石開通貴族',
// }
goldLog: {
遊戲開黑收入: '遊戲接單',
鉆石記錄: '鉆石記錄',
收入記錄: '收入記錄',
支出記錄: '支出記錄',

View File

@@ -236,6 +236,9 @@
<p v-else-if="tab === 12 && item1.objType === 112">
{{ $t("diamondLog.購買頭條消耗") }}
</p>
<p v-else-if="tab === 12 && item1.objType === 117">
{{ $t("diamondLog.遊戲開黑支出") }}
</p>
<p v-else-if="tab === 12 && item1.objType === 90">
{{ $t("diamondLog.轉贈金幣給") }} {{ item1.targetNick.length > 7 ? item1.targetNick.slice(0, 7) + '...' : item1.targetNick }}
{{ item1.sendDiamondAmount }}{{ $t("diamondLog.金幣") }}

View File

@@ -76,6 +76,7 @@
<div v-if="tableType == 15 && item1.objType == 29">{{$t(`goldLog.活動贈送金幣`)}}</div>
<div v-if="tableType == 15 && item1.objType == 93">{{$t(`goldLog.公會金幣結算收入`)}}</div>
<div v-if="tableType == 15 && item1.objType == 107">{{$t(`goldLog.超級幸運禮物價值分成`)}}</div>
<div v-if="tableType == 15 && item1.objType == 116">{{$t(`goldLog.遊戲開黑收入`)}}</div>
<!-- <div v-if="tableType == 15 && item1.objType == 1">{{$t(`goldLog.充值`)}}</div>
<div v-if="tableType == 15 && item1.objType == 13">{{$t(`goldLog.水晶兌換鉆石收入`)}}</div>
<div v-if="tableType == 15 && item1.objType == 15">{{$t(`goldLog.鉆石兌換金幣收入`)}}</div>