Compare commits
24 Commits
newGameRan
...
listUnit
| Author | SHA1 | Date | |
|---|---|---|---|
|
87a93326b9 | ||
|
|
df4b647d2a | ||
|
|
d7e7d04fc2 | ||
|
|
bcb54ec277 | ||
|
|
986a9681cb | ||
|
|
89e111b64f | ||
|
|
f9e0b60f87 | ||
|
|
1f3c872153 | ||
|
|
2c4c459d26 | ||
|
|
69a95330a6 | ||
|
|
8e5047b6d1 | ||
|
|
0199291ed9 | ||
|
|
08319ea5c5 | ||
|
|
d476b6d4ac | ||
|
|
1766b18307 | ||
|
|
6d8f4561bd | ||
|
|
63b5055f3e | ||
|
|
22b786539c | ||
|
|
c34615193b | ||
|
|
2e32cddc87 | ||
|
|
0ebbedcaa4 | ||
|
|
7a1af74708 | ||
|
|
00a377b59d | ||
|
|
71af927e13 |
@@ -1029,3 +1029,16 @@ body {
|
||||
.arabic .bg .rule .rule2 .table1_3_div {
|
||||
font-size: 0.13333rem;
|
||||
}
|
||||
|
||||
.toatstsEnd {
|
||||
padding: 0.26667rem 0.4rem;
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
font-size: 0.32rem;
|
||||
position: fixed;
|
||||
z-index: 99999;
|
||||
background: rgba(0, 0, 0, 0.8);
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
}
|
||||
|
||||
@@ -1054,4 +1054,16 @@ body {
|
||||
.bg .rule .rule2 .table1_3_div{
|
||||
font-size: px2rem(10);
|
||||
}
|
||||
}
|
||||
.toatstsEnd{
|
||||
padding: px2rem(20) px2rem(30);
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
font-size: px2rem(24);
|
||||
position: fixed;
|
||||
z-index: 99999;
|
||||
background: rgba(0,0,0,.8);
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translate(-50%,-50%);
|
||||
}
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 688 KiB After Width: | Height: | Size: 610 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 697 KiB After Width: | Height: | Size: 666 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.9 MiB After Width: | Height: | Size: 673 KiB |
@@ -8,7 +8,7 @@
|
||||
<title id="title"></title>
|
||||
<!-- 邀請得金幣 -->
|
||||
<link rel="stylesheet" href="../../common/css/reset.css">
|
||||
<link rel="stylesheet" href="./css/index.css?v=1.0">
|
||||
<link rel="stylesheet" href="./css/index.css?v=1.1">
|
||||
</head>
|
||||
|
||||
<body id="body" style="display: none;">
|
||||
@@ -212,6 +212,7 @@
|
||||
<li>2.本活動最終解釋權歸官方所有，並與Apple inc/Google公司無關；</li> -->
|
||||
</ul>
|
||||
</div>
|
||||
<div class="toatstsEnd"></div>
|
||||
</body>
|
||||
</script>
|
||||
|
||||
@@ -223,8 +224,8 @@
|
||||
<script src="../../common/js/vconsole.min.js"></script>
|
||||
<script src="../../common/js/route-constant.js"></script>
|
||||
<script src="../../common/js/jquery.copy.min.js"></script>
|
||||
<script src="./local/en.js"></script>
|
||||
<script src="./local/zh.js"></script>
|
||||
<script src="./local/ar.js"></script>
|
||||
<script src="./js/index.js?v=1.0"></script>
|
||||
<script src="./local/en.js?v=1.1"></script>
|
||||
<script src="./local/zh.js?v=1.1"></script>
|
||||
<script src="./local/ar.js?v=1.2"></script>
|
||||
<script src="./js/index.js?v=1.3"></script>
|
||||
<script src="../../common/local/langHandler.js"></script>
|
||||
@@ -58,6 +58,7 @@ $(function () {
|
||||
langReplace = window.lang.replace;
|
||||
localLang = window.lang;
|
||||
text = langReplace(localLang.demoModule.text35)
|
||||
|
||||
translateFun();
|
||||
// getConfig();
|
||||
getMySelf();
|
||||
@@ -65,6 +66,11 @@ $(function () {
|
||||
setTimeout(function () {
|
||||
$('#body').show();
|
||||
}, 300)
|
||||
if (getQueryString().lang == "en" || getQueryString().lang == "ar") {
|
||||
$('.toatstsEnd').text(langReplace(localLang.demoModule.endTimes))
|
||||
}else{
|
||||
$('.toatstsEnd').hide();
|
||||
}
|
||||
}, 300)
|
||||
})
|
||||
function translateFun() {
|
||||
@@ -459,12 +465,12 @@ $('.otherRule').click(function () {
|
||||
bodyScroolFun(false);
|
||||
})
|
||||
// 打开收益弹窗
|
||||
$('.header .rule_rule').click(function(){
|
||||
$('.header .rule_rule').click(function () {
|
||||
$('.bg .ul_pub').show();
|
||||
bodyScroolFun(true);
|
||||
})
|
||||
// 关闭收益弹窗
|
||||
$('.bg .ul_pub .incomeBox .close').click(function(){
|
||||
$('.bg .ul_pub .incomeBox .close').click(function () {
|
||||
$('.bg .ul_pub').hide();
|
||||
bodyScroolFun(false);
|
||||
})
|
||||
@@ -2,12 +2,13 @@
|
||||
langAr = {
|
||||
// 模块
|
||||
demoModule: {
|
||||
endTimes:'انتهاء الفعالية',
|
||||
img1: `./images/header_h3-ar.png`,
|
||||
img2: `./images/rule_rule-ar.png`,
|
||||
img3: `./images/rule1_in-ar.png`,
|
||||
img4: `./images/rule_2in-ar.png`,
|
||||
title: `دعوة لكسب النقود`,
|
||||
text1: ` احصل على <b>1000</b> <img src="./images/gold.png" alt=""> نقطة لكل دعوة`,
|
||||
text1: ` احصل على <b>500</b> <img src="./images/gold.png" alt=""> نقطة لكل دعوة`,
|
||||
text2: `رمز الدعوة`,
|
||||
text3: `مشاركة مع الأصدقاء`,
|
||||
text4: `نسخ رمز الدعوة`,
|
||||
@@ -22,7 +23,7 @@ langAr = {
|
||||
text12: `نوع الأرباح`,
|
||||
text13: `المستخدم المدعو`,
|
||||
text14: `قواعد النشاط`,
|
||||
text15: `دعوة ناجحة لصديق للتسجيل، يحصل كل منهما على 1000 نقطة، لا يوجد حد!`,
|
||||
text15: `دعوة ناجحة لصديق للتسجيل، يحصل كل منهما على 500 نقطة، لا يوجد حد!`,
|
||||
text16: `المدعو: أنت`,
|
||||
text17: `المستخدم المباشر`,
|
||||
text18: `دعوة الأصدقاء للشحن والحصول على cashback، حتى 7% لمدة 30 يومًا!`,
|
||||
@@ -51,10 +52,10 @@ langAr = {
|
||||
<li>2. يحتفظ الإدارة بالحق النهائي في هذا النشاط، ولا يمتلك أي علاقة بشركة أبل/جوجل؛</li>`,
|
||||
text31: `مشاركة رمز QR >`,
|
||||
text32: `الأصدقاء يمسحون رمز الاستجابة السريعة`,
|
||||
text33: `احصل على <b>1000</b>`,
|
||||
text33: `احصل على <b>500</b>`,
|
||||
text34: `حفظ محليًا`,
|
||||
text35: `مباشرة`,
|
||||
text36: `مسح لتنزيل molistar وملء رمز دعوتي للحصول على 1000 نقطة!`,
|
||||
text36: `مسح لتنزيل molistar وملء رمز دعوتي للحصول على 500 نقطة!`,
|
||||
text37: `موليستار، لقاء مع الصوت النابض بالقلب`,
|
||||
text38: `دردشة، لعب الألعاب، تكوين الصداقات، في أي وقت وفي أي مكان على موليستار`,
|
||||
text39: `مباشرة`,
|
||||
@@ -123,7 +124,7 @@ langAr = {
|
||||
text1: `اكتشف الصدف الغير متوقعة على Molistar.`,
|
||||
text2: `تحدث، والعب ألعاب، واكسب الأصدقاء في أي وقت وفي أي مكان على Molistar.`,
|
||||
xz_id: `حمّل Molistar الآن!`,
|
||||
text4: `حمّل وسجّل في Molistar باستخدام كود الدعوة الخاص بي للحصول على 1000 عملة ذهبية على الفور!`,
|
||||
text4: `حمّل وسجّل في Molistar باستخدام كود الدعوة الخاص بي للحصول على 500 عملة ذهبية على الفور!`,
|
||||
text5: `جار التحميل...`,
|
||||
text6: `تم العملية بنجاح`,
|
||||
text7: `تم نسخ الرمز بنجاح`,
|
||||
|
||||
@@ -2,12 +2,13 @@
|
||||
langEn = {
|
||||
// 模块
|
||||
demoModule: {
|
||||
endTimes:'The event has ended',
|
||||
img1: `./images/header_h3-en.png`,
|
||||
img2: `./images/rule_rule-en.png`,
|
||||
img3: `./images/rule1_in-en.png`,
|
||||
img4: `./images/rule_2in-en.png`,
|
||||
title: `Invite to Earn Coins`,
|
||||
text1: `Get <b>1000</b> <img src="./images/gold.png" alt=""> for each invitation `,
|
||||
text1: `Get <b>500</b> <img src="./images/gold.png" alt=""> for each invitation `,
|
||||
text2: `My Code`,
|
||||
text3: `Share with Friends`,
|
||||
text4: `Copy Invitation Code`,
|
||||
@@ -22,7 +23,7 @@ langEn = {
|
||||
text12: `Earnings Type`,
|
||||
text13: `Invited User`,
|
||||
text14: `Activity Rules`,
|
||||
text15: `Successfully invite a friend to register, both parties get 1000 coins each, unlimited!`,
|
||||
text15: `Successfully invite a friend to register, both parties get 500 coins each, unlimited!`,
|
||||
text16: `Inviter: You`,
|
||||
text17: `Direct Invitee`,
|
||||
text18: `Invite friends to top up and get cashback, up to 7% for 30 days!`,
|
||||
@@ -51,10 +52,10 @@ langEn = {
|
||||
<li>2. The final interpretation right of this activity belongs to the official, and has nothing to do with Apple Inc./Google Inc.;</li>`,
|
||||
text31: `Share QR >`,
|
||||
text32: `Friends Scan QR Code to Download and Register`,
|
||||
text33: `Get <b>1000</b><img src="./images/gold.png" alt="" class="diamond">`,
|
||||
text33: `Get <b>500</b><img src="./images/gold.png" alt="" class="diamond">`,
|
||||
text34: `Save Locally`,
|
||||
text35: `Direct`,
|
||||
text36: `Scan to download molistar and fill in My Code to get 1000 coins!`,
|
||||
text36: `Scan to download molistar and fill in My Code to get 500 coins!`,
|
||||
text37: `Molistar, Encounter with the Heartbeat Sound`,
|
||||
text38: `Chat, Play Games, Make Friends, Anytime Anywhere on Molistar`,
|
||||
text39: `Direct`,
|
||||
@@ -122,7 +123,7 @@ langEn = {
|
||||
text1: `Discover unexpected connections on Molistar.`,
|
||||
text2: `Chat, play games, and make friends anytime, anywhere on Molistar.`,
|
||||
xz_id: `Download Molistar now!`,
|
||||
text4: `Download and register on Molistar with my invite code to get 1000 gold coins instantly!`,
|
||||
text4: `Download and register on Molistar with my invite code to get 500 gold coins instantly!`,
|
||||
text5: `Loading...`,
|
||||
text6: `Operation complete`,
|
||||
text7: `Copy successful`,
|
||||
|
||||
@@ -2,12 +2,13 @@
|
||||
langZh = {
|
||||
// 模塊
|
||||
demoModule: {
|
||||
endTimes:'活動已結束',
|
||||
img1: `./images/header_h3.png`,
|
||||
img2: `./images/rule_rule.png`,
|
||||
img3: `./images/rule1_in.png`,
|
||||
img4: `./images/rule_2in.png`,
|
||||
title: `邀請得金幣`,
|
||||
text1: `每邀請一人得 <b>1000</b>金幣 <img src="./images/gold.png" alt="">`,
|
||||
text1: `每邀請一人得 <b>500</b>金幣 <img src="./images/gold.png" alt="">`,
|
||||
text2: `我的邀請碼`,
|
||||
text3: `分享邀請好友`,
|
||||
text4: `複製邀請碼`,
|
||||
@@ -22,7 +23,7 @@ langZh = {
|
||||
text12: `收益類型`,
|
||||
text13: `邀請對象`,
|
||||
text14: `活動規則`,
|
||||
text15: `成功邀請一位好友註冊，雙方各得1000金幣，無上限！`,
|
||||
text15: `成功邀請一位好友註冊，雙方各得500金幣，無上限！`,
|
||||
text16: `邀請人：妳`,
|
||||
text17: `直接邀請對象`,
|
||||
text18: `邀請好友儲值返現，纍計高達7%，持續30天！`,
|
||||
@@ -51,10 +52,10 @@ langZh = {
|
||||
<li>2.本活動最終解釋權歸官方所有，並與Apple inc/Google公司無關；</li>`,
|
||||
text31: `分享二維碼 >`,
|
||||
text32: `好友掃碼下載註冊`,
|
||||
text33: `得<b>1000</b><img src="./images/gold.png" alt="" class="diamond">`,
|
||||
text33: `得<b>500</b><img src="./images/gold.png" alt="" class="diamond">`,
|
||||
text34: `保存本地`,
|
||||
text35: `直接`,
|
||||
text36: `掃碼下載molistar並填寫我的邀請碼\n立得 1000 金幣！`,
|
||||
text36: `掃碼下載molistar並填寫我的邀請碼\n立得 500 金幣！`,
|
||||
text37: `molistar，與心動聲音不期而遇`,
|
||||
text38: `聊天玩遊戲交朋友，隨時隨地在molistar`,
|
||||
text39: `直接`,
|
||||
@@ -125,7 +126,7 @@ langZh = {
|
||||
text1: `molistar，與心動聲音不期而遇`,
|
||||
text2: `聊天玩遊戲交朋友，隨時隨地在molistar`,
|
||||
xz_id: `立即下载molistar`,
|
||||
text4: `下載註冊molistar並填寫我的邀請碼，立得1000金幣！`,
|
||||
text4: `下載註冊molistar並填寫我的邀請碼，立得500金幣！`,
|
||||
text5: `加載中...`,
|
||||
text6: `操作完成`,
|
||||
text7: `复制成功`,
|
||||
|
||||
853
view/molistar/activity/payAr/css/index.css
Normal file
853
view/molistar/activity/payAr/css/index.css
Normal file
@@ -0,0 +1,853 @@
|
||||
html,
|
||||
body {
|
||||
width: 100%;
|
||||
background: #33004B;
|
||||
}
|
||||
|
||||
.back {
|
||||
width: 100%;
|
||||
height: 0.58667rem;
|
||||
line-height: 0.58667rem;
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 0.93333rem;
|
||||
text-align: center;
|
||||
color: #FFFFFF;
|
||||
font-size: 0.50667rem;
|
||||
font-weight: bold;
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
.back img {
|
||||
width: 0.58667rem;
|
||||
height: 0.58667rem;
|
||||
position: absolute;
|
||||
left: 0.24rem;
|
||||
top: 0rem;
|
||||
}
|
||||
|
||||
.header {
|
||||
width: 10rem;
|
||||
height: 11.97333rem;
|
||||
background: url(../images/header.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
position: relative;
|
||||
margin: 0 auto 0;
|
||||
}
|
||||
|
||||
.header .records_icon {
|
||||
width: 1.96rem;
|
||||
height: 0.74667rem;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 7.89333rem;
|
||||
}
|
||||
|
||||
.header .rule_icon {
|
||||
width: 1.96rem;
|
||||
height: 0.74667rem;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 8.77333rem;
|
||||
}
|
||||
|
||||
.box1 {
|
||||
position: relative;
|
||||
width: 10rem;
|
||||
height: 7.42667rem;
|
||||
margin: -2rem auto 0;
|
||||
background: url(../images/box1.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.box1 .box1_gift {
|
||||
width: 7.85333rem;
|
||||
height: 2.34667rem;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: 2.61333rem;
|
||||
}
|
||||
|
||||
.box1 .but {
|
||||
width: 2.16rem;
|
||||
height: 0.69333rem;
|
||||
position: absolute;
|
||||
top: 5.38667rem;
|
||||
background: url(../images/befoBut.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.box1 .but1 {
|
||||
left: 1.22667rem;
|
||||
}
|
||||
|
||||
.box1 .but2 {
|
||||
left: 3.90667rem;
|
||||
}
|
||||
|
||||
.box1 .but3 {
|
||||
left: 6.69333rem;
|
||||
}
|
||||
|
||||
.box1 .act {
|
||||
background: url(../images/butAct.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.box1 .actOut {
|
||||
background: url(../images/but.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.box1 .query_icon {
|
||||
width: 0.61333rem;
|
||||
height: 0.61333rem;
|
||||
position: absolute;
|
||||
top: 0.89333rem;
|
||||
right: 2.92rem;
|
||||
}
|
||||
|
||||
.box1 .text {
|
||||
width: 2.16rem;
|
||||
height: 0.4rem;
|
||||
line-height: 0.4rem;
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
top: 4.9rem;
|
||||
color: #fff;
|
||||
font-size: 0.24rem;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.box1 .text b {
|
||||
color: #FEFD6E;
|
||||
}
|
||||
|
||||
.box1 .text1 {
|
||||
left: 1.22667rem;
|
||||
}
|
||||
|
||||
.box1 .text2 {
|
||||
left: 3.90667rem;
|
||||
}
|
||||
|
||||
.box1 .text3 {
|
||||
left: 6.69333rem;
|
||||
}
|
||||
|
||||
.content {
|
||||
width: 10rem;
|
||||
height: 57.04rem;
|
||||
background: url(../images/boxBg.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
position: relative;
|
||||
margin: 0 auto 0.26667rem;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.content .time {
|
||||
height: 0.94667rem;
|
||||
line-height: 0.94667rem;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
color: #FBF13A;
|
||||
font-size: 0.32rem;
|
||||
margin: 1.98667rem auto 0.54667rem;
|
||||
}
|
||||
|
||||
.content .time span {
|
||||
display: inline-block;
|
||||
width: 0.72rem;
|
||||
text-align: center;
|
||||
height: 0.94667rem;
|
||||
line-height: 0.94667rem;
|
||||
background: url(../images/timeBg.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.content .content1 {
|
||||
width: 8.46667rem;
|
||||
height: 7.41333rem;
|
||||
background: url(../images/content1.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
margin: 0 auto 0;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.content .content1 h3 {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
color: #FEFD6E;
|
||||
font-size: 0.37333rem;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0.58667rem;
|
||||
}
|
||||
|
||||
.content .content1 .content1_gift {
|
||||
width: 7.62667rem;
|
||||
height: 2.4rem;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: 1.56rem;
|
||||
}
|
||||
|
||||
.content .content1 .but {
|
||||
width: 2.97333rem;
|
||||
height: 0.89333rem;
|
||||
background: url(../images/bigBefoBut.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: 5.89333rem;
|
||||
}
|
||||
|
||||
.content .content1 .act {
|
||||
background: url(../images/bigButAct.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.content .content1 .actOut {
|
||||
background: url(../images/bigBut.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.content .content1 .text {
|
||||
width: 2.16rem;
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
top: 4.08rem;
|
||||
color: #FEFD6E;
|
||||
font-size: 0.26667rem;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.content .content1 .text1 {
|
||||
left: 0.50667rem;
|
||||
}
|
||||
|
||||
.content .content1 .text2 {
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
|
||||
.content .content1 .text3 {
|
||||
right: 0.6rem;
|
||||
}
|
||||
|
||||
.content .content1 .schedule {
|
||||
color: #fff;
|
||||
font-size: 0.26667rem;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 4.93333rem;
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.content .content1 .schedule b {
|
||||
color: #FEFD6E;
|
||||
}
|
||||
|
||||
.content .content2 {
|
||||
width: 8.46667rem;
|
||||
height: 9.77333rem;
|
||||
background: url(../images/content2.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
margin: 0 auto 0;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.content .content2 h3 {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
color: #FEFD6E;
|
||||
font-size: 0.37333rem;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0.58667rem;
|
||||
}
|
||||
|
||||
.content .content2 .content2_gift {
|
||||
width: 5.53333rem;
|
||||
height: 5.48rem;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: 1.42667rem;
|
||||
}
|
||||
|
||||
.content .content2 .but {
|
||||
width: 2.97333rem;
|
||||
height: 0.89333rem;
|
||||
background: url(../images/bigBefoBut.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: 8.3rem;
|
||||
}
|
||||
|
||||
.content .content2 .act {
|
||||
background: url(../images/bigButAct.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.content .content2 .actOut {
|
||||
background: url(../images/bigBut.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.content .content2 .text {
|
||||
width: 2.16rem;
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
top: 3.98667rem;
|
||||
color: #FEFD6E;
|
||||
font-size: 0.26667rem;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.content .content2 .text1 {
|
||||
left: 1.48rem;
|
||||
}
|
||||
|
||||
.content .content2 .text2 {
|
||||
right: 1.48rem;
|
||||
}
|
||||
|
||||
.content .content2 .text3 {
|
||||
top: 7.05333rem;
|
||||
left: 1.48rem;
|
||||
}
|
||||
|
||||
.content .content2 .text4 {
|
||||
top: 7.05333rem;
|
||||
right: 1.9rem;
|
||||
}
|
||||
|
||||
.content .content2 .schedule {
|
||||
color: #fff;
|
||||
font-size: 0.26667rem;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 7.69333rem;
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.content .content2 .schedule b {
|
||||
color: #FEFD6E;
|
||||
}
|
||||
|
||||
.content .content3 {
|
||||
width: 8.46667rem;
|
||||
height: 9.77333rem;
|
||||
background: url(../images/content3.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
margin: 0 auto 0;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.content .content3 h3 {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
color: #FEFD6E;
|
||||
font-size: 0.37333rem;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0.58667rem;
|
||||
}
|
||||
|
||||
.content .content3 .content3_gift {
|
||||
width: 7.52rem;
|
||||
height: 5.48rem;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: 1.42667rem;
|
||||
}
|
||||
|
||||
.content .content3 .but {
|
||||
width: 2.97333rem;
|
||||
height: 0.89333rem;
|
||||
background: url(../images/bigBefoBut.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: 8.3rem;
|
||||
}
|
||||
|
||||
.content .content3 .act {
|
||||
background: url(../images/bigButAct.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.content .content3 .actOut {
|
||||
background: url(../images/bigBut.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.content .content3 .text {
|
||||
width: 2.16rem;
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
top: 3.98667rem;
|
||||
color: #FEFD6E;
|
||||
font-size: 0.26667rem;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.content .content3 .text1 {
|
||||
left: 0.65333rem;
|
||||
}
|
||||
|
||||
.content .content3 .text2 {
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
|
||||
.content .content3 .text3 {
|
||||
right: 0.65333rem;
|
||||
}
|
||||
|
||||
.content .content3 .text4 {
|
||||
top: 7.05333rem;
|
||||
left: 0.4rem;
|
||||
}
|
||||
|
||||
.content .content3 .text5 {
|
||||
top: 7.05333rem;
|
||||
left: 48%;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
|
||||
.content .content3 .text6 {
|
||||
top: 7.05333rem;
|
||||
right: 0.73333rem;
|
||||
}
|
||||
|
||||
.content .content3 .text6 b {
|
||||
text-align: right;
|
||||
position: absolute;
|
||||
right: -0.1rem;
|
||||
}
|
||||
|
||||
.content .content3 .schedule {
|
||||
color: #fff;
|
||||
font-size: 0.26667rem;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 7.8rem;
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.content .content3 .schedule b {
|
||||
color: #FEFD6E;
|
||||
}
|
||||
|
||||
.content .content4 {
|
||||
width: 8.46667rem;
|
||||
height: 12.78667rem;
|
||||
background: url(../images/content4.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
margin: 0 auto 0;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.content .content4 h3 {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
color: #FEFD6E;
|
||||
font-size: 0.37333rem;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0.58667rem;
|
||||
}
|
||||
|
||||
.content .content4 .content4_gift {
|
||||
width: 7.66667rem;
|
||||
height: 8.85333rem;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: 1.42667rem;
|
||||
}
|
||||
|
||||
.content .content4 .but {
|
||||
width: 2.97333rem;
|
||||
height: 0.89333rem;
|
||||
background: url(../images/bigBefoBut.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: 11.4rem;
|
||||
}
|
||||
|
||||
.content .content4 .act {
|
||||
background: url(../images/bigButAct.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.content .content4 .actOut {
|
||||
background: url(../images/bigBut.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.content .content4 .text {
|
||||
width: 2.16rem;
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
top: 3.98667rem;
|
||||
color: #FEFD6E;
|
||||
font-size: 0.26667rem;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.content .content4 .text1 {
|
||||
left: 0.65333rem;
|
||||
}
|
||||
|
||||
.content .content4 .text2 {
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
|
||||
.content .content4 .text3 {
|
||||
right: 0.65333rem;
|
||||
}
|
||||
|
||||
.content .content4 .text4 {
|
||||
top: 7.2rem;
|
||||
left: 0.65333rem;
|
||||
}
|
||||
|
||||
.content .content4 .text5 {
|
||||
top: 7.2rem;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
|
||||
.content .content4 .text6 {
|
||||
top: 7.2rem;
|
||||
right: 0.93333rem;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.content .content4 .text7 {
|
||||
top: 10.4rem;
|
||||
left: 1.4rem;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.content .content4 .text7 b {
|
||||
text-align: right;
|
||||
position: absolute;
|
||||
right: -0;
|
||||
}
|
||||
|
||||
.content .content4 .text8 {
|
||||
top: 10.4rem;
|
||||
right: 2rem;
|
||||
}
|
||||
|
||||
.content .content4 .schedule {
|
||||
color: #fff;
|
||||
font-size: 0.26667rem;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 10.93333rem;
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.content .content4 .schedule b {
|
||||
color: #FEFD6E;
|
||||
}
|
||||
|
||||
.content .content5 {
|
||||
width: 8.46667rem;
|
||||
height: 12.78667rem;
|
||||
background: url(../images/content4.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
margin: 0 auto 0;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.content .content5 h3 {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
color: #FEFD6E;
|
||||
font-size: 0.37333rem;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0.58667rem;
|
||||
}
|
||||
|
||||
.content .content5 .content5_gift {
|
||||
width: 7.66667rem;
|
||||
height: 8.85333rem;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: 1.42667rem;
|
||||
}
|
||||
|
||||
.content .content5 .but {
|
||||
width: 2.97333rem;
|
||||
height: 0.89333rem;
|
||||
background: url(../images/bigBefoBut.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: 11.4rem;
|
||||
}
|
||||
|
||||
.content .content5 .act {
|
||||
background: url(../images/bigButAct.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.content .content5 .actOut {
|
||||
background: url(../images/bigBut.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.content .content5 .act {
|
||||
background: url(../images/bigButAct.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.content .content5 .text {
|
||||
width: 2.16rem;
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
top: 3.98667rem;
|
||||
color: #FEFD6E;
|
||||
font-size: 0.26667rem;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.content .content5 .text1 {
|
||||
left: 0.65333rem;
|
||||
}
|
||||
|
||||
.content .content5 .text2 {
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
|
||||
.content .content5 .text3 {
|
||||
right: 0.65333rem;
|
||||
}
|
||||
|
||||
.content .content5 .text4 {
|
||||
top: 7.2rem;
|
||||
left: 0.65333rem;
|
||||
}
|
||||
|
||||
.content .content5 .text5 {
|
||||
top: 7.2rem;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
|
||||
.content .content5 .text6 {
|
||||
top: 7.2rem;
|
||||
right: 0.93333rem;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.content .content5 .text7 {
|
||||
top: 10.4rem;
|
||||
left: 1.4rem;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.content .content5 .text7 b {
|
||||
text-align: right;
|
||||
position: absolute;
|
||||
right: -0rem;
|
||||
}
|
||||
|
||||
.content .content5 .text8 {
|
||||
top: 10.4rem;
|
||||
right: 2rem;
|
||||
}
|
||||
|
||||
.content .content5 .schedule {
|
||||
color: #fff;
|
||||
font-size: 0.26667rem;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 10.93333rem;
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.content .content5 .schedule b {
|
||||
color: #FEFD6E;
|
||||
}
|
||||
|
||||
.dayPub {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
background: rgba(0, 0, 0, 0.6);
|
||||
z-index: 99;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.dayPub .dayPub_in {
|
||||
width: 7.65333rem;
|
||||
height: 9.16rem;
|
||||
background: url(../images/dayPub.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
}
|
||||
|
||||
.dayPub .dayPub_in .close {
|
||||
width: 0.5rem;
|
||||
height: 0.5rem;
|
||||
position: absolute;
|
||||
top: 0.1rem;
|
||||
right: 0.1rem;
|
||||
}
|
||||
|
||||
.rulePub {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
background: rgba(0, 0, 0, 0.6);
|
||||
z-index: 99;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.rulePub .rulePub_in {
|
||||
width: 7.65333rem;
|
||||
height: 9.16rem;
|
||||
background: url(../images/rulePub.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
}
|
||||
|
||||
.rulePub .rulePub_in .close {
|
||||
width: 0.5rem;
|
||||
height: 0.5rem;
|
||||
position: absolute;
|
||||
top: 0.1rem;
|
||||
right: 0.1rem;
|
||||
}
|
||||
|
||||
.not_records {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
background: rgba(0, 0, 0, 0.6);
|
||||
z-index: 99;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.not_records .not_records_in {
|
||||
width: 7.65333rem;
|
||||
height: 7.97333rem;
|
||||
background: url(../images/not_records.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
}
|
||||
|
||||
.not_records .not_records_in .close {
|
||||
width: 0.6rem;
|
||||
height: 0.5rem;
|
||||
position: absolute;
|
||||
top: 0.2rem;
|
||||
right: 0rem;
|
||||
}
|
||||
|
||||
.records {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
background: rgba(0, 0, 0, 0.6);
|
||||
z-index: 99;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.records .records_in {
|
||||
width: 7.65333rem;
|
||||
height: 7.97333rem;
|
||||
background: url(../images/records.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.records .records_in .close {
|
||||
width: 0.53333rem;
|
||||
height: 0.53333rem;
|
||||
position: absolute;
|
||||
top: 0rem;
|
||||
right: 0rem;
|
||||
}
|
||||
|
||||
.records .records_in .title {
|
||||
width: 5.06667rem;
|
||||
text-align: center;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
color: #fff;
|
||||
font-size: 0.38667rem;
|
||||
margin: 1.88rem auto 0.52rem;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.records .records_in .title div {
|
||||
width: 1.6rem;
|
||||
}
|
||||
|
||||
.records .records_in ul {
|
||||
width: 5.06667rem;
|
||||
height: 4.5rem;
|
||||
overflow-y: scroll;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.records .records_in ul::-webkit-scrollbar {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.records .records_in ul li {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin-bottom: 0.30667rem;
|
||||
color: #fff;
|
||||
font-size: 0.32rem;
|
||||
font-weight: bold;
|
||||
}
|
||||
858
view/molistar/activity/payAr/css/index.scss
Normal file
858
view/molistar/activity/payAr/css/index.scss
Normal file
@@ -0,0 +1,858 @@
|
||||
@function px2rem($px) {
|
||||
@return $px / 75+rem;
|
||||
}
|
||||
|
||||
html,
|
||||
body {
|
||||
width: 100%;
|
||||
background: #33004B;
|
||||
}
|
||||
|
||||
.back {
|
||||
width: 100%;
|
||||
height: px2rem(44);
|
||||
line-height: px2rem(44);
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: px2rem(70);
|
||||
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(898);
|
||||
background: url(../images/header.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
position: relative;
|
||||
margin: 0 auto 0;
|
||||
|
||||
.records_icon {
|
||||
width: px2rem(147);
|
||||
height: px2rem(56);
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: px2rem(592);
|
||||
}
|
||||
|
||||
.rule_icon {
|
||||
width: px2rem(147);
|
||||
height: px2rem(56);
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: px2rem(658);
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.box1 {
|
||||
position: relative;
|
||||
width: px2rem(750);
|
||||
height: px2rem(557);
|
||||
margin: -2rem auto 0;
|
||||
background: url(../images/box1.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
|
||||
.box1_gift {
|
||||
width: px2rem(589);
|
||||
height: px2rem(176);
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: px2rem(196);
|
||||
}
|
||||
|
||||
.but {
|
||||
width: px2rem(162);
|
||||
height: px2rem(52);
|
||||
position: absolute;
|
||||
top: px2rem(404);
|
||||
background: url(../images/befoBut.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.but1 {
|
||||
left: px2rem(92);
|
||||
}
|
||||
|
||||
.but2 {
|
||||
left: px2rem(293);
|
||||
}
|
||||
|
||||
.but3 {
|
||||
left: px2rem(502);
|
||||
}
|
||||
|
||||
.act {
|
||||
background: url(../images/butAct.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.actOut {
|
||||
background: url(../images/but.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.query_icon {
|
||||
width: px2rem(46);
|
||||
height: px2rem(46);
|
||||
position: absolute;
|
||||
top: px2rem(67);
|
||||
right: px2rem(219);
|
||||
}
|
||||
|
||||
.text {
|
||||
width: px2rem(162);
|
||||
height: px2rem(30);
|
||||
line-height: px2rem(30);
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
top: 4.9rem;
|
||||
color: #fff;
|
||||
font-size: px2rem(18);
|
||||
white-space: nowrap;
|
||||
|
||||
b {
|
||||
color: #FEFD6E;
|
||||
}
|
||||
}
|
||||
|
||||
.text1 {
|
||||
left: px2rem(92);
|
||||
}
|
||||
|
||||
.text2 {
|
||||
left: px2rem(293);
|
||||
}
|
||||
|
||||
.text3 {
|
||||
left: px2rem(502);
|
||||
}
|
||||
}
|
||||
|
||||
.content {
|
||||
width: px2rem(750);
|
||||
height: px2rem(4278);
|
||||
background: url(../images/boxBg.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
position: relative;
|
||||
margin: 0 auto px2rem(20);
|
||||
overflow: hidden;
|
||||
|
||||
.time {
|
||||
height: px2rem(71);
|
||||
line-height: px2rem(71);
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
color: #FBF13A;
|
||||
font-size: px2rem(24);
|
||||
margin: px2rem(149) auto px2rem(41);
|
||||
|
||||
span {
|
||||
display: inline-block;
|
||||
width: px2rem(54);
|
||||
text-align: center;
|
||||
height: px2rem(71);
|
||||
line-height: px2rem(71);
|
||||
background: url(../images/timeBg.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.content1 {
|
||||
width: px2rem(635);
|
||||
height: px2rem(556);
|
||||
background: url(../images/content1.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
margin: 0 auto 0;
|
||||
position: relative;
|
||||
|
||||
h3 {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
color: #FEFD6E;
|
||||
font-size: px2rem(28);
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: px2rem(44);
|
||||
}
|
||||
|
||||
.content1_gift {
|
||||
width: px2rem(572);
|
||||
height: px2rem(180);
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: px2rem(117);
|
||||
}
|
||||
|
||||
.but {
|
||||
width: px2rem(223);
|
||||
height: px2rem(67);
|
||||
background: url(../images/bigBefoBut.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: px2rem(442);
|
||||
}
|
||||
|
||||
.act {
|
||||
background: url(../images/bigButAct.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.actOut {
|
||||
background: url(../images/bigBut.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.text {
|
||||
width: px2rem(162);
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
top: px2rem(306);
|
||||
color: #FEFD6E;
|
||||
font-size: px2rem(20);
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.text1 {
|
||||
left: px2rem(38);
|
||||
}
|
||||
|
||||
.text2 {
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
|
||||
.text3 {
|
||||
right: 0.6rem;
|
||||
}
|
||||
|
||||
.schedule {
|
||||
color: #fff;
|
||||
font-size: px2rem(20);
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: px2rem(370);
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
|
||||
b {
|
||||
color: #FEFD6E;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.content2 {
|
||||
width: px2rem(635);
|
||||
height: px2rem(733);
|
||||
background: url(../images/content2.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
margin: 0 auto 0;
|
||||
position: relative;
|
||||
|
||||
h3 {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
color: #FEFD6E;
|
||||
font-size: px2rem(28);
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: px2rem(44);
|
||||
}
|
||||
|
||||
.content2_gift {
|
||||
width: px2rem(415);
|
||||
height: px2rem(411);
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: px2rem(107);
|
||||
}
|
||||
|
||||
.but {
|
||||
width: px2rem(223);
|
||||
height: px2rem(67);
|
||||
background: url(../images/bigBefoBut.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: 8.3rem;
|
||||
}
|
||||
|
||||
.act {
|
||||
background: url(../images/bigButAct.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.actOut {
|
||||
background: url(../images/bigBut.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.text {
|
||||
width: px2rem(162);
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
top: px2rem(299);
|
||||
color: #FEFD6E;
|
||||
font-size: px2rem(20);
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.text1 {
|
||||
left: px2rem(111);
|
||||
}
|
||||
|
||||
.text2 {
|
||||
right: px2rem(111);
|
||||
}
|
||||
|
||||
.text3 {
|
||||
top: px2rem(529);
|
||||
left: px2rem(111);
|
||||
}
|
||||
|
||||
.text4 {
|
||||
top: px2rem(529);
|
||||
right: 1.9rem;
|
||||
}
|
||||
|
||||
.schedule {
|
||||
color: #fff;
|
||||
font-size: px2rem(20);
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: px2rem(577);
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
|
||||
b {
|
||||
color: #FEFD6E;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.content3 {
|
||||
width: px2rem(635);
|
||||
height: px2rem(733);
|
||||
background: url(../images/content3.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
margin: 0 auto 0;
|
||||
position: relative;
|
||||
|
||||
h3 {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
color: #FEFD6E;
|
||||
font-size: px2rem(28);
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: px2rem(44);
|
||||
}
|
||||
|
||||
.content3_gift {
|
||||
width: px2rem(564);
|
||||
height: px2rem(411);
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: px2rem(107);
|
||||
}
|
||||
|
||||
.but {
|
||||
width: px2rem(223);
|
||||
height: px2rem(67);
|
||||
background: url(../images/bigBefoBut.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: 8.3rem;
|
||||
}
|
||||
|
||||
.act {
|
||||
background: url(../images/bigButAct.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.actOut {
|
||||
background: url(../images/bigBut.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.text {
|
||||
width: px2rem(162);
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
top: px2rem(299);
|
||||
color: #FEFD6E;
|
||||
font-size: px2rem(20);
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.text1 {
|
||||
left: px2rem(49);
|
||||
}
|
||||
|
||||
.text2 {
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
|
||||
.text3 {
|
||||
right: px2rem(49);
|
||||
}
|
||||
|
||||
.text4 {
|
||||
top: px2rem(529);
|
||||
left: px2rem(30);
|
||||
}
|
||||
|
||||
.text5 {
|
||||
top: px2rem(529);
|
||||
left: 48%;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
|
||||
.text6 {
|
||||
top: px2rem(529);
|
||||
right: px2rem(55);
|
||||
|
||||
b {
|
||||
text-align: right;
|
||||
position: absolute;
|
||||
right: -0.1rem;
|
||||
}
|
||||
}
|
||||
|
||||
.schedule {
|
||||
color: #fff;
|
||||
font-size: px2rem(20);
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: px2rem(585);
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
|
||||
b {
|
||||
color: #FEFD6E;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.content4 {
|
||||
width: px2rem(635);
|
||||
height: px2rem(959);
|
||||
background: url(../images/content4.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
margin: 0 auto 0;
|
||||
position: relative;
|
||||
|
||||
h3 {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
color: #FEFD6E;
|
||||
font-size: px2rem(28);
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: px2rem(44);
|
||||
}
|
||||
|
||||
.content4_gift {
|
||||
width: px2rem(575);
|
||||
height: px2rem(664);
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: px2rem(107);
|
||||
}
|
||||
|
||||
.but {
|
||||
width: px2rem(223);
|
||||
height: px2rem(67);
|
||||
background: url(../images/bigBefoBut.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: 11.4rem;
|
||||
}
|
||||
|
||||
.act {
|
||||
background: url(../images/bigButAct.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.actOut {
|
||||
background: url(../images/bigBut.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.text {
|
||||
width: px2rem(162);
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
top: px2rem(299);
|
||||
color: #FEFD6E;
|
||||
font-size: px2rem(20);
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.text1 {
|
||||
left: px2rem(49);
|
||||
}
|
||||
|
||||
.text2 {
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
|
||||
.text3 {
|
||||
right: px2rem(49);
|
||||
}
|
||||
|
||||
.text4 {
|
||||
top: px2rem(540);
|
||||
left: px2rem(49);
|
||||
}
|
||||
|
||||
.text5 {
|
||||
top: px2rem(540);
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
|
||||
.text6 {
|
||||
top: px2rem(540);
|
||||
right: px2rem(70);
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.text7 {
|
||||
top: px2rem(780);
|
||||
left: px2rem(105);
|
||||
text-align: left;
|
||||
|
||||
b {
|
||||
text-align: right;
|
||||
position: absolute;
|
||||
right: -0;
|
||||
}
|
||||
}
|
||||
|
||||
.text8 {
|
||||
top: px2rem(780);
|
||||
right: px2rem(150);
|
||||
}
|
||||
|
||||
.schedule {
|
||||
color: #fff;
|
||||
font-size: px2rem(20);
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: px2rem(820);
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
|
||||
b {
|
||||
color: #FEFD6E;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.content5 {
|
||||
width: px2rem(635);
|
||||
height: px2rem(959);
|
||||
background: url(../images/content4.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
margin: 0 auto 0;
|
||||
position: relative;
|
||||
|
||||
h3 {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
color: #FEFD6E;
|
||||
font-size: px2rem(28);
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: px2rem(44);
|
||||
}
|
||||
|
||||
.content5_gift {
|
||||
width: px2rem(575);
|
||||
height: px2rem(664);
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: px2rem(107);
|
||||
}
|
||||
|
||||
.but {
|
||||
width: px2rem(223);
|
||||
height: px2rem(67);
|
||||
background: url(../images/bigBefoBut.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: 11.4rem;
|
||||
}
|
||||
|
||||
.act {
|
||||
background: url(../images/bigButAct.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.actOut {
|
||||
background: url(../images/bigBut.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.act {
|
||||
background: url(../images/bigButAct.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.text {
|
||||
width: px2rem(162);
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
top: px2rem(299);
|
||||
color: #FEFD6E;
|
||||
font-size: px2rem(20);
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.text1 {
|
||||
left: px2rem(49);
|
||||
}
|
||||
|
||||
.text2 {
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
|
||||
.text3 {
|
||||
right: px2rem(49);
|
||||
}
|
||||
|
||||
.text4 {
|
||||
top: px2rem(540);
|
||||
left: px2rem(49);
|
||||
}
|
||||
|
||||
.text5 {
|
||||
top: px2rem(540);
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
|
||||
.text6 {
|
||||
top: px2rem(540);
|
||||
right: px2rem(70);
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.text7 {
|
||||
top: px2rem(780);
|
||||
left: px2rem(105);
|
||||
text-align: left;
|
||||
|
||||
b {
|
||||
text-align: right;
|
||||
position: absolute;
|
||||
right: -0rem;
|
||||
}
|
||||
}
|
||||
|
||||
.text8 {
|
||||
top: px2rem(780);
|
||||
right: px2rem(150);
|
||||
}
|
||||
|
||||
.schedule {
|
||||
color: #fff;
|
||||
font-size: px2rem(20);
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: px2rem(820);
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
|
||||
b {
|
||||
color: #FEFD6E;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.dayPub {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
background: rgba(0, 0, 0, .6);
|
||||
z-index: 99;
|
||||
display: none;
|
||||
|
||||
.dayPub_in {
|
||||
width: px2rem(574);
|
||||
height: px2rem(687);
|
||||
background: url(../images/dayPub.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
|
||||
.close {
|
||||
width: 0.5rem;
|
||||
height: 0.5rem;
|
||||
position: absolute;
|
||||
top: 0.1rem;
|
||||
right: 0.1rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.rulePub {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
background: rgba(0, 0, 0, .6);
|
||||
z-index: 99;
|
||||
display: none;
|
||||
|
||||
.rulePub_in {
|
||||
width: px2rem(574);
|
||||
height: px2rem(687);
|
||||
background: url(../images/rulePub.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
|
||||
.close {
|
||||
width: 0.5rem;
|
||||
height: 0.5rem;
|
||||
position: absolute;
|
||||
top: 0.1rem;
|
||||
right: 0.1rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.not_records {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
background: rgba(0, 0, 0, .6);
|
||||
z-index: 99;
|
||||
display: none;
|
||||
|
||||
.not_records_in {
|
||||
width: px2rem(574);
|
||||
height: px2rem(598);
|
||||
background: url(../images/not_records.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
|
||||
.close {
|
||||
width: 0.6rem;
|
||||
height: 0.5rem;
|
||||
position: absolute;
|
||||
top: 0.2rem;
|
||||
right: 0rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.records {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
background: rgba(0, 0, 0, .6);
|
||||
z-index: 99;
|
||||
display: none;
|
||||
|
||||
.records_in {
|
||||
width: px2rem(574);
|
||||
height: px2rem(598);
|
||||
background: url(../images/records.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
overflow: hidden;
|
||||
|
||||
.close {
|
||||
width: px2rem(40);
|
||||
height: px2rem(40);
|
||||
position: absolute;
|
||||
top: 0rem;
|
||||
right: 0rem;
|
||||
}
|
||||
|
||||
.title {
|
||||
width: px2rem(380);
|
||||
text-align: center;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
color: #fff;
|
||||
font-size: px2rem(29);
|
||||
margin: px2rem(141) auto px2rem(39);
|
||||
font-weight: bold;
|
||||
|
||||
div {
|
||||
width: px2rem(120);
|
||||
}
|
||||
}
|
||||
|
||||
ul {
|
||||
width: px2rem(380);
|
||||
height: 4.5rem;
|
||||
overflow-y: scroll;
|
||||
margin: 0 auto;
|
||||
|
||||
&::-webkit-scrollbar {
|
||||
display: none;
|
||||
}
|
||||
|
||||
li {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin-bottom: px2rem(23);
|
||||
color: #fff;
|
||||
font-size: px2rem(24);
|
||||
font-weight: bold;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
BIN
view/molistar/activity/payAr/images/befoBut.png
Normal file
BIN
view/molistar/activity/payAr/images/befoBut.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 5.3 KiB |
BIN
view/molistar/activity/payAr/images/bigBefoBut.png
Normal file
BIN
view/molistar/activity/payAr/images/bigBefoBut.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 6.9 KiB |
BIN
view/molistar/activity/payAr/images/bigBut.png
Normal file
BIN
view/molistar/activity/payAr/images/bigBut.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 22 KiB |
BIN
view/molistar/activity/payAr/images/bigButAct.png
Normal file
BIN
view/molistar/activity/payAr/images/bigButAct.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 17 KiB |
BIN
view/molistar/activity/payAr/images/box1.png
Normal file
BIN
view/molistar/activity/payAr/images/box1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 110 KiB |
BIN
view/molistar/activity/payAr/images/box1_gift.png
Normal file
BIN
view/molistar/activity/payAr/images/box1_gift.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 89 KiB |
BIN
view/molistar/activity/payAr/images/boxBg.png
Normal file
BIN
view/molistar/activity/payAr/images/boxBg.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 146 KiB |
BIN
view/molistar/activity/payAr/images/but.png
Normal file
BIN
view/molistar/activity/payAr/images/but.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 14 KiB |
BIN
view/molistar/activity/payAr/images/butAct.png
Normal file
BIN
view/molistar/activity/payAr/images/butAct.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 11 KiB |
BIN
view/molistar/activity/payAr/images/close.png
Normal file
BIN
view/molistar/activity/payAr/images/close.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.1 KiB |
BIN
view/molistar/activity/payAr/images/content1.png
Normal file
BIN
view/molistar/activity/payAr/images/content1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 58 KiB |
BIN
view/molistar/activity/payAr/images/content1_gift.png
Normal file
BIN
view/molistar/activity/payAr/images/content1_gift.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 99 KiB |
BIN
view/molistar/activity/payAr/images/content2.png
Normal file
BIN
view/molistar/activity/payAr/images/content2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 70 KiB |
BIN
view/molistar/activity/payAr/images/content2_gift.png
Normal file
BIN
view/molistar/activity/payAr/images/content2_gift.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 134 KiB |
BIN
view/molistar/activity/payAr/images/content3.png
Normal file
BIN
view/molistar/activity/payAr/images/content3.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 69 KiB |
BIN
view/molistar/activity/payAr/images/content3_gift.png
Normal file
BIN
view/molistar/activity/payAr/images/content3_gift.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 183 KiB |
BIN
view/molistar/activity/payAr/images/content4.png
Normal file
BIN
view/molistar/activity/payAr/images/content4.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 84 KiB |
BIN
view/molistar/activity/payAr/images/content4_gift.png
Normal file
BIN
view/molistar/activity/payAr/images/content4_gift.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 227 KiB |
BIN
view/molistar/activity/payAr/images/content5_gift.png
Normal file
BIN
view/molistar/activity/payAr/images/content5_gift.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 223 KiB |
BIN
view/molistar/activity/payAr/images/dayPub.png
Normal file
BIN
view/molistar/activity/payAr/images/dayPub.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 259 KiB |
BIN
view/molistar/activity/payAr/images/header.png
Normal file
BIN
view/molistar/activity/payAr/images/header.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 877 KiB |
BIN
view/molistar/activity/payAr/images/not_records.png
Normal file
BIN
view/molistar/activity/payAr/images/not_records.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 67 KiB |
BIN
view/molistar/activity/payAr/images/query_icon.png
Normal file
BIN
view/molistar/activity/payAr/images/query_icon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 5.4 KiB |
BIN
view/molistar/activity/payAr/images/records.png
Normal file
BIN
view/molistar/activity/payAr/images/records.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 207 KiB |
BIN
view/molistar/activity/payAr/images/records_icon.png
Normal file
BIN
view/molistar/activity/payAr/images/records_icon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 8.8 KiB |
BIN
view/molistar/activity/payAr/images/rulePub.png
Normal file
BIN
view/molistar/activity/payAr/images/rulePub.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 82 KiB |
BIN
view/molistar/activity/payAr/images/rule_icon.png
Normal file
BIN
view/molistar/activity/payAr/images/rule_icon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 8.9 KiB |
BIN
view/molistar/activity/payAr/images/timeBg.png
Normal file
BIN
view/molistar/activity/payAr/images/timeBg.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 5.5 KiB |
BIN
view/molistar/activity/payAr/images/travel/back.png
Normal file
BIN
view/molistar/activity/payAr/images/travel/back.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.0 KiB |
161
view/molistar/activity/payAr/index.html
Normal file
161
view/molistar/activity/payAr/index.html
Normal file
@@ -0,0 +1,161 @@
|
||||
<!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">
|
||||
<!-- 记录 -->
|
||||
<img src="./images/records_icon.png" alt="" class="records_icon">
|
||||
<!-- 规则 -->
|
||||
<img src="./images/rule_icon.png" alt="" class="rule_icon">
|
||||
</div>
|
||||
<!-- 盒子1 -->
|
||||
<div class="box1">
|
||||
<img src="./images/box1_gift.png" alt="" class="box1_gift">
|
||||
<img src="./images/query_icon.png" alt="" class="query_icon">
|
||||
<div class="but but1"></div>
|
||||
<div class="but but2"></div>
|
||||
<div class="but but3"></div>
|
||||
<div class="text text1">
|
||||
<b>0</b><span>/0.99</span>
|
||||
</div>
|
||||
<div class="text text2">
|
||||
<b>0</b><span>/9.99</span>
|
||||
</div>
|
||||
<div class="text text3">
|
||||
<b>0</b><span>/49.99</span>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 内容 -->
|
||||
<div class="content">
|
||||
<!-- 时间 -->
|
||||
<div class="time">
|
||||
<!-- يوم <span>00</span> العد التنازلي <span>00</span> : <span>00</span> : <span>00</span> -->
|
||||
<span class="sp4">00</span> : <span class="sp3">00</span> : <span class="sp2">00</span> العد التنازلي <span
|
||||
class="sp1">00</span> يوم
|
||||
</div>
|
||||
<!-- 内容1 -->
|
||||
<div class="content1 contentss">
|
||||
<h3>شحن 99.99 دولارًا أمريكيًا</h3>
|
||||
<div class="text text1">إطار 30 يومًا</div>
|
||||
<div class="text text2">VIP1لمدة 30 يوم</div>
|
||||
<div class="text text3"> 100عملة ذهبية هدية </div>
|
||||
<div class="schedule"><b>0</b><span>/99.99</span></div>
|
||||
<img src="./images/content1_gift.png" alt="" class="content1_gift">
|
||||
<div class="but"></div>
|
||||
</div>
|
||||
<!-- 内容2 -->
|
||||
<div class="content2 contentss">
|
||||
<h3>شحن 299.99 دولارًا أمريكيًا</h3>
|
||||
<div class="text text1">VIP3لمدة 30 يوم</div>
|
||||
<div class="text text2">إطار 30 يومًا</div>
|
||||
<div class="text text3">دخلة لمدة 15 يوم</div>
|
||||
<div class="text text4">3*500 عملة ذهبية هدية</div>
|
||||
<div class="schedule"><b>0</b><span>/299.99</span></div>
|
||||
<img src="./images/content2_gift.png" alt="" class="content2_gift">
|
||||
<div class="but"></div>
|
||||
</div>
|
||||
<!-- 内容3 -->
|
||||
<div class="content3 contentss">
|
||||
<h3>شحن 799.99 دولارًا أمريكيًا</h3>
|
||||
<div class="text text1">VIP5لمدة 30 يوم</div>
|
||||
<div class="text text2">إطار 30 يومًا</div>
|
||||
<div class="text text3">دخلة لمدة 15 يوم</div>
|
||||
<div class="text text4">فقاعة دردشة 30 يوم</div>
|
||||
<div class="text text5">3*1000عملة ذهبية هدية </div>
|
||||
<div class="text text6">ألف عملة ذهبية <b>50</b></div>
|
||||
<div class="schedule"><b>0</b><span>/799.99</span></div>
|
||||
<img src="./images/content3_gift.png" alt="" class="content3_gift">
|
||||
<div class="but"></div>
|
||||
</div>
|
||||
<!-- 内容4 -->
|
||||
<div class="content4 contentss">
|
||||
<h3>شحن 1499.99 دولارًا أمريكيًا</h3>
|
||||
<div class="text text1">VIP7لمدة 30 يوم</div>
|
||||
<div class="text text2">إطار 30 يومًا</div>
|
||||
<div class="text text3">فقاعة دردشة 30 يوم</div>
|
||||
<div class="text text4">دخلة لمدة 15 يوم</div>
|
||||
<div class="text text5">بطاقة 30 يوم</div>
|
||||
<div class="text text6">3*3000عملة ذهبية هدية</div>
|
||||
<div class="text text7"><b>100</b> ألف عملة ذهبية</div>
|
||||
<div class="text text8">خلفية الصفحة الشخصية 30 يوم</div>
|
||||
<div class="schedule"><b>0</b><span>/1499.99</span></div>
|
||||
<img src="./images/content4_gift.png" alt="" class="content4_gift">
|
||||
<div class="but"></div>
|
||||
</div>
|
||||
<!-- 内容5 -->
|
||||
<div class="content5 contentss">
|
||||
<h3>شحن 2999.99 دولارًا أمريكيًا</h3>
|
||||
<div class="text text1">VIP9لمدة 30 يوم</div>
|
||||
<div class="text text2">إطار مخصص دائم</div>
|
||||
<div class="text text3">فقاعة دردشة 30 يوم</div>
|
||||
<div class="text text4">دخلة لمدة 15 يوم</div>
|
||||
<div class="text text5">بطاقة 30 يوم</div>
|
||||
<div class="text text6">3*7000عملة ذهبية هدية </div>
|
||||
<div class="text text7"><b>200</b> ألف عملة ذهبية</div>
|
||||
<div class="text text8">خلفية الصفحة الشخصية 30 يوم</div>
|
||||
<div class="schedule"><b>0</b><span>/2999.99</span></div>
|
||||
<img src="./images/content5_gift.png" alt="" class="content5_gift">
|
||||
<div class="but"></div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 每日福利弹窗 -->
|
||||
<div class="dayPub">
|
||||
<div class="dayPub_in">
|
||||
<div class="close"></div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 规则弹窗 -->
|
||||
<div class="rulePub">
|
||||
<div class="rulePub_in">
|
||||
<div class="close"></div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 没记录弹窗 -->
|
||||
<div class="not_records">
|
||||
<div class="not_records_in">
|
||||
<div class="close"></div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 记录弹窗 -->
|
||||
<div class="records">
|
||||
<div class="records_in">
|
||||
<img src="./images/close.png" alt="" class="close">
|
||||
<div class="title">
|
||||
<div>المكافآت</div>
|
||||
<div>الوقت</div>
|
||||
</div>
|
||||
<ul>
|
||||
<li>
|
||||
<div>奖品15天</div>
|
||||
<div>2024/00/00</div>
|
||||
</li>
|
||||
<li>
|
||||
<div>奖品15天</div>
|
||||
<div>2024/00/00</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
<script src="../../common/js/flexible.js"></script>
|
||||
<script src="../../common/js/jquery-3.2.1.min.js"></script>
|
||||
<script src="../../common/js/common2.js"></script>
|
||||
<script src="../../common/js/layer.js"></script>
|
||||
<script src="../../common/js/vconsole.min.js"></script>
|
||||
<script src="../../common/js/route-constant.js"></script>
|
||||
<script src="./js/index.js"></script>
|
||||
261
view/molistar/activity/payAr/js/index.js
Normal file
261
view/molistar/activity/payAr/js/index.js
Normal file
@@ -0,0 +1,261 @@
|
||||
let urlPrefix = getUrlPrefix()
|
||||
let browser = checkVersion()
|
||||
let env = EnvCheck();
|
||||
if (env == 'test') {
|
||||
new VConsole();
|
||||
}
|
||||
// 封裝layer消息提醒框
|
||||
let layerIndex
|
||||
var langReplace;
|
||||
var localLang;
|
||||
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 countupTime;//倒计时容器
|
||||
var isLock = true;
|
||||
var page = 1;
|
||||
// 初始化函數
|
||||
$(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)
|
||||
}
|
||||
})
|
||||
getConfig();
|
||||
}, 100)
|
||||
})
|
||||
// 配置接口
|
||||
function getConfig() {
|
||||
showLoading()
|
||||
networkRequest({
|
||||
type: 'get',
|
||||
url: urlPrefix + '/act/rechargeBenefit/getConfig',
|
||||
success(res) {
|
||||
if (res.code === 200) {
|
||||
// 每日活动
|
||||
res.data.dailyTaskList.forEach((res, i) => {
|
||||
$(`.box1 .text${i + 1} b`).text(res.process);
|
||||
$(`.box1 .text${i + 1} span`).text(`/${res.condition}`);
|
||||
$(`.box1 .but${i + 1}`).attr('key', res.key)
|
||||
$(`.box1 .but${i + 1}`).attr('click', res.status)
|
||||
$(`.box1 .but${i + 1}`).removeClass('act').removeClass('actOut');
|
||||
if (res.status == 1) {
|
||||
$(`.box1 .but${i + 1}`).addClass('act');
|
||||
} else if (res.status == 2) {
|
||||
$(`.box1 .but${i + 1}`).addClass('actOut');
|
||||
}
|
||||
})
|
||||
// 处理月任务倒计时
|
||||
countup(res.data.endTime - res.timestamp);
|
||||
// 月任务
|
||||
res.data.monthTaskList.forEach((res, i) => {
|
||||
$(`.content .content${i + 1} .schedule b`).text(res.process);
|
||||
$(`.content .content${i + 1} .schedule span`).text(`/${res.condition}`);
|
||||
$(`.content .content${i + 1} .but`).attr('key', res.key)
|
||||
$(`.content .content${i + 1} .but`).attr('click', res.status)
|
||||
$(`.content .content${i + 1} .but`).removeClass('act').removeClass('actOut');
|
||||
if (res.status == 1) {
|
||||
$(`.content .content${i + 1} .but`).addClass('act');
|
||||
} else if (res.status == 2) {
|
||||
$(`.content .content${i + 1} .but`).addClass('actOut');
|
||||
}
|
||||
})
|
||||
} else {
|
||||
toastMsg(res.message)
|
||||
}
|
||||
hideLoading(layerIndex)
|
||||
},
|
||||
error(err) {
|
||||
hideLoading(layerIndex)
|
||||
toastMsg("خطأ في الشبكة")
|
||||
}
|
||||
})
|
||||
}
|
||||
// 倒計時
|
||||
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中
|
||||
$('.content .time .sp1').text(d);
|
||||
$('.content .time .sp2').text(h);
|
||||
$('.content .time .sp3').text(m);
|
||||
$('.content .time .sp4').text(s);
|
||||
} else {
|
||||
// getConfig();
|
||||
}
|
||||
if (leftTime > 0) {
|
||||
leftTime = leftTime - 1000;
|
||||
}
|
||||
countupTime = setTimeout(function () {
|
||||
countup(leftTime);
|
||||
}, 1000);
|
||||
}
|
||||
|
||||
// 领取接口
|
||||
function draw(key) {
|
||||
showLoading()
|
||||
networkRequest({
|
||||
type: 'post',
|
||||
url: urlPrefix + '/act/rechargeBenefit/draw',
|
||||
data: { key },
|
||||
success(res) {
|
||||
if (res.code === 200) {
|
||||
getConfig();
|
||||
toastMsg('تم الاستلام بنجاح')
|
||||
} else {
|
||||
toastMsg(res.message)
|
||||
}
|
||||
hideLoading(layerIndex)
|
||||
},
|
||||
error(err) {
|
||||
hideLoading(layerIndex)
|
||||
toastMsg("خطأ في الشبكة")
|
||||
}
|
||||
})
|
||||
}
|
||||
// 日任务领取按钮|月任务领取按钮
|
||||
$('.box1 .but,.content .contentss .but').click(function () {
|
||||
var status = $(this).attr('click');
|
||||
var key = $(this).attr('key');
|
||||
if (status == 1) {
|
||||
draw(key);
|
||||
}
|
||||
})
|
||||
// 记录接口
|
||||
function pageRecord(page) {
|
||||
showLoading()
|
||||
networkRequest({
|
||||
type: 'get',
|
||||
url: urlPrefix + '/act/rechargeBenefit/pageRecord',
|
||||
data: { page, pageSize: 10 },
|
||||
success(res) {
|
||||
if (res.code === 200) {
|
||||
if (res.data.rows.length == 0 && page == 1) {
|
||||
$('.not_records').show();
|
||||
isLock = false;
|
||||
} else {
|
||||
var str = '';
|
||||
res.data.rows.forEach(res => {
|
||||
str += `
|
||||
<li>
|
||||
<div>${res.rewardDesc}</div>
|
||||
<div>${dateFormat(res.dateTime, 'yyyy/MM/dd')}</div>
|
||||
</li>`
|
||||
})
|
||||
$('.records .records_in ul').append(str);
|
||||
$('.records').show();
|
||||
isLock = true;
|
||||
}
|
||||
bodyScroolFun(true);
|
||||
} else {
|
||||
isLock = true;
|
||||
toastMsg(res.message)
|
||||
}
|
||||
hideLoading(layerIndex)
|
||||
},
|
||||
error(err) {
|
||||
isLock = true;
|
||||
hideLoading(layerIndex)
|
||||
toastMsg("خطأ في الشبكة")
|
||||
}
|
||||
})
|
||||
}
|
||||
// 打开领取记录按钮
|
||||
$('.header .records_icon').click(function () {
|
||||
$('.records .records_in ul li').remove();
|
||||
isLock = true;
|
||||
page = 1;
|
||||
pageRecord(page);
|
||||
})
|
||||
$('.records .records_in ul').scroll(function () {
|
||||
let scrollTop = $(this).scrollTop()
|
||||
let scrollHeight = $('.records .records_in ul')[0].scrollHeight
|
||||
let ulHeight = $(this).innerHeight()
|
||||
if (scrollTop + ulHeight + 100 >= scrollHeight) {
|
||||
if (isLock) {
|
||||
// 請求下一頁
|
||||
page++;
|
||||
pageRecord(page)
|
||||
isLock = false;
|
||||
}
|
||||
}
|
||||
})
|
||||
// 关闭每日福利弹窗
|
||||
$('.dayPub .dayPub_in .close').click(function () {
|
||||
$('.dayPub').hide();
|
||||
bodyScroolFun(false);
|
||||
})
|
||||
// 关闭规则弹窗
|
||||
$('.rulePub .rulePub_in .close').click(function () {
|
||||
$('.rulePub').hide();
|
||||
bodyScroolFun(false);
|
||||
})
|
||||
// 打开规则弹窗
|
||||
$('.header .rule_icon').click(function () {
|
||||
$('.rulePub').show();
|
||||
bodyScroolFun(true);
|
||||
})
|
||||
// 关闭无记录弹窗
|
||||
$('.not_records .not_records_in .close').click(function () {
|
||||
$('.not_records').hide();
|
||||
bodyScroolFun(false);
|
||||
})
|
||||
// 关闭记录弹窗
|
||||
$('.records .records_in .close').click(function () {
|
||||
$('.records').hide();
|
||||
bodyScroolFun(false);
|
||||
})
|
||||
//補0操作
|
||||
function getzf(num) {
|
||||
if (parseInt(num) < 10) {
|
||||
num = '0' + num;
|
||||
}
|
||||
return num;
|
||||
}
|
||||
$('.box1 .query_icon').click(function(){
|
||||
$('.dayPub').show();
|
||||
bodyScroolFun(true);
|
||||
})
|
||||
@@ -261,6 +261,9 @@ function convert(_url) {
|
||||
// 根据域名适配环境
|
||||
function EnvCheck() {
|
||||
if (window.location.href) {
|
||||
if(window.location.pathname.match(/payAr/)){
|
||||
pubInfo['Accept-Language'] = "ar";
|
||||
}
|
||||
var _url = window.location.host;
|
||||
var res = _url.match(/uat/);
|
||||
var res1 = _url.match(/120.79.211.243/);
|
||||
@@ -823,6 +826,9 @@ function fuzzyMatchUpdateQueryStringParameterFun() {
|
||||
}
|
||||
}
|
||||
function langCodeFun(langCode) {
|
||||
if (window.location.href.match(/guildAr/)) {
|
||||
return
|
||||
}
|
||||
var body = document.body;
|
||||
body.style.display = 'none';
|
||||
setTimeout(function () {
|
||||
@@ -831,10 +837,10 @@ function langCodeFun(langCode) {
|
||||
if (langCode == "ar") {
|
||||
document.documentElement.setAttribute("dir", "rtl");
|
||||
document.body.classList.add('arabic');
|
||||
|
||||
if (window.location.href.match(/guildAr/)) {
|
||||
document.documentElement.setAttribute("dir", "ltr");
|
||||
}
|
||||
|
||||
if (window.location.href.match(/guildAr/)) {
|
||||
document.documentElement.setAttribute("dir", "ltr");
|
||||
}
|
||||
}
|
||||
}
|
||||
// 获取整条url
|
||||
@@ -1000,6 +1006,16 @@ function fontConvert(fontConvertBool) {
|
||||
function unitProcessing(val, num, toFixeds, text) { //值 以什么为单位 保留几位小数 单位后最w
|
||||
return val >= num ? (Math.floor(val / 1000) / 10).toFixed(toFixeds) + text : val;
|
||||
}
|
||||
// 阿拉伯专用
|
||||
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'
|
||||
}
|
||||
}
|
||||
// 封装 在ios环境中 配置公共参数的回调函数
|
||||
// 配合 methodsFromClient[infoName].ios 方法
|
||||
// written by zxfxiong
|
||||
|
||||
@@ -34,7 +34,7 @@
|
||||
<script src="./local/en.js"></script>
|
||||
<script src="./local/zh.js"></script>
|
||||
<script src="./local/ar.js"></script>
|
||||
<script src="js/index.js?v=2.4"></script>
|
||||
<script src="js/index.js?v=2.5"></script>
|
||||
<script src="../../common/local/langHandler.js"></script>
|
||||
</body>
|
||||
|
||||
|
||||
@@ -56,7 +56,7 @@ $(function () {
|
||||
</p>
|
||||
<p class="user-charm">
|
||||
<img src="./images/heart.png" alt="" />
|
||||
<span>${item.score}</span>
|
||||
<span>${unitProcessingAr(item.score,1)}</span>
|
||||
</p>
|
||||
</div>`
|
||||
}
|
||||
@@ -82,7 +82,7 @@ $(function () {
|
||||
</div>
|
||||
<p class="user-charm">
|
||||
<img src="./images/heart.png" alt="" />
|
||||
<span>${item.score}</span>
|
||||
<span>${unitProcessingAr(item.score,1)}</span>
|
||||
</p>
|
||||
</div>`
|
||||
})
|
||||
@@ -127,13 +127,13 @@ $(function () {
|
||||
},
|
||||
error(err) {
|
||||
hideLoading(layerIndex)
|
||||
toastMsg('網絡錯誤，請退出重進')
|
||||
// toastMsg('網絡錯誤，請退出重進')
|
||||
}
|
||||
})
|
||||
},
|
||||
error(err) {
|
||||
hideLoading(layerIndex)
|
||||
toastMsg('網絡錯誤，請退出重進')
|
||||
// toastMsg('網絡錯誤，請退出重進')
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
@@ -268,13 +268,12 @@ ul li .score img {
|
||||
display: inline-block;
|
||||
width: 0.37333rem;
|
||||
height: 0.37333rem;
|
||||
vertical-align: middle;
|
||||
margin-top: 0.36rem;
|
||||
}
|
||||
|
||||
ul li .score b {
|
||||
color: #000;
|
||||
font-weight: bold;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
ul li:nth-child(1) .num {
|
||||
|
||||
@@ -272,13 +272,15 @@ ul {
|
||||
display: inline-block;
|
||||
width: px2rem(28);
|
||||
height: px2rem(28);
|
||||
vertical-align: middle;
|
||||
// vertical-align: middle;
|
||||
margin-top: 0.36rem;
|
||||
}
|
||||
|
||||
b {
|
||||
color: #000;
|
||||
font-weight: bold;
|
||||
vertical-align: middle;
|
||||
// margin-top: 0.1rem;
|
||||
// vertical-align: middle;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -23,4 +23,5 @@ ul p {
|
||||
color: #6E8485;
|
||||
font-size: 0.32rem;
|
||||
margin-bottom: 0.13333rem;
|
||||
line-height: 0.4rem;
|
||||
}
|
||||
|
||||
@@ -26,5 +26,6 @@ ul {
|
||||
color: #6E8485;
|
||||
font-size: px2rem(24);
|
||||
margin-bottom: px2rem(10);
|
||||
line-height: 0.4rem;
|
||||
}
|
||||
}
|
||||
@@ -78,7 +78,7 @@ function get(pageNum) {
|
||||
datetype,
|
||||
uid: pubInfo.uid,
|
||||
pageNum,
|
||||
pageSize: 10,
|
||||
pageSize: 30,
|
||||
},
|
||||
success(res) {
|
||||
if (res.code === 200) {
|
||||
@@ -139,6 +139,7 @@ $('.header .tab div').click(function () {
|
||||
})
|
||||
// 監聽滑動分頁
|
||||
$('ul').scroll(function () {
|
||||
return;
|
||||
let scrollTop = $(this).scrollTop()
|
||||
let scrollHeight = $('ul')[0].scrollHeight
|
||||
let ulHeight = $(this).innerHeight()
|
||||
|
||||
@@ -2,9 +2,9 @@
|
||||
langAr = {
|
||||
// 模块
|
||||
demoModule: {
|
||||
titles: `ترتيب LUDO`,
|
||||
text1: `ترتيب اليومي`,
|
||||
text2: `ترتيب الأسبوعي`,
|
||||
titles: `LUDO قائمة`,
|
||||
text1: `اليومية`,
|
||||
text2: `الأسبوعية`,
|
||||
text3: `شاغر`,
|
||||
text4: `خطأ في الشبكة`,
|
||||
text5: `جار التحميل...`,
|
||||
|
||||
@@ -260,7 +260,7 @@ body {
|
||||
|
||||
.guildList ul {
|
||||
width: 100%;
|
||||
height: 8.4rem;
|
||||
height: 11.8rem;
|
||||
margin: 0.52rem auto 0;
|
||||
overflow-y: scroll;
|
||||
}
|
||||
|
||||
@@ -265,7 +265,7 @@ body {
|
||||
|
||||
ul {
|
||||
width: 100%;
|
||||
height: 8.4rem;
|
||||
height: 11.8rem;
|
||||
margin: px2rem(39) auto 0;
|
||||
overflow-y: scroll;
|
||||
|
||||
|
||||
@@ -183,10 +183,10 @@ body {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
line-height: 0.4rem;
|
||||
position: fixed;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: 5.3rem;
|
||||
top: 0rem;
|
||||
background: #fff;
|
||||
border-radius: 0.4rem 0.4rem 0 0;
|
||||
}
|
||||
|
||||
@@ -188,10 +188,11 @@ body {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
line-height: 0.4rem;
|
||||
position: fixed;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: 5.3rem;
|
||||
// top: 5.3rem;
|
||||
top: 0rem;
|
||||
background: #fff;
|
||||
border-radius: px2rem(30) px2rem(30) 0 0;
|
||||
|
||||
|
||||
@@ -196,10 +196,10 @@ body {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
line-height: 0.4rem;
|
||||
position: fixed;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: 5.3rem;
|
||||
top: 0;
|
||||
background: #fff;
|
||||
border-radius: 0.4rem 0.4rem 0 0;
|
||||
}
|
||||
|
||||
@@ -203,10 +203,11 @@ body {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
line-height: 0.4rem;
|
||||
position: fixed;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: 5.3rem;
|
||||
// top: 5.3rem;
|
||||
top: 0;
|
||||
background: #fff;
|
||||
border-radius: px2rem(30) px2rem(30) 0 0;
|
||||
|
||||
|
||||
@@ -4,6 +4,7 @@ let env = EnvCheck();
|
||||
if (env == 'test') {
|
||||
new VConsole();
|
||||
}
|
||||
var urlDate = getQueryString().guildNick;
|
||||
// 封裝layer消息提醒框
|
||||
let layerIndex
|
||||
var langReplace;
|
||||
@@ -45,10 +46,8 @@ $(function () {
|
||||
$('.back img').click(() => {
|
||||
window.location.href = document.referrer;
|
||||
})
|
||||
fuzzyMatchUpdateQueryStringParameterFun(); // 判断语言
|
||||
langReplace = window.lang.replace;
|
||||
localLang = window.lang;
|
||||
translateFun();
|
||||
pubInfo['Accept-Language'] = 'ar'
|
||||
$('.nick input').val(urlDate);
|
||||
}, 100)
|
||||
})
|
||||
function translateFun() {
|
||||
|
||||
@@ -30,6 +30,7 @@ const toastMsg = (content = langReplace(localLang.demoModule.layerIndex2), time
|
||||
}
|
||||
var roleTypes;
|
||||
var searTime;
|
||||
var guildNick;
|
||||
// 初始化函數
|
||||
$(function () {
|
||||
getInfoFromClient();
|
||||
@@ -116,6 +117,7 @@ function get() {
|
||||
// 渲染基本信息
|
||||
$('.header .tx').attr('src', res.data.me.avatar);
|
||||
$('.header .nick').text(res.data.me.nick);
|
||||
guildNick = res.data.name;
|
||||
$('.header .id').text('ID：' + res.data.me.erbanNo);
|
||||
$('.header').css({ "background": `url(${res.data.backgroundUrl}) no-repeat`, "background-size": "100% 100%" });
|
||||
$('.header .guildNick').text(langReplace(localLang.demoModule.text11) + res.data.name);
|
||||
@@ -126,9 +128,9 @@ function get() {
|
||||
res.data.members.forEach((res, i) => {
|
||||
str += `
|
||||
<li>
|
||||
<div class="chairman" ${res.roleType == 1 ? 'style="display:block"' : ''}>${langReplace(localLang.demoModule.text12)}</div>
|
||||
<div class="administrator" ${res.roleType == 2 ? 'style="display:block"' : ''}>${langReplace(localLang.demoModule.text13)}</div>
|
||||
<img src="${res.avatar}" alt="" class="tx">
|
||||
<div class="chairman" ${res.roleType == 1 ? 'style="display:block"' : ''}>الوكيل</div>
|
||||
<div class="administrator" ${res.roleType == 2 ? 'style="display:block"' : ''}>المشرف</div>
|
||||
<img src="${res.avatar}" uid=${res.uid} alt="" class="tx">
|
||||
<div class="user">
|
||||
<p>${res.nick}</p>
|
||||
<img src="${res.gender == 1 ? './images/boy.png' : './images/girl.png'}" alt="" class="sex">
|
||||
@@ -176,9 +178,9 @@ function searchUser(erbanNo) {
|
||||
var res = res.data;
|
||||
var str = `
|
||||
<li>
|
||||
<div class="chairman" ${res.roleType == 3 ? 'style="display:block"' : ''}>${langReplace(localLang.demoModule.text12)}</div>
|
||||
<div class="administrator" ${res.roleType == 2 ? 'style="display:block"' : ''}>${langReplace(localLang.demoModule.text13)}</div>
|
||||
<img src="${res.avatar}" alt="" class="tx">
|
||||
<div class="chairman" ${res.roleType == 3 ? 'style="display:block"' : ''}>الوكيل</div>
|
||||
<div class="administrator" ${res.roleType == 2 ? 'style="display:block"' : ''}>المشرف</div>
|
||||
<img src="${res.avatar}" uid=${res.uid} alt="" class="tx">
|
||||
<div class="user">
|
||||
<p>${res.nick}</p>
|
||||
<img src="${res.gender == 1 ? './images/boy.png' : './images/girl.png'}" alt="" class="sex">
|
||||
@@ -210,6 +212,18 @@ $('.guildList ul').on('click', 'li .but', function () {
|
||||
$('.pub .pub_in .butBox .ok').attr("uid", uid);
|
||||
$('.pub').show();
|
||||
})
|
||||
// 跳转个人资料页
|
||||
$('.guildList ul').on('click', 'li .tx', 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);
|
||||
}
|
||||
}
|
||||
})
|
||||
|
||||
//移除接口
|
||||
function setManager(targetUid) {
|
||||
@@ -249,7 +263,7 @@ $('.header .adminSet').click(function () {
|
||||
})
|
||||
// 公会信息设置
|
||||
$('.header .guildInfoSet').click(function () {
|
||||
window.location.href = `./guildInfoSet.html`
|
||||
window.location.href = `./guildInfoSet.html?guildNick=${guildNick}`
|
||||
})
|
||||
// 查看成员流水
|
||||
$('.header .memberFlow').click(function (params) {
|
||||
|
||||
@@ -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.a62b35972ea697c4c9c2bf6165db8124.css rel=stylesheet></head><body><div id=app></div><script type=text/javascript src=./static/js/manifest.30e7df2ce19a7c06fc2a.js></script><script type=text/javascript src=./static/js/vendor.ef63a6e67767f10f7bb6.js></script><script type=text/javascript src=./static/js/app.7e18ecd3796ba8994b63.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.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>
|
||||
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
File diff suppressed because one or more lines are too long
@@ -1,2 +1,2 @@
|
||||
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
|
||||
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
|
||||
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
File diff suppressed because one or more lines are too long
@@ -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:"2f9b29ac2f02c602d05d",6:"0e7ac399b5d59483b7f2",7:"770781e704ff5805cd00",8:"4218eb5becaddd649623",9:"d02156509389fc441584",10:"8520f094936f10a3326e",11:"a5e798e367bdaa3003e9",12:"60253d3c482f37e1f585"}[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.30e7df2ce19a7c06fc2a.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:"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
|
||||
@@ -359,6 +359,10 @@ body {
|
||||
color: #FFFFFF;
|
||||
font-size: 0.34667rem;
|
||||
float: left;
|
||||
width: 2.2rem;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
.list li .right {
|
||||
@@ -461,3 +465,15 @@ body {
|
||||
line-height: 1.92rem;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.arabic .list li .num,
|
||||
.arabic .list li .tx,
|
||||
.arabic .list li .icon,
|
||||
.arabic .list li .name {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.arabic .list li .right {
|
||||
float: left;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
@@ -7,6 +7,7 @@ body {
|
||||
width: 100%;
|
||||
background: #0E1417;
|
||||
}
|
||||
|
||||
.back {
|
||||
position: fixed;
|
||||
top: px2rem(70);
|
||||
@@ -20,6 +21,7 @@ body {
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.header {
|
||||
width: px2rem(750);
|
||||
height: px2rem(1212);
|
||||
@@ -364,6 +366,10 @@ body {
|
||||
color: #FFFFFF;
|
||||
font-size: px2rem(26);
|
||||
float: left;
|
||||
width: 2.2rem;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
.right {
|
||||
@@ -470,4 +476,21 @@ body {
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
.arabic {
|
||||
.list li {
|
||||
|
||||
.num,
|
||||
.tx,
|
||||
.icon,
|
||||
.name {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.right {
|
||||
float: left;
|
||||
text-align: left;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -8,7 +8,7 @@
|
||||
<title id="title"></title>
|
||||
<!-- 贵族榜 -->
|
||||
<link rel="stylesheet" href="../../common/css/reset.css">
|
||||
<link rel="stylesheet" href="./css/index.css">
|
||||
<link rel="stylesheet" href="./css/index.css?v=1.0">
|
||||
</head>
|
||||
|
||||
<body id="body" style="display: none;">
|
||||
@@ -88,7 +88,7 @@
|
||||
<script src="./local/en.js"></script>
|
||||
<script src="./local/zh.js"></script>
|
||||
<script src="./local/ar.js"></script>
|
||||
<script src="./js/index.js"></script>
|
||||
<script src="./js/index.js?v=1.0"></script>
|
||||
<script src="../../common/local/langHandler.js"></script>
|
||||
|
||||
</html>
|
||||
@@ -107,7 +107,7 @@ function getListRank() {
|
||||
<div class="num">${i + 4}</div>
|
||||
<img src="${res.avatar}" alt="" class="tx" uid=${res.uid}>
|
||||
<img src="./images/${res.vipLevel}.png" alt="" class="icon">
|
||||
<div class="name">${res.nick.length > 5 ? res.nick.slice(0, 5) + '...' : res.nick}</div>
|
||||
<div class="name">${res.nick}</div>
|
||||
<div class="right">
|
||||
<p>${res.score}</p>
|
||||
<span>${langReplace(localLang.demoModule.text1)}</span>
|
||||
|
||||
680
view/molistar/modules/pkRank/css/index.css
Normal file
680
view/molistar/modules/pkRank/css/index.css
Normal file
@@ -0,0 +1,680 @@
|
||||
html,
|
||||
body {
|
||||
width: 100%;
|
||||
background: linear-gradient(0deg, #121F75 0%, #4D202B 82%, #08053C 99%);
|
||||
}
|
||||
|
||||
.back {
|
||||
width: 100%;
|
||||
height: 0.58667rem;
|
||||
line-height: 0.58667rem;
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 0.93333rem;
|
||||
text-align: center;
|
||||
color: #FFFFFF;
|
||||
font-size: 0.50667rem;
|
||||
font-weight: bold;
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
.back img {
|
||||
width: 0.58667rem;
|
||||
height: 0.58667rem;
|
||||
position: absolute;
|
||||
left: 0.24rem;
|
||||
top: 0rem;
|
||||
}
|
||||
|
||||
.header {
|
||||
width: 10rem;
|
||||
height: 10.4rem;
|
||||
background: url(../images/header.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
margin: 0 auto 0;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.tab {
|
||||
position: relative;
|
||||
width: 10rem;
|
||||
height: 1.52rem;
|
||||
margin: -0.3rem auto 0;
|
||||
background: url(../images/tabBg.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.tab div {
|
||||
width: 33.33%;
|
||||
text-align: center;
|
||||
height: 1.52rem;
|
||||
line-height: 1.52rem;
|
||||
color: #9995FF;
|
||||
font-size: 0.4rem;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.tab .act {
|
||||
width: 3.98667rem;
|
||||
height: 1.29333rem;
|
||||
line-height: 1rem;
|
||||
color: #FFDC78;
|
||||
font-weight: bold;
|
||||
background: url(../images/tabAct.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
margin-top: 0.26667rem;
|
||||
}
|
||||
|
||||
.page1 .box1 {
|
||||
width: 9.28rem;
|
||||
height: 2.70667rem;
|
||||
line-height: 2.70667rem;
|
||||
background: url(../images/page1Box1.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
position: relative;
|
||||
margin: 0.92rem auto 1.05333rem;
|
||||
color: #FFF1D9;
|
||||
font-size: 0.34667rem;
|
||||
padding: 0 0.41333rem;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.page1 .box1 .title {
|
||||
width: 4.86667rem;
|
||||
height: 1.17333rem;
|
||||
line-height: 0.88rem;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: -0.58667rem;
|
||||
text-align: center;
|
||||
color: #FFDC78;
|
||||
font-size: 0.45333rem;
|
||||
font-weight: bold;
|
||||
background: url(../images/page1TitleBg.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.page1 .box1 b {
|
||||
color: #FAE68B;
|
||||
}
|
||||
|
||||
.page1 .box2 {
|
||||
width: 9.28rem;
|
||||
height: 2.70667rem;
|
||||
background: url(../images/page1Box1.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
position: relative;
|
||||
margin: 0 auto 1.10667rem;
|
||||
color: #FFF1D9;
|
||||
font-size: 0.34667rem;
|
||||
padding: 0.82667rem 0.41333rem 0;
|
||||
box-sizing: border-box;
|
||||
line-height: 0.58667rem;
|
||||
}
|
||||
|
||||
.page1 .box2 .title {
|
||||
width: 4.86667rem;
|
||||
height: 1.17333rem;
|
||||
line-height: 0.88rem;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: -0.58667rem;
|
||||
text-align: center;
|
||||
color: #FFDC78;
|
||||
font-size: 0.45333rem;
|
||||
font-weight: bold;
|
||||
background: url(../images/page1TitleBg.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.page1 .box2 b {
|
||||
color: #FAE68B;
|
||||
}
|
||||
|
||||
.page1 .box2 .content {
|
||||
height: 1.8rem;
|
||||
overflow-y: scroll;
|
||||
margin-top: -0.25rem;
|
||||
}
|
||||
|
||||
.page1 .box2 .content::-webkit-scrollbar {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.page1 .box3 {
|
||||
width: 9.28rem;
|
||||
height: 3.37333rem;
|
||||
background: url(../images/page1Box3.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
position: relative;
|
||||
margin: 0 auto 1.18667rem;
|
||||
color: #FFF1D9;
|
||||
font-size: 0.34667rem;
|
||||
padding: 0.82667rem 0.41333rem 0;
|
||||
box-sizing: border-box;
|
||||
line-height: 0.58667rem;
|
||||
}
|
||||
|
||||
.page1 .box3 .title {
|
||||
width: 4.86667rem;
|
||||
height: 1.17333rem;
|
||||
line-height: 0.88rem;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: -0.58667rem;
|
||||
text-align: center;
|
||||
color: #FFDC78;
|
||||
font-size: 0.45333rem;
|
||||
font-weight: bold;
|
||||
background: url(../images/page1TitleBg.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.page1 .box3 b {
|
||||
color: #FAE68B;
|
||||
}
|
||||
|
||||
.page1 .box3 .content {
|
||||
height: 2.2rem;
|
||||
overflow-y: scroll;
|
||||
}
|
||||
|
||||
.page1 .box3 .content::-webkit-scrollbar {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.page1 .box4 {
|
||||
width: 9.28rem;
|
||||
height: 22.17333rem;
|
||||
background: url(../images/page1Box4.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
position: relative;
|
||||
margin: 0 auto 1.18667rem;
|
||||
color: #FFF1D9;
|
||||
font-size: 0.34667rem;
|
||||
padding: 0.82667rem 0.41333rem 0;
|
||||
box-sizing: border-box;
|
||||
line-height: 0.58667rem;
|
||||
}
|
||||
|
||||
.page1 .box4 .title {
|
||||
width: 4.86667rem;
|
||||
height: 1.17333rem;
|
||||
line-height: 0.88rem;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: -0.58667rem;
|
||||
text-align: center;
|
||||
color: #FFDC78;
|
||||
font-size: 0.45333rem;
|
||||
font-weight: bold;
|
||||
background: url(../images/page1TitleBg.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.page1 .box4 b {
|
||||
color: #FAE68B;
|
||||
}
|
||||
|
||||
.page1 .box4_en {
|
||||
background: url(../images/page1Box4_en.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.page1 .box4_ar {
|
||||
background: url(../images/page1Box4_ar.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.page1 .box5 {
|
||||
width: 9.28rem;
|
||||
height: 9.17333rem;
|
||||
background: url(../images/page1Box5.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
position: relative;
|
||||
margin: 0 auto 1.18667rem;
|
||||
color: #FFF1D9;
|
||||
font-size: 0.34667rem;
|
||||
padding: 0.82667rem 0.41333rem 0;
|
||||
box-sizing: border-box;
|
||||
line-height: 0.64rem;
|
||||
}
|
||||
|
||||
.page1 .box5 .title {
|
||||
width: 4.86667rem;
|
||||
height: 1.17333rem;
|
||||
line-height: 0.88rem;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: -0.58667rem;
|
||||
text-align: center;
|
||||
color: #FFDC78;
|
||||
font-size: 0.45333rem;
|
||||
font-weight: bold;
|
||||
background: url(../images/page1TitleBg.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.page1 .box5 b {
|
||||
color: #FAE68B;
|
||||
}
|
||||
|
||||
.page1 .box5 .content {
|
||||
height: 8rem;
|
||||
overflow-y: scroll;
|
||||
}
|
||||
|
||||
.page1 .box5 .content::-webkit-scrollbar {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.page2 {
|
||||
width: 9.28rem;
|
||||
height: 21.76rem;
|
||||
margin: 0 auto 0.38667rem;
|
||||
background: url(../images/page2.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
position: relative;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.page2 .no1 {
|
||||
width: 8.50667rem;
|
||||
height: 4.50667rem;
|
||||
position: absolute;
|
||||
top: 1.89333rem;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
|
||||
.page2 .no1 .ts {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.page2 .no1 .tx {
|
||||
position: absolute;
|
||||
width: 2.66667rem;
|
||||
height: 2.66667rem;
|
||||
border-radius: 50%;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: 0.61333rem;
|
||||
}
|
||||
|
||||
.page2 .no1 .nick {
|
||||
width: 2rem;
|
||||
color: #C6712B;
|
||||
font-size: 0.32rem;
|
||||
font-weight: bold;
|
||||
position: absolute;
|
||||
top: 3.58667rem;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
z-index: 2;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.page2 .no2 {
|
||||
width: 4.53333rem;
|
||||
height: 4.53333rem;
|
||||
position: absolute;
|
||||
top: 6.65333rem;
|
||||
left: 0.13333rem;
|
||||
}
|
||||
|
||||
.page2 .no2 .ts {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.page2 .no2 .tx {
|
||||
position: absolute;
|
||||
width: 2.66667rem;
|
||||
height: 2.66667rem;
|
||||
border-radius: 50%;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: 0.52rem;
|
||||
}
|
||||
|
||||
.page2 .no2 .nick {
|
||||
width: 2rem;
|
||||
color: #C6712B;
|
||||
font-size: 0.32rem;
|
||||
font-weight: bold;
|
||||
position: absolute;
|
||||
top: 3.44rem;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
z-index: 2;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.page2 .no3 {
|
||||
width: 4.53333rem;
|
||||
height: 4.53333rem;
|
||||
position: absolute;
|
||||
top: 6.65333rem;
|
||||
right: 0.13333rem;
|
||||
}
|
||||
|
||||
.page2 .no3 .ts {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.page2 .no3 .tx {
|
||||
position: absolute;
|
||||
width: 2.66667rem;
|
||||
height: 2.66667rem;
|
||||
border-radius: 50%;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: 0.52rem;
|
||||
}
|
||||
|
||||
.page2 .no3 .nick {
|
||||
width: 2rem;
|
||||
color: #C6712B;
|
||||
font-size: 0.32rem;
|
||||
font-weight: bold;
|
||||
position: absolute;
|
||||
top: 3.44rem;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
z-index: 2;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.page2 .titleBox {
|
||||
width: 7.7rem;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: 11.53333rem;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
color: #FFFFFF;
|
||||
font-size: 0.24rem;
|
||||
font-weight: 500;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.page2 ul {
|
||||
width: 8.26667rem;
|
||||
height: 8.9rem;
|
||||
position: absolute;
|
||||
top: 12.50667rem;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
overflow-y: scroll;
|
||||
}
|
||||
|
||||
.page2 ul::-webkit-scrollbar {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.page2 ul li {
|
||||
background: url(../images/page2Li.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
width: 100%;
|
||||
height: 1.92rem;
|
||||
margin-bottom: 0.1rem;
|
||||
}
|
||||
|
||||
.page2 ul li .num {
|
||||
width: 0.92rem;
|
||||
height: 100%;
|
||||
line-height: 1.92rem;
|
||||
color: #fff;
|
||||
font-size: 0.34667rem;
|
||||
font-weight: 500;
|
||||
float: left;
|
||||
margin-right: 0.2rem;
|
||||
margin-left: 0.14667rem;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.page2 ul li .tx {
|
||||
width: 1.2rem;
|
||||
height: 1.2rem;
|
||||
border-radius: 50%;
|
||||
margin-top: 0.34667rem;
|
||||
margin-right: 0.14667rem;
|
||||
float: left;
|
||||
border: 0.04rem solid #FFE0B5;
|
||||
}
|
||||
|
||||
.page2 ul li .user {
|
||||
width: 1.7rem;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.page2 ul li .user p {
|
||||
margin-top: 0.6rem;
|
||||
margin-right: 0.06667rem;
|
||||
margin-bottom: 0.14667rem;
|
||||
color: #FFFFFF;
|
||||
font-size: 0.34667rem;
|
||||
font-weight: bold;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
.page2 ul li .user b {
|
||||
display: block;
|
||||
color: #fff;
|
||||
font-size: 0.32rem;
|
||||
font-weight: 500;
|
||||
opacity: .6;
|
||||
}
|
||||
|
||||
.page2 ul li .all {
|
||||
width: 1.06667rem;
|
||||
height: 100%;
|
||||
line-height: 1.92rem;
|
||||
color: #FFEEA7;
|
||||
font-size: 0.29333rem;
|
||||
font-weight: 500;
|
||||
text-align: center;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.page2 ul li .win {
|
||||
width: 1.06667rem;
|
||||
height: 100%;
|
||||
line-height: 1.92rem;
|
||||
color: #FFEEA7;
|
||||
font-size: 0.29333rem;
|
||||
font-weight: 500;
|
||||
text-align: center;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.page2 ul li .winPercent {
|
||||
width: 1.06667rem;
|
||||
height: 100%;
|
||||
line-height: 1.92rem;
|
||||
color: #FFEEA7;
|
||||
font-size: 0.29333rem;
|
||||
font-weight: 500;
|
||||
text-align: center;
|
||||
float: right;
|
||||
}
|
||||
|
||||
.page2 ul .li1 .num {
|
||||
width: 0.92rem;
|
||||
height: 1rem;
|
||||
margin-top: 0.49333rem;
|
||||
background: url(../images/no1.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.page2 ul .li2 .num {
|
||||
width: 0.92rem;
|
||||
height: 1rem;
|
||||
margin-top: 0.49333rem;
|
||||
background: url(../images/no2.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.page2 ul .li3 .num {
|
||||
width: 0.92rem;
|
||||
height: 1rem;
|
||||
margin-top: 0.49333rem;
|
||||
background: url(../images/no3.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.page3 {
|
||||
display: none;
|
||||
width: 9.28rem;
|
||||
height: 11.30667rem;
|
||||
margin: 0 auto 0.36rem;
|
||||
background: url(../images/page3.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.page3 ul {
|
||||
width: 9.08rem;
|
||||
height: 9.5rem;
|
||||
margin-top: 1.4rem;
|
||||
overflow-y: scroll;
|
||||
margin: 1.4rem auto 0;
|
||||
}
|
||||
|
||||
.page3 ul::-webkit-scrollbar {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.page3 ul li {
|
||||
width: 9.08rem;
|
||||
height: 5.54667rem;
|
||||
background: url(../images/page3Li.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
margin-top: -1rem;
|
||||
margin-bottom: -2.5rem;
|
||||
position: relative;
|
||||
transform: translateX(-1.2%);
|
||||
}
|
||||
|
||||
.page3 ul li .icon_l {
|
||||
width: 1.02667rem;
|
||||
height: 0.61333rem;
|
||||
position: absolute;
|
||||
left: 0.72rem;
|
||||
z-index: 2;
|
||||
top: 2.13333rem;
|
||||
}
|
||||
|
||||
.page3 ul li .icon_r {
|
||||
width: 1.02667rem;
|
||||
height: 0.61333rem;
|
||||
position: absolute;
|
||||
right: 0.72rem;
|
||||
z-index: 2;
|
||||
top: 2.13333rem;
|
||||
}
|
||||
|
||||
.page3 ul li .tx_l {
|
||||
width: 1.17333rem;
|
||||
height: 1.17333rem;
|
||||
position: absolute;
|
||||
left: 0.65333rem;
|
||||
top: 2.38667rem;
|
||||
border-radius: 50%;
|
||||
border: 0.04rem solid #FFE0B5;
|
||||
}
|
||||
|
||||
.page3 ul li .tx_r {
|
||||
width: 1.17333rem;
|
||||
height: 1.17333rem;
|
||||
position: absolute;
|
||||
right: 0.53333rem;
|
||||
top: 2.38667rem;
|
||||
border-radius: 50%;
|
||||
border: 0.04rem solid #FFE0B5;
|
||||
}
|
||||
|
||||
.page3 ul li .nick_l {
|
||||
width: 1.6rem;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
color: #fff;
|
||||
font-size: 0.33333rem;
|
||||
font-weight: bold;
|
||||
position: absolute;
|
||||
left: 1.96rem;
|
||||
top: 2.66667rem;
|
||||
}
|
||||
|
||||
.page3 ul li .nick_r {
|
||||
width: 1.6rem;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
color: #fff;
|
||||
font-size: 0.33333rem;
|
||||
font-weight: bold;
|
||||
position: absolute;
|
||||
left: 5.6rem;
|
||||
top: 2.66667rem;
|
||||
}
|
||||
|
||||
.page3 ul li .id_l {
|
||||
width: 1.6rem;
|
||||
color: #fff;
|
||||
font-weight: 500;
|
||||
font-size: 0.30667rem;
|
||||
opacity: .6;
|
||||
position: absolute;
|
||||
left: 1.96rem;
|
||||
top: 3.16rem;
|
||||
}
|
||||
|
||||
.page3 ul li .id_r {
|
||||
width: 1.6rem;
|
||||
color: #fff;
|
||||
font-weight: 500;
|
||||
font-size: 0.30667rem;
|
||||
opacity: .6;
|
||||
position: absolute;
|
||||
left: 5.6rem;
|
||||
top: 3.16rem;
|
||||
}
|
||||
|
||||
.arabic .page2 .titleBox {
|
||||
width: 8.53333rem;
|
||||
}
|
||||
698
view/molistar/modules/pkRank/css/index.scss
Normal file
698
view/molistar/modules/pkRank/css/index.scss
Normal file
@@ -0,0 +1,698 @@
|
||||
@function px2rem($px) {
|
||||
@return $px / 75+rem;
|
||||
}
|
||||
|
||||
html,
|
||||
body {
|
||||
width: 100%;
|
||||
background: linear-gradient(0deg, #121F75 0%, #4D202B 82%, #08053C 99%);
|
||||
}
|
||||
|
||||
.back {
|
||||
width: 100%;
|
||||
height: px2rem(44);
|
||||
line-height: px2rem(44);
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: px2rem(70);
|
||||
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(780);
|
||||
background: url(../images/header.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
margin: 0 auto 0;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.tab {
|
||||
position: relative;
|
||||
width: px2rem(750);
|
||||
height: px2rem(114);
|
||||
margin: -0.3rem auto 0;
|
||||
background: url(../images/tabBg.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
|
||||
div {
|
||||
width: 33.33%;
|
||||
text-align: center;
|
||||
height: px2rem(114);
|
||||
line-height: px2rem(114);
|
||||
color: #9995FF;
|
||||
font-size: px2rem(30);
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.act {
|
||||
width: px2rem(299);
|
||||
height: px2rem(97);
|
||||
line-height: px2rem(75);
|
||||
color: #FFDC78;
|
||||
font-weight: bold;
|
||||
background: url(../images/tabAct.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
margin-top: px2rem(20);
|
||||
}
|
||||
}
|
||||
|
||||
.page1 {
|
||||
// display: none;
|
||||
|
||||
.box1 {
|
||||
width: px2rem(696);
|
||||
height: px2rem(203);
|
||||
line-height: px2rem(203);
|
||||
background: url(../images/page1Box1.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
position: relative;
|
||||
margin: px2rem(69) auto px2rem(79);
|
||||
color: #FFF1D9;
|
||||
font-size: px2rem(26);
|
||||
padding: 0 px2rem(31);
|
||||
box-sizing: border-box;
|
||||
|
||||
.title {
|
||||
width: px2rem(365);
|
||||
height: px2rem(88);
|
||||
line-height: px2rem(66);
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: px2rem(-44);
|
||||
text-align: center;
|
||||
color: #FFDC78;
|
||||
font-size: px2rem(34);
|
||||
font-weight: bold;
|
||||
background: url(../images/page1TitleBg.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
b {
|
||||
color: #FAE68B;
|
||||
}
|
||||
}
|
||||
|
||||
.box2 {
|
||||
width: px2rem(696);
|
||||
height: px2rem(203);
|
||||
background: url(../images/page1Box1.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
position: relative;
|
||||
margin: 0 auto px2rem(83);
|
||||
color: #FFF1D9;
|
||||
font-size: px2rem(26);
|
||||
padding: px2rem(62) px2rem(31) 0;
|
||||
box-sizing: border-box;
|
||||
line-height: px2rem(44);
|
||||
|
||||
.title {
|
||||
width: px2rem(365);
|
||||
height: px2rem(88);
|
||||
line-height: px2rem(66);
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: px2rem(-44);
|
||||
text-align: center;
|
||||
color: #FFDC78;
|
||||
font-size: px2rem(34);
|
||||
font-weight: bold;
|
||||
background: url(../images/page1TitleBg.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
b {
|
||||
color: #FAE68B;
|
||||
}
|
||||
|
||||
.content {
|
||||
height: 1.8rem;
|
||||
overflow-y: scroll;
|
||||
margin-top: -0.25rem;
|
||||
|
||||
&::-webkit-scrollbar {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.box3 {
|
||||
width: px2rem(696);
|
||||
height: px2rem(253);
|
||||
background: url(../images/page1Box3.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
position: relative;
|
||||
margin: 0 auto px2rem(89);
|
||||
color: #FFF1D9;
|
||||
font-size: px2rem(26);
|
||||
padding: px2rem(62) px2rem(31) 0;
|
||||
box-sizing: border-box;
|
||||
line-height: px2rem(44);
|
||||
|
||||
.title {
|
||||
width: px2rem(365);
|
||||
height: px2rem(88);
|
||||
line-height: px2rem(66);
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: px2rem(-44);
|
||||
text-align: center;
|
||||
color: #FFDC78;
|
||||
font-size: px2rem(34);
|
||||
font-weight: bold;
|
||||
background: url(../images/page1TitleBg.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
b {
|
||||
color: #FAE68B;
|
||||
}
|
||||
|
||||
.content {
|
||||
height: 2.2rem;
|
||||
overflow-y: scroll;
|
||||
|
||||
&::-webkit-scrollbar {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.box4 {
|
||||
width: px2rem(696);
|
||||
height: px2rem(1663);
|
||||
background: url(../images/page1Box4.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
position: relative;
|
||||
margin: 0 auto px2rem(89);
|
||||
color: #FFF1D9;
|
||||
font-size: px2rem(26);
|
||||
padding: px2rem(62) px2rem(31) 0;
|
||||
box-sizing: border-box;
|
||||
line-height: px2rem(44);
|
||||
|
||||
.title {
|
||||
width: px2rem(365);
|
||||
height: px2rem(88);
|
||||
line-height: px2rem(66);
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: px2rem(-44);
|
||||
text-align: center;
|
||||
color: #FFDC78;
|
||||
font-size: px2rem(34);
|
||||
font-weight: bold;
|
||||
background: url(../images/page1TitleBg.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
b {
|
||||
color: #FAE68B;
|
||||
}
|
||||
}
|
||||
|
||||
.box4_en {
|
||||
background: url(../images/page1Box4_en.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.box4_ar {
|
||||
background: url(../images/page1Box4_ar.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.box5 {
|
||||
width: px2rem(696);
|
||||
height: px2rem(688);
|
||||
background: url(../images/page1Box5.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
position: relative;
|
||||
margin: 0 auto px2rem(89);
|
||||
color: #FFF1D9;
|
||||
font-size: px2rem(26);
|
||||
padding: px2rem(62) px2rem(31) 0;
|
||||
box-sizing: border-box;
|
||||
line-height: px2rem(48);
|
||||
|
||||
.title {
|
||||
width: px2rem(365);
|
||||
height: px2rem(88);
|
||||
line-height: px2rem(66);
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: px2rem(-44);
|
||||
text-align: center;
|
||||
color: #FFDC78;
|
||||
font-size: px2rem(34);
|
||||
font-weight: bold;
|
||||
background: url(../images/page1TitleBg.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
b {
|
||||
color: #FAE68B;
|
||||
}
|
||||
|
||||
.content {
|
||||
height: 8rem;
|
||||
overflow-y: scroll;
|
||||
|
||||
&::-webkit-scrollbar {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.page2 {
|
||||
width: px2rem(696);
|
||||
height: px2rem(1632);
|
||||
margin: 0 auto px2rem(29);
|
||||
background: url(../images/page2.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
position: relative;
|
||||
display: none;
|
||||
|
||||
.no1 {
|
||||
width: px2rem(638);
|
||||
height: px2rem(338);
|
||||
position: absolute;
|
||||
top: px2rem(142);
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
|
||||
.ts {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.tx {
|
||||
position: absolute;
|
||||
width: px2rem(200);
|
||||
height: px2rem(200);
|
||||
border-radius: 50%;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: px2rem(46);
|
||||
}
|
||||
|
||||
.nick {
|
||||
width: 2rem;
|
||||
color: #C6712B;
|
||||
font-size: px2rem(24);
|
||||
font-weight: bold;
|
||||
position: absolute;
|
||||
top: px2rem(269);
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
z-index: 2;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
text-align: center;
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
.no2 {
|
||||
width: px2rem(340);
|
||||
height: px2rem(340);
|
||||
position: absolute;
|
||||
top: px2rem(499);
|
||||
left: px2rem(10);
|
||||
|
||||
.ts {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.tx {
|
||||
position: absolute;
|
||||
width: px2rem(200);
|
||||
height: px2rem(200);
|
||||
border-radius: 50%;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: px2rem(39);
|
||||
}
|
||||
|
||||
.nick {
|
||||
width: 2rem;
|
||||
color: #C6712B;
|
||||
font-size: px2rem(24);
|
||||
font-weight: bold;
|
||||
position: absolute;
|
||||
top: px2rem(258);
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
z-index: 2;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
text-align: center;
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
.no3 {
|
||||
width: px2rem(340);
|
||||
height: px2rem(340);
|
||||
position: absolute;
|
||||
top: px2rem(499);
|
||||
right: px2rem(10);
|
||||
|
||||
.ts {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.tx {
|
||||
position: absolute;
|
||||
width: px2rem(200);
|
||||
height: px2rem(200);
|
||||
border-radius: 50%;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: px2rem(39);
|
||||
}
|
||||
|
||||
.nick {
|
||||
width: 2rem;
|
||||
color: #C6712B;
|
||||
font-size: px2rem(24);
|
||||
font-weight: bold;
|
||||
position: absolute;
|
||||
top: px2rem(258);
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
z-index: 2;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
text-align: center;
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
.titleBox {
|
||||
width: 7.7rem;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: px2rem(865);
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
color: #FFFFFF;
|
||||
font-size: px2rem(18);
|
||||
font-weight: 500;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
ul {
|
||||
width: px2rem(620);
|
||||
height: 8.9rem;
|
||||
position: absolute;
|
||||
top: px2rem(938);
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
overflow-y: scroll;
|
||||
&::-webkit-scrollbar{
|
||||
display: none;
|
||||
}
|
||||
|
||||
li {
|
||||
background: url(../images/page2Li.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
width: 100%;
|
||||
height: px2rem(144);
|
||||
margin-bottom: 0.1rem;
|
||||
|
||||
.num {
|
||||
width: px2rem(69);
|
||||
height: 100%;
|
||||
line-height: px2rem(144);
|
||||
color: #fff;
|
||||
font-size: px2rem(26);
|
||||
font-weight: 500;
|
||||
float: left;
|
||||
margin-right: px2rem(15);
|
||||
margin-left: px2rem(11);
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.tx {
|
||||
width: px2rem(90);
|
||||
height: px2rem(90);
|
||||
border-radius: 50%;
|
||||
margin-top: px2rem(26);
|
||||
margin-right: px2rem(11);
|
||||
float: left;
|
||||
border: px2rem(3) solid #FFE0B5;
|
||||
}
|
||||
|
||||
.user {
|
||||
width: 1.7rem;
|
||||
float: left;
|
||||
|
||||
p {
|
||||
margin-top: px2rem(45);
|
||||
margin-right: px2rem(5);
|
||||
margin-bottom: px2rem(11);
|
||||
color: #FFFFFF;
|
||||
font-size: px2rem(26);
|
||||
font-weight: bold;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
b {
|
||||
display: block;
|
||||
color: #fff;
|
||||
font-size: px2rem(24);
|
||||
font-weight: 500;
|
||||
opacity: .6;
|
||||
}
|
||||
}
|
||||
|
||||
.all {
|
||||
width: px2rem(80);
|
||||
height: 100%;
|
||||
line-height: px2rem(144);
|
||||
color: #FFEEA7;
|
||||
font-size: px2rem(22);
|
||||
font-weight: 500;
|
||||
text-align: center;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.win {
|
||||
width: px2rem(80);
|
||||
height: 100%;
|
||||
line-height: px2rem(144);
|
||||
color: #FFEEA7;
|
||||
font-size: px2rem(22);
|
||||
font-weight: 500;
|
||||
text-align: center;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.winPercent {
|
||||
width: px2rem(80);
|
||||
height: 100%;
|
||||
line-height: px2rem(144);
|
||||
color: #FFEEA7;
|
||||
font-size: px2rem(22);
|
||||
font-weight: 500;
|
||||
text-align: center;
|
||||
float: right;
|
||||
}
|
||||
}
|
||||
|
||||
.li1 {
|
||||
.num {
|
||||
width: px2rem(69);
|
||||
height: px2rem(75);
|
||||
margin-top: px2rem(37);
|
||||
background: url(../images/no1.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.li2 {
|
||||
.num {
|
||||
width: px2rem(69);
|
||||
height: px2rem(75);
|
||||
margin-top: px2rem(37);
|
||||
background: url(../images/no2.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.li3 {
|
||||
.num {
|
||||
width: px2rem(69);
|
||||
height: px2rem(75);
|
||||
margin-top: px2rem(37);
|
||||
background: url(../images/no3.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.page3 {
|
||||
display: none;
|
||||
width: px2rem(696);
|
||||
height: px2rem(848);
|
||||
margin: 0 auto px2rem(27);
|
||||
background: url(../images/page3.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
overflow: hidden;
|
||||
|
||||
ul {
|
||||
width: px2rem(681);
|
||||
height: 9.5rem;
|
||||
margin-top: 1.4rem;
|
||||
overflow-y: scroll;
|
||||
margin: 1.4rem auto 0;
|
||||
|
||||
&::-webkit-scrollbar {
|
||||
display: none;
|
||||
}
|
||||
|
||||
li {
|
||||
width: px2rem(681);
|
||||
height: px2rem(416);
|
||||
background: url(../images/page3Li.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
margin-top: -1rem;
|
||||
margin-bottom: -2.5rem;
|
||||
position: relative;
|
||||
transform: translateX(-1.2%);
|
||||
|
||||
.icon_l {
|
||||
width: px2rem(77);
|
||||
height: px2rem(46);
|
||||
position: absolute;
|
||||
left: px2rem(54);
|
||||
z-index: 2;
|
||||
top: px2rem(160);
|
||||
}
|
||||
|
||||
.icon_r {
|
||||
width: px2rem(77);
|
||||
height: px2rem(46);
|
||||
position: absolute;
|
||||
right: px2rem(54);
|
||||
z-index: 2;
|
||||
top: px2rem(160);
|
||||
}
|
||||
|
||||
.tx_l {
|
||||
width: px2rem(88);
|
||||
height: px2rem(88);
|
||||
position: absolute;
|
||||
left: px2rem(49);
|
||||
top: px2rem(179);
|
||||
border-radius: 50%;
|
||||
border: px2rem(3) solid #FFE0B5;
|
||||
}
|
||||
|
||||
.tx_r {
|
||||
width: px2rem(88);
|
||||
height: px2rem(88);
|
||||
position: absolute;
|
||||
right: px2rem(40);
|
||||
top: px2rem(179);
|
||||
border-radius: 50%;
|
||||
border: px2rem(3) solid #FFE0B5;
|
||||
}
|
||||
|
||||
.nick_l {
|
||||
width: 1.6rem;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
color: #fff;
|
||||
font-size: px2rem(25);
|
||||
font-weight: bold;
|
||||
position: absolute;
|
||||
left: px2rem(147);
|
||||
top: px2rem(200);
|
||||
}
|
||||
|
||||
.nick_r {
|
||||
width: 1.6rem;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
color: #fff;
|
||||
font-size: px2rem(25);
|
||||
font-weight: bold;
|
||||
position: absolute;
|
||||
left: px2rem(420);
|
||||
top: px2rem(200);
|
||||
}
|
||||
|
||||
.id_l {
|
||||
width: 1.6rem;
|
||||
color: #fff;
|
||||
font-weight: 500;
|
||||
font-size: px2rem(23);
|
||||
opacity: .6;
|
||||
position: absolute;
|
||||
left: px2rem(147);
|
||||
top: px2rem(237);
|
||||
}
|
||||
|
||||
.id_r {
|
||||
width: 1.6rem;
|
||||
color: #fff;
|
||||
font-weight: 500;
|
||||
font-size: px2rem(23);
|
||||
opacity: .6;
|
||||
position: absolute;
|
||||
left: px2rem(420);
|
||||
top: px2rem(237);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.arabic{
|
||||
.page2 .titleBox{
|
||||
width: px2rem(640);
|
||||
}
|
||||
}
|
||||
BIN
view/molistar/modules/pkRank/images/balance-ar.png
Normal file
BIN
view/molistar/modules/pkRank/images/balance-ar.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 7.1 KiB |
BIN
view/molistar/modules/pkRank/images/balance-en.png
Normal file
BIN
view/molistar/modules/pkRank/images/balance-en.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 7.0 KiB |
BIN
view/molistar/modules/pkRank/images/balance-zh.png
Normal file
BIN
view/molistar/modules/pkRank/images/balance-zh.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 6.6 KiB |
BIN
view/molistar/modules/pkRank/images/header.png
Normal file
BIN
view/molistar/modules/pkRank/images/header.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 596 KiB |
BIN
view/molistar/modules/pkRank/images/logo.png
Normal file
BIN
view/molistar/modules/pkRank/images/logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 20 KiB |
BIN
view/molistar/modules/pkRank/images/lose-ar.png
Normal file
BIN
view/molistar/modules/pkRank/images/lose-ar.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 7.1 KiB |
BIN
view/molistar/modules/pkRank/images/lose-en.png
Normal file
BIN
view/molistar/modules/pkRank/images/lose-en.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 6.9 KiB |
BIN
view/molistar/modules/pkRank/images/lose-zh.png
Normal file
BIN
view/molistar/modules/pkRank/images/lose-zh.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 7.0 KiB |
BIN
view/molistar/modules/pkRank/images/no1.png
Normal file
BIN
view/molistar/modules/pkRank/images/no1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 8.0 KiB |
BIN
view/molistar/modules/pkRank/images/no2.png
Normal file
BIN
view/molistar/modules/pkRank/images/no2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 8.0 KiB |
BIN
view/molistar/modules/pkRank/images/no3.png
Normal file
BIN
view/molistar/modules/pkRank/images/no3.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 7.9 KiB |
BIN
view/molistar/modules/pkRank/images/page1Box1.png
Normal file
BIN
view/molistar/modules/pkRank/images/page1Box1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 90 KiB |
BIN
view/molistar/modules/pkRank/images/page1Box3.png
Normal file
BIN
view/molistar/modules/pkRank/images/page1Box3.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 108 KiB |
BIN
view/molistar/modules/pkRank/images/page1Box4.png
Normal file
BIN
view/molistar/modules/pkRank/images/page1Box4.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 692 KiB |
BIN
view/molistar/modules/pkRank/images/page1Box4_ar.png
Normal file
BIN
view/molistar/modules/pkRank/images/page1Box4_ar.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 714 KiB |
BIN
view/molistar/modules/pkRank/images/page1Box4_en.png
Normal file
BIN
view/molistar/modules/pkRank/images/page1Box4_en.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 700 KiB |
BIN
view/molistar/modules/pkRank/images/page1Box5.png
Normal file
BIN
view/molistar/modules/pkRank/images/page1Box5.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 261 KiB |
BIN
view/molistar/modules/pkRank/images/page1TitleBg.png
Normal file
BIN
view/molistar/modules/pkRank/images/page1TitleBg.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 26 KiB |
BIN
view/molistar/modules/pkRank/images/page2.png
Normal file
BIN
view/molistar/modules/pkRank/images/page2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 566 KiB |
BIN
view/molistar/modules/pkRank/images/page2Li.png
Normal file
BIN
view/molistar/modules/pkRank/images/page2Li.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 26 KiB |
BIN
view/molistar/modules/pkRank/images/page2Top1.png
Normal file
BIN
view/molistar/modules/pkRank/images/page2Top1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 178 KiB |
BIN
view/molistar/modules/pkRank/images/page2Top2.png
Normal file
BIN
view/molistar/modules/pkRank/images/page2Top2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 88 KiB |
BIN
view/molistar/modules/pkRank/images/page2Top3.png
Normal file
BIN
view/molistar/modules/pkRank/images/page2Top3.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 86 KiB |
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user