Compare commits

..

21 Commits

Author SHA1 Message Date
chenruiye
10fa2aa9c2 完成vip页面逻辑和展示,还差多语言 2025-04-03 18:15:26 +08:00
chenruiye
ab0619728a 修改公会信息-英语2区不展示 2025-04-02 17:44:50 +08:00
chenruiye
b6b1ea70ad 新英语区调整 2025-04-02 11:56:31 +08:00
chenruiye
f63c441ea7 修改老英语区规则图片 2025-04-02 10:23:58 +08:00
chenruiye
6a0a47d423 vip页面install 2025-04-01 18:53:07 +08:00
chenruiye
0a3592b669 修改新英语区主播周奖励规则页面 2025-04-01 14:49:17 +08:00
chenruiye
7ec2b9c4ae 增加DiamondLog类型-日房间奖励 2025-03-28 18:03:16 +08:00
chenruiye
cf479236e5 公会新增英语2区 2025-03-28 16:21:17 +08:00
chenruiye
9a4ab4802b 修改DiamondLog类型超级礼物翻译 2025-03-28 11:51:47 +08:00
chenruiye
97bb8532b3 超级游戏挑战更换vip图片 2025-03-27 10:28:13 +08:00
chenruiye
1bf8f00b11 DiamondLog新增类型-超级礼物 2025-03-26 15:36:40 +08:00
chenruiye
cffb3b182e 人机验证隐藏验证成功toast 2025-03-18 19:51:44 +08:00
chenruiye
1369003805 修改房间榜单样式2 2025-03-18 19:10:18 +08:00
chenruiye
cfef7b6d88 修改房间榜单样式 2025-03-18 17:29:03 +08:00
chenruiye
ebd5ab0ea1 修改人机验证页面样式 2025-03-18 16:04:58 +08:00
chenruiye
9e4755e351 修改人机验证样式和验证成功逻辑 2025-03-18 14:41:01 +08:00
chenruiye
c1f4feb337 修改分享页样式 2025-03-18 14:11:18 +08:00
chenruiye
ecff8b6635 DiamondLog新增类型-动态头像 2025-03-17 17:50:30 +08:00
chenruiye
159bb7f444 人机验证页面 2025-03-17 17:27:20 +08:00
chenruiye
7b2670e723 完善分享落地页 2025-03-14 16:28:50 +08:00
chenruiye
6f59a1612c 初始化分享落地页 2025-03-13 15:53:56 +08:00
1636 changed files with 2910 additions and 119364 deletions

File diff suppressed because it is too large Load Diff

View File

@@ -1778,52 +1778,4 @@ body {
background: url(../images/topBox3-zh.png) no-repeat;
background-size: 100% 100%;
}
}
.Russian {
.header {
background: url(../images/header-ru.png) no-repeat;
background-size: 100% 100%;
}
.page3 .content .topBox1 {
background: url(../images/topBox1-ru.png) no-repeat;
background-size: 100% 100%;
}
.page3 .content .topBox2 {
background: url(../images/topBox2-ru.png) no-repeat;
background-size: 100% 100%;
}
.page3 .content .topBox3 {
background: url(../images/topBox3-ru.png) no-repeat;
background-size: 100% 100%;
}
.page2 .top,.page1 .top{
height: px2rem(330);
}
}
.Uzbek {
.header {
background: url(../images/header-uz.png) no-repeat;
background-size: 100% 100%;
}
.page3 .content .topBox1 {
background: url(../images/topBox1-uz.png) no-repeat;
background-size: 100% 100%;
}
.page3 .content .topBox2 {
background: url(../images/topBox2-uz.png) no-repeat;
background-size: 100% 100%;
}
.page3 .content .topBox3 {
background: url(../images/topBox3-uz.png) no-repeat;
background-size: 100% 100%;
}
.page2 .top{
height: px2rem(330);
}
}

Binary file not shown.

Before

Width:  |  Height:  |  Size: 59 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 59 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 780 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 780 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 583 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 582 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 406 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 406 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 398 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 399 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 57 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 56 KiB

View File

@@ -303,8 +303,6 @@
<script src="./local/zh.js"></script>
<script src="./local/ar.js"></script>
<script src="./local/tr.js"></script>
<script src="./local/ru.js"></script>
<script src="./local/uz.js"></script>
<script src="./js/wow.js"></script>
<script src="../../common/js/svga.min.js"></script>
<script src="./js/index.js"></script>

View File

@@ -1,42 +0,0 @@
langRu = {
demoModule: {
layerIndex1: `Загрузка...`,
layerIndex2: `Успешно`,
layerIndex3: `Ошибка сети`,
text1: `Колесо обозрения Любви`,
text2: `Правила`,
text3: `Дн.`,
text4: `Час`,
text5: `Мин`,
text6: `Сек`,
text7: `Площадь CP`,
text8: `Рейтинг CP`,
text9: `Награды CP`,
text10: `Топ-3 пользователей из истории будут отображаться здесь`,
text11: `Отправляйте CP-подарки, чтобы попасть в рейтинг!`,
text12: `ТОП-1`,
text13: `Пользователь Top1 еженедельного рейтинга получает следующие награды`,
text14: `ТОП-2`,
text15: `Пользователь Top2 еженедельного рейтинга получает следующие награды`,
text16: `ТОП-3`,
text17: `Пользователь Top3 еженедельного рейтинга получает следующие награды`,
text18: `Правила`,
text19: `<p>1 Время ивента: с понедельника 00:00 до воскресенья 23:59 (GMT+8)</p>
<p>2 Отправляйте указанные CP-подарки, чтобы стать CP</p>
<img src="./images/rule.png" alt="">
<p>3 После того как вы стали CP, за каждый отправленный CP-подарок стоимостью 1 монету вы получаете 1 очко любви; чем больше подарков отправлено, тем больше очков любви</p>
<p>4 Еженедельно подсчитываются три лучших пользователя рейтинга, которые получают щедрые награды</p>
<p>5 При разрыве CP-отношений вы больше не будете отображаться в соответствующих рейтингах</p>
<p>6 Данный ивент не связан с Google и Apple</p>`,
text199: `<p>1 Время ивента: с понедельника 00:00 до воскресенья 23:59 (GMT+3)</p>
<p>2 Отправляйте указанные CP-подарки, чтобы стать CP</p>
<img src="./images/rule.png" alt="">
<p>3 После того как вы стали CP, за каждый отправленный CP-подарок стоимостью 1 монету вы получаете 1 очко любви; чем больше подарков отправлено, тем больше очков любви</p>
<p>4 Еженедельно подсчитываются три лучших пользователя рейтинга, которые получают щедрые награды</p>
<p>5 При разрыве CP-отношений вы больше не будете отображаться в соответствующих рейтингах</p>
<p>6 Данный ивент не связан с Google и Apple</p>`,
img1: `./images/carouselTitle-ru.png`,
img2: `./images/waiting-ru.png`,
text20: `Свободно`,
},
}

View File

@@ -1,42 +0,0 @@
langUz = {
demoModule: {
layerIndex1: `Yuklanmoqda...`,
layerIndex2: `Muvaffaqiyatli`,
layerIndex3: `Tarmoq xatosi`,
text1: `Sevgi aylana chakana`,
text2: `Qoidalar`,
text3: `Kun`,
text4: `Soat`,
text5: `Daq`,
text6: `Sek`,
text7: `CP maydoni`,
text8: `CP ro'yxati`,
text9: `CP mukofotlari`,
text10: `Tarixiy ro'yxatdagi eng yaxshi uch foydalanuvchi bu yerda ko'rsatiladi`,
text11: `CP sovg'alarini yuboring va siz ham, sizning sevgilingiz ham ro'yxatda paydo bo'lishingiz mumkin!`,
text12: `TOP1`,
text13: `Haftalik ro'yxatda 1-o'rinni egallagan foydalanuvchi quyidagi mukofotlarni olishi mumkin`,
text14: `TOP2`,
text15: `Haftalik ro'yxatda 2-o'rinni egallagan foydalanuvchi quyidagi mukofotlarni olishi mumkin`,
text16: `TOP3`,
text17: `Haftalik ro'yxatda 3-o'rinni egallagan foydalanuvchi quyidagi mukofotlarni olishi mumkin`,
text18: `Qoidalar`,
text19: `<p>1. Tadbir vaqti: Dushanba 00:00 - Yakshanba 23:59 (GMT+8)</p>
<p>2. CP bo'lish uchun belgilangan CP sovg'asini yuboring</p>
<img src="./images/rule.png" alt="">
<p>3. 1 tanga lik CP sovg'asini yuborish 1 sevgi balli beradi. Qancha ko'p sovg'a yuborsangiz, shuncha ko'p sevgi balli olasiz.</p>
<p>4. Haftalik statistik ro'yxatdagi eng yaxshi uch foydalanuvchi boy mukofotlarga ega bo'ladi.</p>
<p>5. CP munosabatingizni olib tashlasangiz, CP ro'yxatida boshqa ko'rinmaysiz.</p>
<p>6. Hisobni to'ldirish agentlari foydalanuvchilari ushbu tadbirda ishtirok etmaydi.</p>`,
text199: `<p>1. Tadbir vaqti: Dushanba 00:00 - Yakshanba 23:59 (GMT+3)</p>
<p>2. CP bo'lish uchun belgilangan CP sovg'asini yuboring</p>
<img src="./images/rule.png" alt="">
<p>3. 1 tanga lik CP sovg'asini yuborish 1 sevgi balli beradi. Qancha ko'p sovg'a yuborsangiz, shuncha ko'p sevgi balli olasiz.</p>
<p>4. Haftalik statistik ro'yxatdagi eng yaxshi uch foydalanuvchi boy mukofotlarga ega bo'ladi.</p>
<p>5. CP munosabatingizni olib tashlasangiz, CP ro'yxatida boshqa ko'rinmaysiz.</p>
<p>6. Hisobni to'ldirish agentlari foydalanuvchilari ushbu tadbirda ishtirok etmaydi.</p>`,
img1: `./images/carouselTitle-uz.png`,
img2: `./images/waiting-uz.png`,
text20: `Bo'sh`,
},
}

Binary file not shown.

Before

Width:  |  Height:  |  Size: 26 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 38 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 55 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 13 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 500 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 530 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 165 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 179 KiB

View File

@@ -229,7 +229,5 @@
<script src="./local/zh.js?v=1.1"></script>
<script src="./local/ar.js?v=1.2"></script>
<script src="./local/tr.js?v=1.2"></script>
<script src="./local/ru.js?v=1.2"></script>
<script src="./local/uz.js?v=1.2"></script>
<script src="./js/index.js?v=1.4"></script>
<script src="../../common/local/langHandler.js"></script>

View File

@@ -1,140 +0,0 @@
langRu = {
// Модуль
demoModule: {
endTimes:'Мероприятие завершено',
img1: `./images/header_h3-ru.png`,
img2: `./images/rule_rule-ru.png`,
img3: `./images/rule1_in-ru.png`,
img4: `./images/rule_2in-ru.png`,
title: `Приглашай и зарабатывай монеты`,
text1: `Получи <b>500</b> <img src="./images/gold.png" alt=""> за каждое приглашение`,
text2: `Код пригл.`,
text3: `Поделиться с друзьями`,
text4: `Копировать код пригл.`,
text5: `Мой доход`,
texts5: `Мой доход`,
text6: `Прямой доход`,
text7: `Непрямой доход`,
text8: `Прям. доход ист.`,
text9: `Прямые пригл. ист.`,
text10: `Время`,
text11: `Доход`,
text12: `Тип дохода`,
text13: `Приглашенный пользователь`,
text14: `Правила`,
text15: `Успешно пригласи друга на регистрацию, и вы оба получите по 500 монет! Без ограничений!`,
text16: `Пригласивший: Вы`,
text17: `Прямой пригл.`,
text18: `Приглашай друзей пополнять счет и получай кэшбэк до 7% в течение 30 дней!`,
text19: `Пригласивший: Вы`,
text20: `Прямой пригл.`,
text21: `Непрямой пригл.`,
text22: `Прямой приглашенный: Тот, кто зарегистрировался, используя ваш код приглашения`,
text23: `Непрямой приглашенный: Тот, кого пригласили ваши зарегистрированные друзья`,
text24: `Сумма пополнения`,
text25: `Доход`,
text26: `Сумма пополнения`,
text27: `Доход`,
text28: `*Волшебная палочка используется для участия в <a href="../../modules/act-wishingStar/index.html?lang=ru"><b>акции «Звезда желаний»>>`,
text29: `Другие указания`,
text30: `<li class="title">О начислении вознаграждений за приглашение</li>
<li>1. Доход приглашенного пользователя: Система автоматически распределяет вознаграждения на соответствующий счет после того, как новый пользователь введет код приглашения.</li>
<li>2. Доход пригласившего: Система автоматически распределяет вознаграждения на соответствующий счет после того, как новый пользователь введет код приглашения.</li>
<li>3. Вознаграждение за пополнение: Учитываются только данные о прямом пополнении; Новые пользователи, введшие код приглашения, завершившие свое первое 30-дневное пополнение, получают вознаграждение в виде волшебной палочки, которую можно использовать для участия в игровом процессе «Звезда желаний» для получения редких подарков; Пригласившие могут получить дополнительный Доход, выполнив пополнение на указанную сумму, Доход зачисляется в реальном времени;</li>
<li class="title">О недействительных приглашениях</li>
<li>1. Пользователи, зарегистрированные на одном устройстве, с одним номером телефона и одинаковыми идентификационными данными, считаются одним пользователем и не могут получать вознаграждения повторно; Если пригласивший и приглашенный используют одно устройство, одинаковые идентификационные данные и один номер телефона, пригласивший не может получить вознаграждение.</li>
<li>2. Каждый новый пользователь может ввести код приглашения только один раз, и после ввода его нельзя изменить, внимание! Код приглашения нельзя ввести позже, пожалуйста, сообщите новому пользователю, чтобы он ввел код приглашения при регистрации вовремя, иначе приглашение будет недействительным;</li>
<li>3. В случае любого мошеннического поведения, администрация оставляет за собой право аннулировать все вознаграждения, полученные мошенниками, и заблокировать аккаунт;</li>
<li>4. Виртуальные номера и заблокированные пользователи не участвуют в ивенте.</li>
<li class="title">Прочее</li>
<li>1. Если у вас есть вопросы, пожалуйста, свяжитесь с WhatsApp: 8618984433556</li>
<li>2. Право окончательного толкования условий данной акции принадлежит администрации и не связано с Apple Inc./Google Inc.;</li>`,
text31: `Поделиться QR-кодом >`,
text32: `Друзья сканируют QR-код для скачивания и регистрации`,
text33: `Получи <b>500</b><img src="./images/gold.png" alt="" class="diamond">`,
text34: `Сохранить локально`,
text35: `Прямой`,
text36: `Сканируй, чтобы скачать molistar, и введи Мой код, чтобы получить 500 монет!`,
text37: `Molistar, Встреча с звуком сердцебиения`,
text38: `Общайся, играй в игры, заводи друзей в любое время и в любом месте на Molistar`,
text39: `Прямой`,
text40: `Непрямой`,
text41: `Непрям. доход ист.`,
text42: `Непрямые пригл. ист.`,
text43: `Нет данных`,
text44: `Время`,
text45: `Доход`,
text46: `Тип дохода`,
text47: `Прямой пригл.`,
text48: `Время`,
text49: `Доход`,
text50: `Тип дохода`,
text51: `Непрямой пригл.`,
text52: `Пригласить друзей зарегистрироваться`,
text53: `Кэшбэк за пополнение друзьями`,
text54: `Первое пополнение друга`,
text55: `Кэшбэк за пополнение по непрямому приглашению`,
text56: `Время`,
text57: `Прямой пригл.`,
text58: `30-дневное пополнение`,
text59: `Время`,
text60: `Прямой пригл.`,
text61: `Непрямой пригл.`,
text62: `30-дневное пополнение`,
text66: `<div class="table1_1">
<div style="line-height: 0.4rem;">Сумма единоразового пополнения<br> (Время: В течение 30 дней, Единица: Золотые монеты)</div>
<div>Доход</div>
</div>
<div class="table1_2">
<div>Пополнение < 70000 Золотых монет</div>
<div style="line-height: 0.4rem;font-size: 0.15rem;">Прямые пригл. пополнили, вы получаете 1% от суммы.</div>
</div>
<div class="table1_3">
<div>70000 Золотых монет ≤ Пополнение < 700000 Золотых монет</div>
<div style="line-height: 0.4rem;font-size: 0.15rem;">Прямые пригл. пополнили >70 000 монет, вы получаете 2% от суммы.</div>
</div>
<div class="table1_4">
<div>Пополнение ≥ 700000 Золотых монет</div>
<div style="line-height: 0.4rem;font-size: 0.2rem;">Прямые пригл. >700 000 монет, вы получаете 4% от суммы.</div>
</div>
<div class="table2_1">
<div style="line-height: 0.4rem;">Сумма единоразового пополнения<br> (Время: В течение 30 дней, Единица: Золотые монеты)</div>
<div>Доход</div>
</div>
<div class="table2_2">
<div>70000 Золотых монет ≤ Пополнение < 700000 Золотых монет</div>
<div style="line-height: 0.4rem;">Непрямой пригл. >70 000 монет, вы получаете 0.5% от суммы.</div>
</div>
<div class="table2_3">
<div>Пополнение ≥ 700000 Золотых монет</div>
<div style="line-height: 0.34rem;">Непрямой пригл. >700 000 монет, вы получаете 1% от суммы.</div>
</div>
`,
text67: `История `,
img5: `background: url(./images/myInfoBut-ru.png) no-repeat;background-size: 100% 100%;`,
img6: `background: url(./images/myInfoBut2-ru.png) no-repeat;background-size: 100% 100%;`,
img7: `background: url(./images/ruleBoxBg-ru.png) no-repeat;background-size: 100% 100%;`,
img8: `./images/rule_inNew-ru.png`,
myIncomeText: `Получить`,
claimed:'Успешно получено',
},
share: {
img1: `background: url(./images/share/header-ru.png) no-repeat;background-size: 100% 100%;`,
img2: `background: url(./images/share/codeBg-ru.png) no-repeat;background-size: 100% 100%;`,
title: `Присоединяйся ко мне в Molistar, где тебя ждет веселье!`,
text1: `Открой неожиданные знакомства в Molistar.`,
text2: `Общайся, играй в игры и заводи друзей в любое время и в любом месте на Molistar.`,
xz_id: `Скачай Molistar сейчас!`,
text4: `Скачай и зарегистрируйся в Molistar с моим кодом приглашения, чтобы мгновенно получить 500 золотых монет!`,
text5: `Загрузка...`,
text6: `Операция завершена`,
text7: `Копирование успешно`,
text8: `Ошибка сети, пожалуйста, попробуйте позже`,
inviteCodes: `text-align: right;`,
imgs1: `./images/share/1-en.png`,
imgs2: `./images/share/2-en.png`,
imgs3: `./images/share/3-en.png`,
imgs4: `./images/share/4-en.png`,
imgs5: `./images/share/5-en.png`,
}
}

View File

@@ -1,141 +0,0 @@
// O'zbek tili
langUz = {
// Modul
demoModule: {
endTimes: 'Tadbir tugadi',
img1: `./images/header_h3-uz.png`,
img2: `./images/rule_rule-uz.png`,
img3: `./images/rule1_in-uz.png`,
img4: `./images/rule_2in-uz.png`,
title: `Taklif qilib tanga toping`,
text1: `Har bir taklif uchun <b>500</b> <img src="./images/gold.png" alt=""> oling`,
text2: `Mening kodim`,
text3: `Do'stlar bilan ulashing`,
text4: `Taklif kodini nusxalash`,
text5: `Daromad`,
texts5: `Daromad`,
text6: `To'g'ridan-to'g'ri taklif daromadi`,
text7: `Bilvosita taklif daromadi`,
text8: `To'g'ridan-to'g'ri taklif daromadi yozuvi`,
text9: `To'g'ridan-to'g'ri taklif qilinggan foydalanuvchi yozuvi`,
text10: `Vaqt`,
text11: `Daromad`,
text12: `Daromad turi`,
text13: `Taklif qilinggan foydalanuvchi`,
text14: `Faoliyat qoidalari`,
text15: `Do'stingizni muvaffaqiyatli ro'yxatdan o'tkazing, ikkala tomon ham har biri 500 tanga oladi, cheksiz!`,
text16: `Taklif qiluvchi: Siz`,
text17: `To'g'ridan-to'g'ri taklif qilingan`,
text18: `Do'stlaringizni to'ldirishga taklif qiling va pul qaytarib oling, 30 kun davomida 7% gacha!`,
text19: `Taklif qiluvchi: Siz`,
text20: `To'g'ridan-to'g'ri taklif qilingan`,
text21: `Bilvosita taklif qilingan`,
text22: `To'g'ridan-to'g'ri taklif qilingan: Sizning taklif kodingizdan foydalangan holda ro'yxatdan o'tganlar`,
text23: `Bilvosita taklif qilingan: Sizning ro'yxatdan o'tgan do'stlaringiz tomonidan taklif qilinganlar`,
text24: `To'ldirish miqdori`,
text25: `Daromad`,
text26: `To'ldirish miqdori`,
text27: `Daromad`,
text28: `*Sehrli tayoq <a href="../../modules/act-wishingStar/index.html?lang=uz"><b>Orzular yulduzi faoliyati>></b></a> da qatnashish uchun ishlatiladi`,
text29: `Boshqa ko'rsatmalar`,
text30: `<li class="title">Taklif mukofotini hisoblash haqida</li>
<li>1. Taklif qilingan foydalanuvchining daromadi: Tizim yangi foydalanuvchi taklif kodini to'ldirgandan so'ng mukofotlarni mos hisobga avtomatik tarqatadi</li>
<li>2. Taklif qiluvchining daromadi: Tizim yangi foydalanuvchi taklif kodini to'ldirgandan so'ng mukofotlarni mos hisobga avtomatik tarqatadi</li>
<li>3. To'ldirish mukofoti: Faqat to'g'ridan-to'g'ri to'ldirish ma'lumotlari hisoblanadi; Taklif kodini to'ldirgan yangi foydalanuvchilar birinchi 30 kunlik to'ldirishni amalga oshirsalar, sehrli tayoq mukofotini olishlari mumkin, bu esa "Orzular yulduzi" o'yinida noyob sovg'alarni olish uchun ishlatiladi; Taklif qiluvchilar belgilangan miqdordagi to'ldirishlarni amalga oshirish orqali qo'shimcha daromad olishlari mumkin va daromadlar real vaqtda hisobga olinadi;</li>
<li class="title">Yaroqsiz takliflar haqida</li>
<li>1. Xuddi shu qurilma, xuddi shu telefon raqami va xuddi shu shaxs ma'lumotlari bilan ro'yxatdan o'tgan foydalanuvchilar bir xil foydalanuvchi hisoblanadi va mukofotlarni takroran ola olmaydi; Agar taklif qiluvchi va taklif qilingan bir xil qurilma, bir xil shaxs ma'lumoti va bir xil telefon raqamidan foydalansa, taklif qiluvchi mukofot ololmaydi</li>
<li>2. Har bir yangi foydalanuvchi taklif kodini faqat bir marta to'ldirishi mumkin va to'ldirilgandan keyin o'zgartirib bo'lmaydi, diqqat! Taklif kodini keyinroq to'ldirib bo'lmaydi, iltimos yangi foydalanuvchini ro'yxatdan o'tayotganda taklif kodini o'z vaqtida to'ldirishni bildiring, aks holda bu taklif yaroqsiz hisoblanadi;</li>
<li>3. Agar firibgarlik xatti-harakati mavjud bo'lsa, rasmiylar firibgarlar tomonidan olingan barcha mukofotlarni tozalash va hisobni bloklash huquqiga ega;</li>
<li>4. Virtual telefon raqamlari va bloklangan foydalanuvchilar faoliyatda qatnasha olmaydi;</li>
<li class="title">Boshqalar</li>
<li>1. Agar savollaringiz bo'lsa, iltimos WhatsApp orqali bog'lining: 8618984433556</li>
<li>2. Ushbu faoliyatning yakuniy izoh berish huquqi rasmiylarga tegishli bo'lib, Apple Inc./Google Inc. kompaniyalari bilan hech qanday aloqasi yo'q;</li>`,
text31: `QR kodni ulashing >`,
text32: `Do'stlar yuklab olish va ro'yxatdan o'tish uchun QR kodni skanerlasin`,
text33: `<b>500</b><img src="./images/gold.png" alt="" class="diamond"> oling`,
text34: `Mahalliy saqlash`,
text35: `To'g'ridan-to'g'ri`,
text36: `Molistar-ni yuklab olish uchun skanerlang va Mening kodim-ni to'ldiring, 500 tanga oling!`,
text37: `Molistar, Yurak urishi bilan uchrashuv`,
text38: `Molistar-da istalgan vaqtda, istalgan joyda suhbatlashing, o'ynang, do'stlar toping`,
text39: `To'g'ridan-to'g'ri`,
text40: `Bilvosita`,
text41: `Taklif daromadi yozuvi`,
text42: `Taklif qilingan foydalanuvchi yozuvi`,
text43: `Yo'q`,
text44: `Vaqt`,
text45: `Daromad`,
text46: `Daromad turi`,
text47: `To'g'ridan-to'g'ri taklif qilingan`,
text48: `Vaqt`,
text49: `Daromad`,
text50: `Daromad turi`,
text51: `Bilvosita taklif qilingan`,
text52: `Do'stlarni ro'yxatdan o'tishga taklif qiling`,
text53: `Do'stlarning to'ldirish uchun pul qaytarishi`,
text54: `Do'stning birinchi to'ldirishi`,
text55: `Bilvosita taklif orqali to'ldirish uchun pul qaytarish`,
text56: `Vaqt`,
text57: `To'g'ridan-to'g'ri taklif qilingan`,
text58: `30 kunlik to'ldirish`,
text59: `Vaqt`,
text60: `To'g'ridan-to'g'ri taklif qilingan`,
text61: `Bilvosita taklif qilingan`,
text62: `30 kunlik to'ldirish`,
text66: `<div class="table1_1">
<div style="line-height: 0.4rem;">Yagona to'lov miqdori<br> (Vaqt: 30 kun ichida, Birlik: Tanga)</div>
<div>Daromad</div>
</div>
<div class="table1_2">
<div>To'lov < 70000 Tanga</div>
<div style="line-height: 0.4rem;font-size: 0.15rem;">To'g'ridan-to'g'ri taklif qilingan shaxs tomonidan amalga oshirilgan har bir to'lov uchun siz to'langan miqdorning 1% miqdorida mukofot olasiz;</div>
</div>
<div class="table1_3">
<div>70000 Tanga ≤ To'lov < 700000 Tanga</div>
<div style="line-height: 0.4rem;font-size: 0.15rem;">To'g'ridan-to'g'ri taklif qilingan shaxs tomonidan 70000 tangadan ortiq miqdorda amalga oshirilgan har bir to'lov uchun siz to'langan miqdorning 2% miqdorida mukofot olasiz;</div>
</div>
<div class="table1_4">
<div>To'lov ≥ 700000 Tanga</div>
<div style="line-height: 0.4rem;font-size: 0.2rem;">To'g'ridan-to'g'ri taklif qilingan shaxs tomonidan 700000 tangadan ortiq miqdorda amalga oshirilgan har bir to'lov uchun siz to'langan miqdorning 4% miqdorida mukofot olasiz;</div>
</div>
<div class="table2_1">
<div style="line-height: 0.4rem;">Yagona to'lov miqdori<br> (Vaqt: 30 kun ichida, Birlik: Tanga)</div>
<div>Daromad</div>
</div>
<div class="table2_2">
<div>70000 Tanga ≤ To'lov < 700000 Tanga</div>
<div style="line-height: 0.4rem;">Bilvosita taklif qilingan shaxs tomonidan 70000 tangadan ortiq miqdorda amalga oshirilgan har bir to'lov uchun siz to'langan miqdorning 0.5% miqdorida mukofot olasiz;</div>
</div>
<div class="table2_3">
<div>To'lov ≥ 700000 Tanga</div>
<div style="line-height: 0.34rem;">Bilvosita taklif qilingan shaxs tomonidan 700000 tangadan ortiq miqdorda amalga oshirilgan har bir to'lov uchun siz to'langan miqdorning 1% miqdorida mukofot olasiz;</div>
</div>
`,
text67: `Foyda`,
img5: `background: url(./images/myInfoBut-uz.png) no-repeat;background-size: 100% 100%;`,
img6: `background: url(./images/myInfoBut2-uz.png) no-repeat;background-size: 100% 100%;`,
img7: `background: url(./images/ruleBoxBg-uz.png) no-repeat;background-size: 100% 100%;`,
img8: `./images/rule_inNew-uz.png`,
myIncomeText: `Olish`,
claimed: 'Muvaffaqiyatli olindi',
},
share: {
img1: `background: url(./images/share/header-uz.png) no-repeat;background-size: 100% 100%;`,
img2: `background: url(./images/share/codeBg-uz.png) no-repeat;background-size: 100% 100%;`,
title: `Molistar-da menga qo'shiling, qiziqarli narsalar kutmoqda!`,
text1: `Molistar-da kutilmagan aloqalarni toping.`,
text2: `Molistar-da istalgan vaqtda, istalgan joyda suhbatlashing, o'ying, do'stlar orting.`,
xz_id: `Molistar-ni hozir yuklab oling!`,
text4: `Molistar-ni yuklab oling va mening taklif kodim bilan ro'yxatdan o'ting, 500 tangani darhol oling!`,
text5: `Yuklanmoqda...`,
text6: `Amal bajarildi`,
text7: `Nusxalash muvaffaqiyatli`,
text8: `Tarmoq xatosi, keyinroq urunib ko'ring`,
inviteCodes: `text-align: right;`,
imgs1: `./images/share/1-uz.png`,
imgs2: `./images/share/2-uz.png`,
imgs3: `./images/share/3-uz.png`,
imgs4: `./images/share/4-uz.png`,
imgs5: `./images/share/5-uz.png`,
}
}

View File

@@ -1,889 +0,0 @@
html,
body {
width: 100%;
background: #1B3021;
}
.back {
width: 100%;
height: 0.5866666667rem;
line-height: 0.5866666667rem;
position: fixed;
left: 0;
top: 0.8666666667rem;
text-align: center;
color: #FFFFFF;
font-size: 0.5066666667rem;
font-weight: bold;
z-index: 10;
}
.back img {
width: 0.5866666667rem;
height: 0.5866666667rem;
position: absolute;
left: 0.24rem;
top: 0rem;
}
.header {
width: 10rem;
height: 12.4533333333rem;
background: url(../images/header.png) no-repeat;
background-size: 100% 100%;
margin: 0 auto 0;
position: relative;
}
.header .date {
width: 8.9333333333rem;
height: 0.7466666667rem;
line-height: 0.7466666667rem;
background: url(../images/time_bg.png) no-repeat;
background-size: 100% 100%;
text-align: center;
color: #FFF783;
font-size: 0.3466666667rem;
font-weight: 500;
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 3.7866666667rem;
}
.header .rule {
width: 1.4666666667rem;
height: 0.72rem;
line-height: 0.72rem;
text-indent: 0.1rem;
text-align: center;
color: #433402;
font-size: 0.3733333333rem;
font-weight: 500;
background: url(../images/rule_icon.png) no-repeat;
background-size: 100% 100%;
position: absolute;
right: 0;
top: 6.2666666667rem;
}
.giftBox {
position: relative;
width: 10rem;
height: 6.4266666667rem;
background: url(../images/giftBox.png) no-repeat;
background-size: 100% 100%;
margin: 0rem auto 0.4266666667rem;
overflow: hidden;
}
.giftBox .title {
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 0rem;
text-align: center;
width: 7.5066666667rem;
height: 1.8533333333rem;
line-height: 2.6666666667rem;
color: #4D0D00;
font-size: 0.4533333333rem;
font-weight: 600;
background: url(../images/title.png) no-repeat;
background-size: 100% 100%;
}
.giftBox .content {
width: 8.1333333333rem;
color: #FFF783;
font-size: 0.3466666667rem;
font-weight: 400;
line-height: 0.56rem;
margin: 2.6rem auto 0.2rem;
}
.giftBox .gift {
height: 2.6666666667rem;
display: flex;
justify-content: space-between;
margin: 2.6666666667rem 0.64rem 0;
}
.giftBox .gift div {
width: 2.6666666667rem;
height: 2.6666666667rem;
position: relative;
background: url(../images/sGiftBox.png) no-repeat;
background-size: 100% 100%;
}
.giftBox .gift div img {
width: 2.1333333333rem;
height: 2.1333333333rem;
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 0.24rem;
}
.giftBox .gift div span {
width: 100%;
text-align: center;
color: #FFF783;
font-size: 0.3733333333rem;
font-weight: 600;
position: absolute;
left: 0;
bottom: -0.5rem;
}
.timeBox {
width: 100%;
height: 1.3866666667rem;
margin: 0.2rem auto 0.2933333333rem;
box-sizing: border-box;
padding: 0 1.6rem;
display: flex;
justify-content: space-between;
overflow: hidden;
gap: 0.4rem;
position: absolute;
top: 10.3733333333rem;
}
.timeBox div {
width: 1.32rem;
height: 1.2266666667rem;
box-sizing: border-box;
text-align: center;
background: url(../images/timeBox_in.png) no-repeat;
background-size: 100% 100%;
}
.timeBox div span {
display: block;
color: #FFF783;
font-size: 0.4533333333rem;
font-weight: 500;
margin: 0.2133333333rem auto 0.0266666667rem;
}
.timeBox div b {
display: block;
color: #FFF783;
font-size: 0.32rem;
font-weight: 400;
margin-top: 0.0533333333rem;
}
.page1 {
margin: 1.8666666667rem auto 0;
}
.page1 .top {
width: 10rem;
height: 13.3333333333rem;
position: relative;
background: url(../images/topBg.png) no-repeat;
background-size: 100% 100%;
margin: 0 auto 0;
padding: 0.1066666667rem 0 0;
}
.page1 .top .tab {
width: 100%;
height: 1rem;
box-sizing: border-box;
line-height: 1rem;
text-align: center;
display: flex;
justify-content: space-between;
margin: 0rem auto 0.32rem;
position: absolute;
top: -8%;
gap: 0.2666666667rem;
padding: 0 0.5333333333rem;
}
.page1 .top .tab div {
width: 4.3333333333rem;
height: 1rem;
color: #4D0D00;
font-size: 0.4533333333rem;
font-weight: 800;
background: url(../images/tab.png) no-repeat;
background-size: 100% 100%;
}
.page1 .top .tab .act {
background: url(../images/actTab.png) no-repeat;
background-size: 100% 100%;
}
.page1 .top .top1 {
width: 8rem;
height: 5.0666666667rem;
position: relative;
margin: 1rem auto 0;
}
.page1 .top .top1 .ts {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 2;
}
.page1 .top .top1 .tx {
width: 2.3733333333rem;
height: 2.3733333333rem;
border-radius: 50%;
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 1.3333333333rem;
}
.page1 .top .top1 .name {
width: 35%;
left: 50%;
transform: translateX(-50%);
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
height: 0.48rem;
line-height: 0.48rem;
position: absolute;
top: 4.2666666667rem;
display: flex;
z-index: 3;
flex-wrap: nowrap;
justify-content: center;
}
.page1 .top .top1 .name b {
max-width: 2.6rem;
text-align: right;
color: #FFF783;
font-size: 0.4rem;
font-weight: 500;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.page1 .top .top1 .name img {
display: inline-block;
width: 1.0266666667rem;
height: 0.48rem;
margin: 0 0.08rem;
}
.page1 .top .top1 .id {
width: 100%;
position: absolute;
top: 4.88rem;
text-align: center;
left: 0;
z-index: 3;
color: #FFF783;
font-size: 0.3733333333rem;
font-weight: 400;
}
.page1 .top .top1 .score {
height: 0.88rem;
line-height: 0.88rem;
position: absolute;
top: 5.3333333333rem;
left: 50%;
transform: translate(-50%, 0);
display: flex;
z-index: 3;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
background: url(../images/score_bg.png) no-repeat;
background-size: 100% 100%;
padding: 0 0.1333333333rem;
min-width: 2.4rem;
}
.page1 .top .top1 .score b {
color: #2D2A00;
font-size: 0.3733333333rem;
font-weight: 500;
}
.page1 .top .top1 .score img {
display: inline-block;
width: 0.4266666667rem;
height: 0.4266666667rem;
margin-right: 0.1rem;
}
.page1 .top .top2 {
width: 4rem;
height: 4rem;
position: absolute;
left: 0.6666666667rem;
top: 7.3333333333rem;
margin: 0 auto 0;
}
.page1 .top .top2 .ts {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 2;
}
.page1 .top .top2 .tx {
width: 2.3733333333rem;
height: 2.3733333333rem;
border-radius: 50%;
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 0.8266666667rem;
}
.page1 .top .top2 .name {
width: 83%;
left: 50%;
transform: translateX(-50%);
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
height: 0.48rem;
line-height: 0.48rem;
position: absolute;
top: 3.7866666667rem;
display: flex;
z-index: 3;
flex-wrap: nowrap;
justify-content: center;
}
.page1 .top .top2 .name b {
max-width: 2.6rem;
text-align: right;
color: #FFF783;
font-size: 0.4rem;
font-weight: 500;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.page1 .top .top2 .name img {
display: inline-block;
width: 1.0266666667rem;
height: 0.48rem;
margin: 0 0.08rem;
}
.page1 .top .top2 .id {
width: 100%;
position: absolute;
top: 4.3733333333rem;
text-align: center;
left: 0;
z-index: 3;
color: #FFF783;
font-size: 0.3733333333rem;
font-weight: 400;
}
.page1 .top .top2 .score {
height: 0.88rem;
line-height: 0.88rem;
position: absolute;
top: 4.9333333333rem;
left: 50%;
transform: translate(-50%, 0);
display: flex;
z-index: 3;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
background: url(../images/score_bg.png) no-repeat;
background-size: 100% 100%;
padding: 0 0.1333333333rem;
min-width: 2.4rem;
}
.page1 .top .top2 .score b {
color: #2D2A00;
font-size: 0.3733333333rem;
font-weight: 500;
}
.page1 .top .top2 .score img {
display: inline-block;
width: 0.4266666667rem;
height: 0.4266666667rem;
margin-right: 0.1rem;
}
.page1 .top .top3 {
width: 4rem;
height: 4rem;
position: absolute;
right: 0.6666666667rem;
top: 7.3333333333rem;
margin: 0 auto 0;
}
.page1 .top .top3 .ts {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 2;
}
.page1 .top .top3 .tx {
width: 2.3733333333rem;
height: 2.3733333333rem;
border-radius: 50%;
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 0.8266666667rem;
}
.page1 .top .top3 .name {
width: 83%;
left: 50%;
transform: translateX(-50%);
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
height: 0.48rem;
line-height: 0.48rem;
position: absolute;
top: 3.7866666667rem;
display: flex;
z-index: 3;
flex-wrap: nowrap;
justify-content: center;
}
.page1 .top .top3 .name b {
max-width: 2.6rem;
text-align: right;
color: #FFF783;
font-size: 0.4rem;
font-weight: 500;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.page1 .top .top3 .name img {
display: inline-block;
width: 1.0266666667rem;
height: 0.48rem;
margin: 0 0.08rem;
}
.page1 .top .top3 .id {
width: 100%;
position: absolute;
top: 4.3733333333rem;
text-align: center;
left: 0;
z-index: 3;
color: #FFF783;
font-size: 0.3733333333rem;
font-weight: 400;
}
.page1 .top .top3 .score {
height: 0.88rem;
line-height: 0.88rem;
position: absolute;
top: 4.9333333333rem;
left: 50%;
transform: translate(-50%, 0);
display: flex;
z-index: 3;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
background: url(../images/score_bg.png) no-repeat;
background-size: 100% 100%;
padding: 0 0.1333333333rem;
min-width: 2.4rem;
}
.page1 .top .top3 .score b {
color: #2D2A00;
font-size: 0.3733333333rem;
font-weight: 500;
}
.page1 .top .top3 .score img {
display: inline-block;
width: 0.4266666667rem;
height: 0.4266666667rem;
margin-right: 0.1rem;
}
.page1 .bottom {
width: 10rem;
height: 0.6666666667rem;
background: url(../images/bottomBg.png) no-repeat;
background-size: 100% 100%;
margin: -0.2rem auto 0;
position: relative;
z-index: 2;
}
.page1 .content {
width: 10rem;
height: auto;
margin: 0 auto 0;
background: url(../images/contentBg.png) no-repeat;
background-size: 100% 100%;
overflow: hidden;
}
.page1 .content ul {
width: 8.8rem;
margin: 0.3733333333rem auto 0rem;
}
.page1 .content ul li {
width: 100%;
background: linear-gradient(0deg, #9F0141, #760231);
margin-bottom: 0.3466666667rem;
overflow: hidden;
padding: 0 0.32rem 0.2533333333rem 0.2rem;
box-sizing: border-box;
background: url(../images/li_bg.png) no-repeat;
background-size: 100% 100%;
display: flex;
align-items: center;
}
.page1 .content ul li .num {
float: left;
width: 0.5333333333rem;
line-height: 1.5466666667rem;
color: #FFF783;
font-size: 0.4266666667rem;
font-weight: 600;
margin-right: 0.36rem;
text-align: center;
}
.page1 .content ul li .tx {
float: left;
width: 1.1066666667rem;
height: 1.1066666667rem;
border-radius: 50%;
border: 0.0266666667rem solid #FFF783;
display: block;
margin-top: 0.2533333333rem;
margin-right: 0.1866666667rem;
margin-left: 0.1866666667rem;
}
.page1 .content ul li .info {
float: left;
margin-top: 0.3333333333rem;
}
.page1 .content ul li .info p {
height: 0.48rem;
line-height: 0.48rem;
margin-bottom: 0.1333333333rem;
display: flex;
}
.page1 .content ul li .info p b {
max-width: 1.9rem;
display: inline-block;
height: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
color: #FFF783;
font-size: 0.4rem;
font-weight: 500;
}
.page1 .content ul li .info p img {
display: inline-block;
width: 1.0266666667rem;
height: 0.48rem;
margin: 0 0.08rem;
}
.page1 .content ul li .info span {
color: #FFF783;
font-size: 0.3733333333rem;
font-weight: 400;
display: block;
}
.page1 .content ul li .score {
display: flex;
height: 0.88rem;
line-height: 0.88rem;
margin-left: auto;
align-items: center;
background: url(../images/score_bg.png) no-repeat;
background-size: 100% 100%;
padding: 0 0.1333333333rem;
min-width: 2.4rem;
justify-content: center;
}
.page1 .content ul li .score img {
display: inline-block;
width: 0.4266666667rem;
height: 0.4266666667rem;
margin: 0 0.0666666667rem 0 0.0666666667rem;
vertical-align: middle;
}
.page1 .content ul li .score b {
font-weight: 500;
font-size: 0.3733333333rem;
color: #2D2A00;
vertical-align: middle;
}
.page1 .content .more {
width: 1.6533333333rem;
height: 0.5866666667rem;
line-height: 0.5866666667rem;
text-align: center;
padding: 0 0.4533333333rem;
margin: 0 auto 0.3rem;
color: #FFF783;
border: 0.0266666667rem solid #FFF783;
border-radius: 0.5866666667rem;
box-sizing: border-box;
font-size: 0.32rem;
font-weight: 500;
}
.page1 .my {
position: fixed;
z-index: 9;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 10rem;
background: #1B3021;
border-radius: 0.24rem 0.24rem 0px 0px;
border: 0.04rem solid #FFF783;
box-sizing: border-box;
padding: 0 0.52rem 0.2rem 0.2rem;
display: flex;
align-items: center;
}
.page1 .my .num {
float: left;
width: 0.5333333333rem;
height: 100%;
line-height: 1.7333333333rem;
color: #FFF783;
font-size: 0.4266666667rem;
font-weight: 600;
margin-right: 0.36rem;
text-align: center;
}
.page1 .my .tx {
float: left;
width: 1.1066666667rem;
height: 1.1066666667rem;
border-radius: 50%;
border: 0.0266666667rem solid #FFF783;
display: block;
margin-top: 0.2133333333rem;
margin-right: 0.1866666667rem;
margin-left: 0.1866666667rem;
}
.page1 .my .info {
float: left;
margin-top: 0.3333333333rem;
}
.page1 .my .info p {
height: 0.48rem;
line-height: 0.48rem;
margin-bottom: 0.1333333333rem;
}
.page1 .my .info p b {
max-width: 2rem;
display: inline-block;
height: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
color: #FFF783;
font-size: 0.4rem;
font-weight: 500;
}
.page1 .my .info p img {
display: inline-block;
width: 1.0266666667rem;
height: 0.48rem;
margin: 0 0.08rem;
}
.page1 .my .info span {
color: #FFF783;
font-size: 0.3733333333rem;
font-weight: 400;
display: block;
}
.page1 .my .score {
display: flex;
height: 0.88rem;
line-height: 0.88rem;
background: url(../images/score_bg.png) no-repeat;
background-size: 100% 100%;
padding: 0 0.1333333333rem;
min-width: 2.4rem;
align-items: center;
justify-content: center;
margin-left: auto;
}
.page1 .my .score img {
display: inline-block;
width: 0.4266666667rem;
height: 0.4266666667rem;
margin: 0 0.0666666667rem 0 0.0666666667rem;
vertical-align: middle;
}
.page1 .my .score b {
font-weight: 500;
font-size: 0.3733333333rem;
color: #2D2A00;
vertical-align: middle;
}
.page2 {
display: none;
margin: -0.5rem auto 0;
}
.page2 .top {
width: 10rem;
height: 2.1333333333rem;
position: relative;
margin: 0 auto -0.2rem;
overflow: hidden;
}
.page2 .top .tab {
width: 100%;
height: 1rem;
box-sizing: border-box;
line-height: 1rem;
text-align: center;
display: flex;
justify-content: space-between;
margin: 0rem auto 0;
position: absolute;
top: 40%;
gap: 0.2666666667rem;
padding: 0 0.5333333333rem;
}
.page2 .top .tab div {
width: 4.3333333333rem;
height: 1rem;
color: #4D0D00;
font-size: 0.4533333333rem;
font-weight: 800;
background: url(../images/tab.png) no-repeat;
background-size: 100% 100%;
}
.page2 .top .tab .act {
background: url(../images/actTab.png) no-repeat;
background-size: 100% 100%;
}
.page2 .bottom {
width: 10rem;
height: 0.6666666667rem;
background: url(../images/bottomBg.png) no-repeat;
background-size: 100% 100%;
margin: -0.2rem auto 0;
}
.page2 .content {
width: 10rem;
margin: 0 auto 0;
background: url(../images/rewardBg.png) no-repeat;
background-size: 100% 100%;
overflow: hidden;
}
.page2 .content .box {
width: 10rem;
height: 29.04rem;
margin: 0.2rem auto 0;
position: relative;
}
.page2 .content .box .bo {
position: absolute;
width: 0.6933333333rem;
height: 0.6933333333rem;
left: 1.88rem;
}
.page2 .content .box .bo1 {
top: 9.92rem;
}
.page2 .content .box .bo2 {
top: 23rem;
}
.page2 .content .box .bo3 {
top: 38.56rem;
}
.rules {
position: fixed;
z-index: 999;
right: 0;
bottom: 0;
left: 0;
top: 0;
background: rgba(0, 0, 0, 0.5);
display: none;
}
.rules .rule_in {
width: 10rem;
height: 6.4266666667rem;
background: url(../images/giftBox.png) no-repeat;
background-size: 100% 100%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.rules .rule_in .close {
position: absolute;
width: 0.9066666667rem;
height: 0.9066666667rem;
right: 0.2666666667rem;
top: -0.08rem;
}
.rules .rule_in .titles {
width: 7.5066666667rem;
height: 1.8533333333rem;
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 0.1066666667rem;
text-align: center;
color: #4D0D00;
font-size: 0.4533333333rem;
font-weight: 600;
line-height: 2.6133333333rem;
background: url(../images/title.png) no-repeat;
background-size: 100% 100%;
}
.rules .rule_in .text {
width: 8.2266666667rem;
height: 6.2rem;
overflow-y: scroll;
color: #FFF783;
font-size: 0.3733333333rem;
font-weight: 400;
line-height: 0.56rem;
margin: 2.1333333333rem auto 0;
}
.rules .rule_in .text::-webkit-scrollbar {
display: none;
}
.bottomText {
width: 100%;
text-align: center;
color: #FFF783;
font-size: 0.32rem;
font-weight: 400;
margin: 0.6666666667rem auto 2.4rem;
}
.video {
position: fixed;
left: 0;
top: 0;
bottom: 0;
right: 0;
background: rgba(0, 0, 0, 0.5);
z-index: 99;
display: none;
}
.video video {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 65%;
}
.video .close {
width: 0.9066666667rem;
height: 0.9066666667rem;
position: absolute;
top: 10%;
right: 0.9333333333rem;
z-index: 9;
}
.arabic .header {
background: url(../images/header.png) no-repeat;
background-size: 100% 100%;
}
.arabic .page1 .content ul li .score {
margin-right: auto;
margin-left: 0;
}
.arabic .page1 .my .score {
margin-right: auto;
margin-left: 0;
}

Binary file not shown.

Before

Width:  |  Height:  |  Size: 25 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.1 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.4 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.7 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.1 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 265 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 240 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 13 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.3 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 300 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.3 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 19 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 16 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 25 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 6.4 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 63 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 207 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 96 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 96 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 724 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.0 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.9 KiB

View File

@@ -1,190 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title class="text1"></title>
<link rel="stylesheet" href="../../common/css/reset.css">
<link rel="stylesheet" href="./css/index.css">
</head>
<body>
<!-- 頂部返回 -->
<div class="back">
<img src="./images/travel/back.png" alt="">
</div>
<!-- 头部 -->
<div class="header">
<div class="rule text3"></div>
</div>
<!-- 倒计时 -->
<div class="timeBox">
<div class="days">
<span>00</span>
<b class="text6"></b>
</div>
<div class="hours">
<span>00</span>
<b class="text7"></b>
</div>
<div class="mins">
<span>00</span>
<b class="text8"></b>
</div>
<div class="secs">
<span>00</span>
<b class="text9"></b>
</div>
</div>
<!-- 礼物盒子 -->
<div class="giftBox">
<div class="title text4"></div>
<div class="gift">
<div class="gift0">
<img src="./images/logo.png" alt="">
<span>Name</span>
</div>
<div class="gift1">
<img src="./images/logo.png" alt="">
<span>Name</span>
</div>
<div class="gift2">
<img src="./images/logo.png" alt="">
<span>Name</span>
</div>
</div>
</div>
<!-- page1 -->
<div class="page1">
<div class="top">
<!-- 切换 -->
<div class="tab">
<div class="act text10"></div>
<div class="text11"></div>
</div>
<!-- 前三 -->
<div class="top1">
<img src="./images/top1.png" alt="" class="ts">
<img src="./images/logo.png" alt="" class="tx">
<div class="name">
<b>名字</b>
<img src="" alt="" class="icon">
</div>
<div class="id">ID:0</div>
<div class="score">
<img src="./images/box.png" alt="">
<b>0K</b>
</div>
</div>
<div class="top2">
<img src="./images/top2.png" alt="" class="ts">
<img src="./images/logo.png" alt="" class="tx">
<div class="name">
<b>名字</b>
<img src="" alt="" class="icon">
</div>
<div class="id">ID:0</div>
<div class="score">
<img src="./images/box.png" alt="">
<b>0K</b>
</div>
</div>
<div class="top3">
<img src="./images/top3.png" alt="" class="ts">
<img src="./images/logo.png" alt="" class="tx">
<div class="name">
<b>名字</b>
<img src="" alt="" class="icon">
</div>
<div class="id">ID:0</div>
<div class="score">
<img src="./images/box.png" alt="">
<b>0K</b>
</div>
</div>
</div>
<div class="content">
<ul>
<!-- <li>
<div class="num">04</div>
<img src="./images/logo.png" alt="" class="tx">
<div class="info">
<p>
<b>名字</b>
<img src="" alt="" class="icon">
</p>
<span>ID:1234567</span>
</div>
<div class="score">
<img src="./images/box.png" alt="">
<b>0K</b>
</div>
</li> -->
</ul>
<div class="more">More</div>
</div>
<div class="bottom"></div>
<div class="my">
<div class="num">04</div>
<img src="./images/logo.png" alt="" class="tx">
<div class="info">
<p>
<b>名字</b>
<img src="" alt="" class="icon">
</p>
<span>ID:1234567</span>
</div>
<div class="score">
<img src="./images/box.png" alt="">
<b>0K</b>
</div>
</div>
</div>
<!-- page2 -->
<div class="page2">
<div class="top">
<!-- 切换 -->
<div class="tab">
<div class="text10">Ranking</div>
<div class="act text11">Rewards</div>
</div>
</div>
<div class="content">
<div class="box">
<!-- <img src="./images/bo.png" alt="" class="bo bo1">
<img src="./images/bo.png" alt="" class="bo bo2">
<img src="./images/bo.png" alt="" class="bo bo3"> -->
</div>
</div>
<!-- <div class="bottom"></div> -->
</div>
<div class="bottomText text12"></div>
<!-- 规则 -->
<div class="rules">
<div class="rule_in">
<img src="./images/close.png" alt="" class="close">
<div class="titles text133"></div>
<div class="text text13">
</div>
</div>
</div>
</body>
</html>
<script src="../../common/js/flexible.js"></script>
<script src="../../common/js/jquery-3.2.1.min.js"></script>
<script src="../../common/js/common2.js"></script>
<script src="../../common/js/layer.js"></script>
<script src="../../common/js/vconsole.min.js"></script>
<script src="../../common/js/route-constant.js"></script>
<script src="../../common/js/svga.min.js"></script>
<script src="./local/en.js"></script>
<script src="./local/zh.js"></script>
<script src="./local/ar.js"></script>
<script src="./local/tr.js"></script>
<script src="./js/index.js"></script>
<script src="../../common/local/langHandler.js"></script>

View File

@@ -1,276 +0,0 @@
let urlPrefix = getUrlPrefix()
let browser = checkVersion()
let env = EnvCheck();
if (env == 'test') {
new VConsole();
}
// 封裝layer消息提醒框
let layerIndex
var langReplace;
var localLang;
const showLoading = (content = langReplace(localLang.demoModule.layerIndex1)) => {
layer.open({
type: 2,
shadeClose: false,
content,
success(e) {
layerIndex = $(e).attr('index')
}
})
}
const hideLoading = (index) => {
layer.close(index)
}
const toastMsg = (content = langReplace(localLang.demoModule.layerIndex2), time = 2) => {
layer.open({
content,
time,
skin: 'msg'
})
}
var countupTime;//倒计时容器
var loadedCount = 0; // 已加載的數據數量
var pageSize = 7; // 每次加載的數據數量
var notListTo3 = []; // 每次加載的數據數量
// 初始化函數
$(function () {
getInfoFromClient();
fuzzyMatchUpdateQueryStringParameterFun(); // 判断语言
setTimeout(function () {
// 頁面全屏
if (browser.app) {
if (browser.android) {
window.androidJsObj.initShowNav(false)
} else {
window.webkit.messageHandlers.initShowNav.postMessage(0)
}
};
// 頂部返回事件
$('.back img').click(() => {
if (browser.android) {
window.androidJsObj.closeWebView()
} else {
window.webkit.messageHandlers.closeWebView.postMessage(null)
}
})
fuzzyMatchUpdateQueryStringParameterFun(); // 判断语言
langReplace = window.lang.replace;
localLang = window.lang;
translateFun();
getConfig();
}, 100)
})
// 处理SVGA
document.addEventListener('DOMContentLoaded', function () {
function loadSVGA(containerId, svgaPath) {
var container = document.getElementById(containerId);
var player = new SVGA.Player(container);
var parser = new SVGA.Parser();
parser.load(svgaPath, function (videoItem) {
player.setVideoItem(videoItem);
player.startAnimation();
});
}
loadSVGA('ts10', './svga/100.svga');
});
function translateFun() {
var langReplace = window.lang.replace;
var localLang = window.lang;
$('.text1').html(langReplace(localLang.demoModule.text1));
$('.text2').html(langReplace(localLang.demoModule.text2));
// $('.text22').html(langReplace(localLang.demoModule.text22));
$('.text3').html(langReplace(localLang.demoModule.text3));
$('.text4').html(langReplace(localLang.demoModule.text4));
$('.text5').html(langReplace(localLang.demoModule.text5));
$('.text6').html(langReplace(localLang.demoModule.text6));
$('.text7').html(langReplace(localLang.demoModule.text7));
$('.text8').html(langReplace(localLang.demoModule.text8));
$('.text9').html(langReplace(localLang.demoModule.text9));
$('.text10').html(langReplace(localLang.demoModule.text10));
$('.text11').html(langReplace(localLang.demoModule.text11));
$('.text12').html(langReplace(localLang.demoModule.text12));
$('.text13').html(langReplace(localLang.demoModule.text13));
$('.text133').html(langReplace(localLang.demoModule.text133));
$('.more').html(langReplace(localLang.demoModule.more));
if (browser.ios) {
$('.bottomText').text(langReplace(localLang.demoModule.text12))
} else {
$('.bottomText').text(langReplace(localLang.demoModule.text122))
}
}
// 配置接口
function getConfig() {
showLoading()
networkRequest({
type: 'get',
url: urlPrefix + '/activity/h5/template/rank',
data: { actKey: "AlgeriaIndependenceDay" },
success(res) {
if (res.code === 200) {
// 处理日期
// var startTime = dateFormat(new Date(res.data.startTimeStr.replace(" ", "T")).getTime(), `MM/dd`);
// var endTime = dateFormat(new Date(res.data.endTimeStr.replace(" ", "T")).getTime(), `MM/dd`);
// $('.header .date .text22').text(`${startTime} - ${endTime}`);
// 处理倒计时
countup(res.data.endTime - res.timestamp);
// 处理限定礼物
res.data.gifts.forEach((res, i) => {
$(`.giftBox .gift .gift${i} img`).attr("src", res.giftUrl);
$(`.giftBox .gift .gift${i} span`).text(res.giftName);
})
// 处理榜单
var listTo3 = res.data.rankList.slice(0, 3);
notListTo3 = res.data.rankList.slice(3);
// 处理前三
if (listTo3.length < 3) {
let arr = new Array(3 - listTo3.length).fill({
avatar: './images/logo.png',
name: langReplace(localLang.demoModule.waiting),
erbanNo: null,
totalNum: null
})
listTo3.push(...arr)
}
listTo3.forEach((res, i) => {
$(`.page1 .top .top${i + 1} .tx`).attr('src', res.avatar);
$(`.page1 .top .top${i + 1} .name b`).text(res.name);
$(`.page1 .top .top${i + 1} .name img`).attr('src', res.userLevelVo ? res.userLevelVo.experUrl : './images/logo.png');
$(`.page1 .top .top${i + 1} .id`).text('ID:' + res.erbanNo);
$(`.page1 .top .top${i + 1} .score b`).text(unitProcessingAr(res.totalNum, 2));
if (res.erbanNo == null) {
$(`.page1 .top .top${i + 1} .name img`).hide();
$(`.page1 .top .top${i + 1} .id`).hide();
$(`.page1 .top .top${i + 1} .score`).hide();
}
})
// 非前三
loadMore();
// 处理自己榜单数据
var my = res.data.myRank;
$('.page1 .my .tx').attr("src", my.avatar);
$('.page1 .my .num').text(my.rank == 0 ? '30+' : my.rank);
$('.page1 .my .info p b').text(my.name);
$('.page1 .my .info p img').attr('src', res.data.myRank.userLevelVo.experUrl);
$('.page1 .my .info span').text(`ID:${my.erbanNo}`);
$('.page1 .my .score b').text(unitProcessingAr(my.totalNum, 2));
} else {
toastMsg(res.message)
}
hideLoading(layerIndex)
},
error(err) {
hideLoading(layerIndex)
toastMsg(langReplace(localLang.demoModule.layerIndex3))
}
})
}
// 加載數據函數
function loadMore() {
// 計算加載範圍
pageSize = loadedCount == 0 ? 7 : 10;
const nextItems = notListTo3.slice(loadedCount, loadedCount + pageSize);
let str = '';
// 拼接 HTML
nextItems.forEach(res => {
str += `
<li>
<div class="num">${res.rank}</div>
<img src="${res.avatar}" alt="" class="tx">
<div class="info">
<p>
<b>${res.name}</b>
<img src="${res.userLevelVo.experUrl}" alt="" class="icon">
</p>
<span>ID:${res.erbanNo}</span>
</div>
<div class="score">
<img src="./images/box.png" alt="">
<b>${unitProcessingAr(res.totalNum, 2)}</b>
</div>
</li>
`
})
// 將數據插入到列表中
$('.page1 .content ul').append(str);
// 更新已加載的數據數量
loadedCount += nextItems.length;
// 如果數據全部加載完成,隱藏按鈕
console.log(loadedCount >= notListTo3.length);
console.log(notListTo3.length);
if (loadedCount >= notListTo3.length) {
$('.page1 .content .more').hide();
}
}
// 綁定按鈕點擊事件
$('.page1 .content .more').click(function () {
loadMore();
})
// 初次加載數據
// tab切换
$('.page1 .top .tab div,.page2 .top .tab div').click(function () {
var i = $(this).index() + 1;
$('.page1,.page2').hide();
$(`.page${i}`).show();
if (i == 1) {
$('.bottomText').css('margin', '0.66667rem auto 2.4rem');
} else {
$('.bottomText').css('margin', '0.66667rem auto 0.66667rem');
}
})
// 打开规则
$('.rule').click(function () {
$('.rules').show();
bodyScroolFun(true);
})
// 关闭规则
$('.rules .rule_in .close').click(function () {
$('.rules').hide();
bodyScroolFun(false);
})
// 倒計時
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中
$('.timeBox .days span').text(d);
$('.timeBox .hours span').text(h);
$('.timeBox .mins span').text(m);
$('.timeBox .secs span').text(s);
} else {
getConfig();
}
if (leftTime > 0) {
leftTime = leftTime - 1000;
}
countupTime = setTimeout(function () {
countup(leftTime);
}, 1000);
}
//补0操作
function getzf(num) {
if (parseInt(num) < 10) {
num = '0' + num;
}
return num;
}

View File

@@ -1,30 +0,0 @@
// 阿拉伯
langAr = {
// 模块
demoModule: {
layerIndex1: `جارٍ التحميل...`,
layerIndex2: `نجاح`,
layerIndex3: `خطأ في الشبكة`,
text1: `عيد الاستقلال الجزائر`,
text3: `القواعد`,
text4:'هدايا المناسبات',
text6: `أيام`,
text7: `ساعات`,
text8: `دقائق`,
text9: `ثواني`,
text10: `التصنيف`,
text11: `المكافآت`,
text12: `حدث لا علاقة له بشركة آبل`,
text122: `حدث غير مرتبط بجوجل`,
text133: `القواعد`,
text13: `<P>1.خلال فترة الحدث، يمكنك الانضمام إلى الترتيب عن طريق إرسال الدول المعينة.</p>
<P>2.في نهاية الحدث، سيحصل أفضل 3 مستخدمين على مكافأة سخية.</p>
<P>3.سيتم دفع المكافآت في اليوم التالي لانتهاء الحدث</p>
<P>4.لا علاقة للحدث بـ Google/Apple.</p> `,
more: `المزيد`,
month: `شهر`,
day: `يوم`,
waiting: `في انتظار`,
}
}

View File

@@ -1,27 +0,0 @@
langEn = {
demoModule: {
layerIndex1: `Loading...`,
layerIndex2: `Success`,
layerIndex3: `Network error`,
text1:`Algeria Independence Day`,
text3:`Rules`,
text4:`Event Gifts`,
text6: `Days`,
text7: `Hours`,
text8: `Mins`,
text9: `Secs`,
text10: `Ranking`,
text11: `Rewards`,
text12: `Event not related to Apple.`,
text122: `Event not related to Google.`,
text133: `Rules`,
text13: `<p>1.During the event period, you can join the ranking by sending the designated countries.</p>
<p>2.At the end of the event, the Top3 users will receive a generous reward.</p>
<p>3.Rewards will be paid out the day after the event ends</p>
<p>4.Event has nothing to do with Google/Apple.</p>`,
more: 'More',
month: 'Month',
day: 'Day',
waiting: 'Waiting',
},
}

View File

@@ -1,29 +0,0 @@
langTr = {
demoModule: {
layerIndex1: `Loading...`,
layerIndex2: `Success`,
layerIndex3: `Network error`,
text1:`Algeria Independence Day`,
text3:`Rules`,
text4:`Event Gifts`,
text6: `Days`,
text7: `Hours`,
text8: `Mins`,
text9: `Secs`,
text10: `Ranking`,
text11: `Rewards`,
text12: `Event not related to Apple.`,
text122: `Event not related to Google.`,
text133: `Rules`,
text13: `<p>1.During the event period, you can join the ranking by sending the designated countries.</p>
<p>2.At the end of the event, the Top3 users will receive a generous reward.</p>
<p>3.Rewards will be paid out the day after the event ends</p>
<p>4.Event has nothing to do with Google/Apple.</p>`,
more: 'More',
month: 'Month',
day: 'Day',
waiting: 'Waiting',
},
}

View File

@@ -1,30 +0,0 @@
// 中文
langZh = {
// 模塊
demoModule: {
layerIndex1: `Loading...`,
layerIndex2: `Success`,
layerIndex3: `Network error`,
text1:`Algeria Independence Day`,
text3:`Rules`,
text4:`Event Gifts`,
text6: `Days`,
text7: `Hours`,
text8: `Mins`,
text9: `Secs`,
text10: `Ranking`,
text11: `Rewards`,
text12: `Event not related to Apple.`,
text122: `Event not related to Google.`,
text133: `Rules`,
text13: `<p>1.During the event period, you can join the ranking by sending the designated countries.</p>
<p>2.At the end of the event, the Top3 users will receive a generous reward.</p>
<p>3.Rewards will be paid out the day after the event ends</p>
<p>4.Event has nothing to do with Google/Apple.</p>`,
more: 'More',
month: 'Month',
day: 'Day',
waiting: 'Waiting',
},
}

View File

@@ -1,886 +0,0 @@
html,
body {
width: 100%;
background: #00082C;
}
.back {
width: 100%;
height: 0.5866666667rem;
line-height: 0.5866666667rem;
position: fixed;
left: 0;
top: 0.8666666667rem;
text-align: center;
color: #FFFFFF;
font-size: 0.5066666667rem;
font-weight: bold;
z-index: 10;
}
.back img {
width: 0.5866666667rem;
height: 0.5866666667rem;
position: absolute;
left: 0.24rem;
top: 0rem;
}
.header {
width: 10rem;
height: 37.5866666667rem;
background: url(../images/header.png) no-repeat;
background-size: 100% 100%;
margin: 0 auto 0;
position: relative;
}
.header .date {
width: 8.9333333333rem;
height: 0.7466666667rem;
line-height: 0.7466666667rem;
background: url(../images/time_bg.png) no-repeat;
background-size: 100% 100%;
text-align: center;
color: #FFF783;
font-size: 0.3466666667rem;
font-weight: 500;
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 3.7866666667rem;
}
.header .rule {
width: 2.72rem;
height: 1.68rem;
line-height: 0.4266666667rem;
text-indent: 0.1rem;
text-align: center;
font-family: PingFang SC;
font-weight: 600;
font-size: 0.3733333333rem;
color: #FFF783;
background: url(../images/rule_icon.png) no-repeat;
background-size: 100% 100%;
position: absolute;
right: 0;
top: 8.44rem;
display: flex;
align-items: center;
justify-content: center;
}
.giftBox {
position: relative;
width: 10rem;
height: 6.4266666667rem;
background: url(../images/giftBox.png) no-repeat;
background-size: 100% 100%;
margin: 0rem auto 0.4266666667rem;
overflow: hidden;
position: absolute;
top: 12rem;
}
.giftBox .title {
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 0rem;
text-align: center;
width: 7.5066666667rem;
height: 1.8533333333rem;
line-height: 2.6666666667rem;
color: #4D0D00;
font-size: 0.4533333333rem;
font-weight: 600;
background: url(../images/title.png) no-repeat;
background-size: 100% 100%;
}
.giftBox .content {
width: 8.1333333333rem;
color: #FFF783;
font-size: 0.3466666667rem;
font-weight: 400;
line-height: 0.56rem;
margin: 2.6rem auto 0.2rem;
}
.giftBox .gift {
width: 8.4rem;
height: 2.6666666667rem;
display: flex;
justify-content: space-between;
margin: 2.6666666667rem auto 0;
}
.giftBox .gift div {
width: 2.6666666667rem;
height: 2.6666666667rem;
position: relative;
background: url(../images/sGiftBox.png) no-repeat;
background-size: 100% 100%;
}
.giftBox .gift div img {
width: 2.1333333333rem;
height: 2.1333333333rem;
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 0.24rem;
}
.giftBox .gift div span {
width: 100%;
text-align: center;
color: #FFF783;
font-size: 0.3733333333rem;
font-weight: 600;
position: absolute;
left: 0;
bottom: -0.5rem;
}
.timeBox {
width: 100%;
height: 1.3866666667rem;
margin: 0 auto;
box-sizing: border-box;
padding: 0 1.7333333333rem;
display: flex;
justify-content: space-between;
overflow: hidden;
gap: 0.2rem;
position: absolute;
top: 18.6133333333rem;
}
.timeBox div {
width: 1.4133333333rem;
height: 1.4133333333rem;
box-sizing: border-box;
text-align: center;
background: url(../images/timeBox_in.png) no-repeat;
background-size: 100% 100%;
}
.timeBox div span {
display: block;
color: #FFF783;
font-size: 0.4533333333rem;
font-weight: 500;
margin: 0.2133333333rem auto 0.0266666667rem;
}
.timeBox div b {
display: block;
color: #FFF783;
font-size: 0.32rem;
font-weight: 400;
margin-top: 0.0533333333rem;
}
.page1 {
margin: -3.6rem auto 0;
position: relative;
box-sizing: border-box;
}
.page1 .tab {
width: 100%;
height: 2.2666666667rem;
box-sizing: border-box;
line-height: 2.1333333333rem;
text-align: center;
display: flex;
justify-content: space-between;
margin: 0rem auto;
gap: 0.2666666667rem;
}
.page1 .tab div {
width: 4.8666666667rem;
height: 2.2666666667rem;
color: #B1CDDB;
font-size: 0.4533333333rem;
font-weight: 600;
background: url(../images/tab.png) no-repeat;
background-size: 100% 100%;
}
.page1 .tab .act {
background: url(../images/actTab.png) no-repeat;
background-size: 100% 100%;
color: #FFF783;
}
.page1 .top {
width: 10rem;
height: 13.3333333333rem;
position: relative;
background: url(../images/topBg.png) no-repeat;
background-size: 100% 100%;
margin: 0rem auto 0;
padding: 0.1066666667rem 0 0;
}
.page1 .top .top1 {
width: 8.2666666667rem;
height: 5.8666666667rem;
position: relative;
margin: 2.5333333333rem auto 0;
}
.page1 .top .top1 .ts {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 2;
}
.page1 .top .top1 .tx {
width: 2.5333333333rem;
height: 2.5333333333rem;
border-radius: 50%;
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 1.6rem;
}
.page1 .top .top1 .name {
width: 35%;
left: 50%;
transform: translateX(-50%);
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
height: 0.48rem;
line-height: 0.48rem;
position: absolute;
top: 5.4666666667rem;
display: flex;
z-index: 3;
flex-wrap: nowrap;
justify-content: center;
}
.page1 .top .top1 .name b {
max-width: 2.6rem;
text-align: right;
color: #FFF783;
font-size: 0.4rem;
font-weight: 500;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.page1 .top .top1 .name img {
display: inline-block;
width: 1.0266666667rem;
height: 0.48rem;
margin: 0 0.08rem;
}
.page1 .top .top1 .id {
width: 100%;
position: absolute;
top: 6.08rem;
text-align: center;
left: 0;
z-index: 3;
color: #FFF783;
font-size: 0.3733333333rem;
font-weight: 400;
}
.page1 .top .top1 .score {
height: 0.88rem;
line-height: 0.88rem;
position: absolute;
top: 6.5333333333rem;
left: 50%;
transform: translate(-50%, 0);
display: flex;
z-index: 3;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
background: url(../images/score_bg.png) no-repeat;
background-size: 100% 100%;
padding: 0 0.1333333333rem;
min-width: 2.4rem;
}
.page1 .top .top1 .score b {
color: #2D2A00;
font-size: 0.3733333333rem;
font-weight: 500;
}
.page1 .top .top1 .score img {
display: inline-block;
width: 0.4266666667rem;
height: 0.4266666667rem;
margin-right: 0.1rem;
}
.page1 .top .top2 {
width: 4rem;
height: 4rem;
position: absolute;
left: 0.6666666667rem;
top: 7.3333333333rem;
margin: 0 auto 0;
}
.page1 .top .top2 .ts {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 2;
}
.page1 .top .top2 .tx {
width: 2.3733333333rem;
height: 2.3733333333rem;
border-radius: 50%;
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 0.8266666667rem;
}
.page1 .top .top2 .name {
width: 83%;
left: 50%;
transform: translateX(-50%);
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
height: 0.48rem;
line-height: 0.48rem;
position: absolute;
top: 3.7866666667rem;
display: flex;
z-index: 3;
flex-wrap: nowrap;
justify-content: center;
}
.page1 .top .top2 .name b {
max-width: 2.6rem;
text-align: right;
color: #FFF783;
font-size: 0.4rem;
font-weight: 500;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.page1 .top .top2 .name img {
display: inline-block;
width: 1.0266666667rem;
height: 0.48rem;
margin: 0 0.08rem;
}
.page1 .top .top2 .id {
width: 100%;
position: absolute;
top: 4.3733333333rem;
text-align: center;
left: 0;
z-index: 3;
color: #FFF783;
font-size: 0.3733333333rem;
font-weight: 400;
}
.page1 .top .top2 .score {
height: 0.88rem;
line-height: 0.88rem;
position: absolute;
top: 4.9333333333rem;
left: 50%;
transform: translate(-50%, 0);
display: flex;
z-index: 3;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
background: url(../images/score_bg.png) no-repeat;
background-size: 100% 100%;
padding: 0 0.1333333333rem;
min-width: 2.4rem;
}
.page1 .top .top2 .score b {
color: #2D2A00;
font-size: 0.3733333333rem;
font-weight: 500;
}
.page1 .top .top2 .score img {
display: inline-block;
width: 0.4266666667rem;
height: 0.4266666667rem;
margin-right: 0.1rem;
}
.page1 .top .top3 {
width: 4rem;
height: 4rem;
position: absolute;
right: 0.6666666667rem;
top: 7.3333333333rem;
margin: 0 auto 0;
}
.page1 .top .top3 .ts {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 2;
}
.page1 .top .top3 .tx {
width: 2.3733333333rem;
height: 2.3733333333rem;
border-radius: 50%;
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 0.8266666667rem;
}
.page1 .top .top3 .name {
width: 83%;
left: 50%;
transform: translateX(-50%);
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
height: 0.48rem;
line-height: 0.48rem;
position: absolute;
top: 3.7866666667rem;
display: flex;
z-index: 3;
flex-wrap: nowrap;
justify-content: center;
}
.page1 .top .top3 .name b {
max-width: 2.6rem;
text-align: right;
color: #FFF783;
font-size: 0.4rem;
font-weight: 500;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.page1 .top .top3 .name img {
display: inline-block;
width: 1.0266666667rem;
height: 0.48rem;
margin: 0 0.08rem;
}
.page1 .top .top3 .id {
width: 100%;
position: absolute;
top: 4.3733333333rem;
text-align: center;
left: 0;
z-index: 3;
color: #FFF783;
font-size: 0.3733333333rem;
font-weight: 400;
}
.page1 .top .top3 .score {
height: 0.88rem;
line-height: 0.88rem;
position: absolute;
top: 4.9333333333rem;
left: 50%;
transform: translate(-50%, 0);
display: flex;
z-index: 3;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
background: url(../images/score_bg.png) no-repeat;
background-size: 100% 100%;
padding: 0 0.1333333333rem;
min-width: 2.4rem;
}
.page1 .top .top3 .score b {
color: #2D2A00;
font-size: 0.3733333333rem;
font-weight: 500;
}
.page1 .top .top3 .score img {
display: inline-block;
width: 0.4266666667rem;
height: 0.4266666667rem;
margin-right: 0.1rem;
}
.page1 .bottom {
width: 10rem;
height: 0.6666666667rem;
background: url(../images/bottomBg.png) no-repeat;
background-size: 100% 100%;
margin: -0.2rem auto 0;
position: relative;
z-index: 2;
}
.page1 .content {
width: 10rem;
height: auto;
margin: -0.0266666667rem auto 0;
background: url(../images/contentBg.png) no-repeat;
background-size: 100% 100%;
overflow: hidden;
}
.page1 .content ul {
width: 9.2rem;
margin: 0.3733333333rem auto 0rem;
}
.page1 .content ul li {
width: 100%;
background: linear-gradient(0deg, #9F0141, #760231);
margin-bottom: 0.3466666667rem;
overflow: hidden;
padding: 0.5333333333rem 0.4666666667rem 0.5333333333rem 0.6rem;
box-sizing: border-box;
background: url(../images/li_bg.png) no-repeat;
background-size: 100% 100%;
display: flex;
align-items: center;
}
.page1 .content ul li .num {
float: left;
width: 0.5333333333rem;
line-height: 1.5466666667rem;
color: #FFF783;
font-size: 0.4266666667rem;
font-weight: 600;
margin-right: 0.36rem;
text-align: center;
}
.page1 .content ul li .tx {
float: left;
width: 1.1066666667rem;
height: 1.1066666667rem;
border-radius: 50%;
border: 0.0266666667rem solid #FFF783;
display: block;
margin-right: 0.1866666667rem;
margin-left: 0.1866666667rem;
}
.page1 .content ul li .info {
float: left;
}
.page1 .content ul li .info p {
height: 0.48rem;
line-height: 0.48rem;
margin-bottom: 0.1333333333rem;
display: flex;
}
.page1 .content ul li .info p b {
max-width: 1.9rem;
display: inline-block;
height: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
color: #FFF783;
font-size: 0.4rem;
font-weight: 500;
}
.page1 .content ul li .info p img {
display: inline-block;
width: 1.0266666667rem;
height: 0.48rem;
margin: 0 0.08rem;
}
.page1 .content ul li .info span {
color: #FFF783;
font-size: 0.3733333333rem;
font-weight: 400;
display: block;
}
.page1 .content ul li .score {
display: flex;
height: 0.88rem;
line-height: 0.88rem;
margin-left: auto;
align-items: center;
background: url(../images/score_bg.png) no-repeat;
background-size: 100% 100%;
padding: 0 0.1333333333rem;
min-width: 2.4rem;
justify-content: center;
}
.page1 .content ul li .score img {
display: inline-block;
width: 0.4266666667rem;
height: 0.4266666667rem;
margin: 0 0.0666666667rem 0 0.0666666667rem;
vertical-align: middle;
}
.page1 .content ul li .score b {
font-weight: 500;
font-size: 0.3733333333rem;
color: #2D2A00;
vertical-align: middle;
}
.page1 .content .more {
width: 1.6533333333rem;
height: 0.5866666667rem;
line-height: 0.5866666667rem;
text-align: center;
padding: 0 0.4533333333rem;
margin: 0 auto 0.3rem;
color: #FFF783;
border: 0.0266666667rem solid #FFF783;
border-radius: 0.5866666667rem;
box-sizing: border-box;
font-size: 0.32rem;
font-weight: 500;
}
.page1 .my {
position: fixed;
z-index: 9;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 10rem;
background: #00082C;
border-radius: 0.24rem 0.24rem 0px 0px;
border: 0.04rem solid #FFF783;
box-sizing: border-box;
padding: 0 0.52rem 0.2rem 0.2rem;
display: flex;
align-items: center;
}
.page1 .my .num {
float: left;
width: 0.5333333333rem;
height: 100%;
line-height: 1.7333333333rem;
color: #FFF783;
font-size: 0.4266666667rem;
font-weight: 600;
margin-right: 0.36rem;
text-align: center;
}
.page1 .my .tx {
float: left;
width: 1.1066666667rem;
height: 1.1066666667rem;
border-radius: 50%;
border: 0.0266666667rem solid #FFF783;
display: block;
margin-top: 0.2133333333rem;
margin-right: 0.1866666667rem;
margin-left: 0.1866666667rem;
}
.page1 .my .info {
float: left;
margin-top: 0.3333333333rem;
}
.page1 .my .info p {
height: 0.48rem;
line-height: 0.48rem;
margin-bottom: 0.1333333333rem;
}
.page1 .my .info p b {
max-width: 2rem;
display: inline-block;
height: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
color: #FFF783;
font-size: 0.4rem;
font-weight: 500;
}
.page1 .my .info p img {
display: inline-block;
width: 1.0266666667rem;
height: 0.48rem;
margin: 0 0.08rem;
}
.page1 .my .info span {
color: #FFF783;
font-size: 0.3733333333rem;
font-weight: 400;
display: block;
}
.page1 .my .score {
display: flex;
height: 0.88rem;
line-height: 0.88rem;
background: url(../images/score_bg.png) no-repeat;
background-size: 100% 100%;
padding: 0 0.1333333333rem;
min-width: 2.4rem;
align-items: center;
justify-content: center;
margin-left: auto;
}
.page1 .my .score img {
display: inline-block;
width: 0.4266666667rem;
height: 0.4266666667rem;
margin: 0 0.0666666667rem 0 0.0666666667rem;
vertical-align: middle;
}
.page1 .my .score b {
font-weight: 500;
font-size: 0.3733333333rem;
color: #2D2A00;
vertical-align: middle;
}
.page2 {
display: none;
margin: -3.6rem auto 0;
position: relative;
box-sizing: border-box;
}
.page2 .tab {
width: 100%;
height: 2.2666666667rem;
box-sizing: border-box;
line-height: 2.1333333333rem;
text-align: center;
display: flex;
justify-content: space-between;
margin: 0rem auto 0;
position: absolute;
gap: 0.2666666667rem;
}
.page2 .tab div {
width: 4.8666666667rem;
height: 2.2666666667rem;
color: #B1CDDB;
font-size: 0.4533333333rem;
font-weight: 600;
background: url(../images/tab.png) no-repeat;
background-size: 100% 100%;
}
.page2 .tab .act {
background: url(../images/actTab.png) no-repeat;
background-size: 100% 100%;
color: #FFF783;
}
.page2 .top {
width: 10rem;
height: 2.2666666667rem;
position: relative;
margin: 0 auto -0.2rem;
overflow: hidden;
}
.page2 .bottom {
width: 10rem;
height: 0.6666666667rem;
background: url(../images/bottomBg.png) no-repeat;
background-size: 100% 100%;
margin: -0.2rem auto 0;
}
.page2 .content {
width: 10rem;
margin: 0.2rem auto 0;
background: url(../images/rewardBg.png) no-repeat;
background-size: 100% 100%;
}
.page2 .content .box {
width: 10rem;
height: 42.08rem;
margin: 0 auto 0;
position: relative;
padding: 0.1066666667rem 0 0;
}
.page2 .content .box .bo {
position: absolute;
width: 0.6666666667rem;
height: 0.6666666667rem;
right: 1.04rem;
}
.page2 .content .box .bo1 {
top: 8.2933333333rem;
}
.page2 .content .box .bo2 {
top: 23rem;
}
.page2 .content .box .bo3 {
top: 38.56rem;
}
.rules {
position: fixed;
z-index: 999;
right: 0;
bottom: 0;
left: 0;
top: 0;
background: rgba(0, 0, 0, 0.5);
display: none;
}
.rules .rule_in {
width: 10rem;
background: url(../images/giftBox.png) no-repeat;
background-size: 100% 100%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.rules .rule_in .close {
position: absolute;
width: 0.9066666667rem;
height: 0.9066666667rem;
right: 0.2666666667rem;
top: -0.9333333333rem;
}
.rules .rule_in .titles {
width: 7.5066666667rem;
text-align: center;
color: #190E00;
font-size: 0.4266666667rem;
font-weight: 600;
margin: 0.7733333333rem auto 0;
}
.rules .rule_in .text {
overflow-y: scroll;
font-family: PingFang SC;
font-weight: 500;
font-size: 0.3466666667rem;
color: #190E00;
line-height: 0.48rem;
margin: 0.5333333333rem 1.4133333333rem 1.0666666667rem 1.1066666667rem;
}
.rules .rule_in .text::-webkit-scrollbar {
display: none;
}
.bottomText {
width: 100%;
text-align: center;
color: #FFF783;
font-size: 0.32rem;
font-weight: 400;
margin: 0.6666666667rem auto 2.4rem;
}
.video {
position: fixed;
left: 0;
top: 0;
bottom: 0;
right: 0;
background: rgba(0, 0, 0, 0.5);
z-index: 99;
display: none;
}
.video video {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 65%;
}
.video .close {
width: 0.9066666667rem;
height: 0.9066666667rem;
position: absolute;
top: 10%;
right: 0.9333333333rem;
z-index: 9;
}
.arabic .header {
background: url(../images/header.png) no-repeat;
background-size: 100% 100%;
}
.arabic .page1 .content ul li .score {
margin-right: auto;
margin-left: 0;
}
.arabic .page1 .my .score {
margin-right: auto;
margin-left: 0;
}

File diff suppressed because it is too large Load Diff

Binary file not shown.

Before

Width:  |  Height:  |  Size: 22 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.7 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 35 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.0 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.1 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 870 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 194 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 858 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 150 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.3 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 584 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 247 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 9.8 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 20 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 5.1 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 24 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 10 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 5.3 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 89 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 63 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 78 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 29 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 29 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 297 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.0 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.9 KiB

View File

@@ -1,192 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title></title>
<link rel="stylesheet" href="../../common/css/reset.css">
<link rel="stylesheet" href="./css/index.css">
</head>
<body>
<!-- 頂部返回 -->
<div class="back">
<img src="./images/travel/back.png" alt="">
</div>
<!-- 头部 -->
<div class="header">
<div class="rule text3"></div>
</div>
<!-- 倒计时 -->
<div class="timeBox">
<div class="days">
<span>00</span>
<b class="text6"></b>
</div>
<div class="hours">
<span>00</span>
<b class="text7"></b>
</div>
<div class="mins">
<span>00</span>
<b class="text8"></b>
</div>
<div class="secs">
<span>00</span>
<b class="text9"></b>
</div>
</div>
<!-- page1 -->
<div class="page1">
<!-- 切换 -->
<div class="tab">
<div class="act text10"></div>
<div class="text11"></div>
</div>
<div class="top">
<!-- 前三 -->
<div class="top1">
<img src="./images/top1.png" alt="" class="ts">
<img src="./images/logo.png" alt="" class="tx">
<div class="name">
<b>名字</b>
<img src="" alt="" class="icon">
</div>
<div class="id">ID:0</div>
<div class="score">
<img src="./images/box.png" alt="">
<b>0K</b>
</div>
</div>
<!-- <div class="top2">
<img src="./images/top2.png" alt="" class="ts">
<img src="./images/logo.png" alt="" class="tx">
<div class="name">
<b>名字</b>
<img src="" alt="" class="icon">
</div>
<div class="id">ID:0</div>
<div class="score">
<img src="./images/box.png" alt="">
<b>0K</b>
</div>
</div>
<div class="top3">
<img src="./images/top3.png" alt="" class="ts">
<img src="./images/logo.png" alt="" class="tx">
<div class="name">
<b>名字</b>
<img src="" alt="" class="icon">
</div>
<div class="id">ID:0</div>
<div class="score">
<img src="./images/box.png" alt="">
<b>0K</b>
</div>
</div> -->
</div>
<div class="content">
<ul>
<!-- <li>
<div class="num">04</div>
<img src="./images/logo.png" alt="" class="tx">
<div class="info">
<p>
<b>名字</b>
<img src="" alt="" class="icon">
</p>
<span>ID:1234567</span>
</div>
<div class="score">
<img src="./images/box.png" alt="">
<b>0K</b>
</div>
</li> -->
</ul>
<div class="more">More</div>
</div>
<div class="bottom"></div>
<div class="my">
<div class="num">04</div>
<img src="./images/logo.png" alt="" class="tx">
<div class="info">
<p>
<b>名字</b>
<img src="" alt="" class="icon">
</p>
<span>ID:1234567</span>
</div>
<div class="score">
<img src="./images/box.png" alt="">
<b>0K</b>
</div>
</div>
</div>
<!-- page2 -->
<div class="page2">
<div class="top">
<!-- 切换 -->
<div class="tab">
<div class="text10">Ranking</div>
<div class="act text11">Rewards</div>
</div>
</div>
<div class="content">
<div class="box">
<!-- <img src="./images/bo.png" alt="" class="bo bo1">
<img src="./images/bo.png" alt="" class="bo bo2">
<img src="./images/bo.png" alt="" class="bo bo3"> -->
<img src="./images/bo.png" alt="" class="bo bo1">
</div>
</div>
<!-- <div class="bottom"></div> -->
</div>
<div class="bottomText text12"></div>
<!-- 规则 -->
<div class="rules">
<div class="rule_in">
<img src="./images/close.png" alt="" class="close">
<div class="titles text133"></div>
<div class="text text13">
</div>
</div>
</div>
<!-- MP4 -->
<div class="video video1">
<video id="zjVideo1" controls>
<source src="./mp4/1.mp4" type="video/mp4">
</video>
<img src="./images/close.png" alt="" class="close">
</div>
<!-- <div class="video video2">
<video id="zjVideo2" controls>
<source src="./mp4/2.mp4" type="video/mp4">
</video>
<img src="./images/close.png" alt="" class="close">
</div>
<div class="video video3">
<video id="zjVideo3" controls>
<source src="./mp4/3.mp4" type="video/mp4">
</video>
<img src="./images/close.png" alt="" class="close">
</div> -->
</body>
</html>
<script src="../../common/js/flexible.js"></script>
<script src="../../common/js/jquery-3.2.1.min.js"></script>
<script src="../../common/js/common2.js"></script>
<script src="../../common/js/layer.js"></script>
<script src="../../common/js/vconsole.min.js"></script>
<script src="../../common/js/route-constant.js"></script>
<script src="../../common/js/svga.min.js"></script>
<script src="./local/en.js"></script>
<script src="./local/zh.js"></script>
<script src="./local/ar.js"></script>
<script src="./local/tr.js"></script>
<script src="./js/index.js"></script>
<script src="../../common/local/langHandler.js"></script>

View File

@@ -1,307 +0,0 @@
let urlPrefix = getUrlPrefix()
let browser = checkVersion()
let env = EnvCheck();
if (env == 'test') {
new VConsole();
}
// 封裝layer消息提醒框
let layerIndex
var langReplace;
var localLang;
const showLoading = (content = langReplace(localLang.demoModule.layerIndex1)) => {
layer.open({
type: 2,
shadeClose: false,
content,
success(e) {
layerIndex = $(e).attr('index')
}
})
}
const hideLoading = (index) => {
layer.close(index)
}
const toastMsg = (content = langReplace(localLang.demoModule.layerIndex2), time = 2) => {
layer.open({
content,
time,
skin: 'msg'
})
}
var countupTime;//倒计时容器
var loadedCount = 0; // 已加載的數據數量
var pageSize = 7; // 每次加載的數據數量
var notListTo3 = []; // 每次加載的數據數量
// 初始化函數
$(function () {
getInfoFromClient();
fuzzyMatchUpdateQueryStringParameterFun(); // 判断语言
setTimeout(function () {
// 頁面全屏
if (browser.app) {
if (browser.android) {
window.androidJsObj.initShowNav(false)
} else {
window.webkit.messageHandlers.initShowNav.postMessage(0)
}
};
// 頂部返回事件
$('.back img').click(() => {
if (browser.android) {
window.androidJsObj.closeWebView()
} else {
window.webkit.messageHandlers.closeWebView.postMessage(null)
}
})
fuzzyMatchUpdateQueryStringParameterFun(); // 判断语言
langReplace = window.lang.replace;
localLang = window.lang;
translateFun();
getConfig();
}, 100)
})
// 处理SVGA
document.addEventListener('DOMContentLoaded', function () {
function loadSVGA(containerId, svgaPath) {
var container = document.getElementById(containerId);
var player = new SVGA.Player(container);
var parser = new SVGA.Parser();
parser.load(svgaPath, function (videoItem) {
player.setVideoItem(videoItem);
player.startAnimation();
});
}
loadSVGA('ts10', './svga/100.svga');
});
function translateFun() {
var langReplace = window.lang.replace;
var localLang = window.lang;
$('.text1').html(langReplace(localLang.demoModule.text1));
$('.text2').html(langReplace(localLang.demoModule.text2));
// $('.text22').html(langReplace(localLang.demoModule.text22));
$('.text3').html(langReplace(localLang.demoModule.text3));
$('.text4').html(langReplace(localLang.demoModule.text4));
$('.text5').html(langReplace(localLang.demoModule.text5));
$('.text6').html(langReplace(localLang.demoModule.text6));
$('.text7').html(langReplace(localLang.demoModule.text7));
$('.text8').html(langReplace(localLang.demoModule.text8));
$('.text9').html(langReplace(localLang.demoModule.text9));
$('.text10').html(langReplace(localLang.demoModule.text10));
$('.text11').html(langReplace(localLang.demoModule.text11));
$('.text12').html(langReplace(localLang.demoModule.text12));
$('.text13').html(langReplace(localLang.demoModule.text13));
$('.text133').html(langReplace(localLang.demoModule.text133));
$('.more').html(langReplace(localLang.demoModule.more));
if (browser.ios) {
$('.bottomText').text(langReplace(localLang.demoModule.text12))
} else {
$('.bottomText').text(langReplace(localLang.demoModule.text122))
}
}
// 配置接口
function getConfig() {
showLoading()
networkRequest({
type: 'get',
url: urlPrefix + '/activity/h5/template/rank',
data: { actKey: "QueenCompetition" },
success(res) {
if (res.code === 200) {
// 处理日期
// var startTime = dateFormat(new Date(res.data.startTimeStr.replace(" ", "T")).getTime(), `MM/dd`);
// var endTime = dateFormat(new Date(res.data.endTimeStr.replace(" ", "T")).getTime(), `MM/dd`);
// $('.header .date .text22').text(`${startTime} - ${endTime}`);
// 处理倒计时
countup(res.data.endTime - res.timestamp);
// 处理限定礼物
res.data.gifts.forEach((res, i) => {
$(`.giftBox .gift .gift${i} img`).attr("src", res.giftUrl);
$(`.giftBox .gift .gift${i} span`).text(res.giftName);
})
// 处理榜单
var listTo3 = res.data.rankList.slice(0, 1);
notListTo3 = res.data.rankList.slice(1);
// 处理前三
if (listTo3.length < 1) {
let arr = new Array(1 - listTo3.length).fill({
avatar: './images/logo.png',
name: langReplace(localLang.demoModule.waiting),
erbanNo: null,
totalNum: null
})
listTo3.push(...arr)
}
listTo3.forEach((res, i) => {
$(`.page1 .top .top${i + 1} .tx`).attr('src', res.avatar);
$(`.page1 .top .top${i + 1} .name b`).text(res.name);
$(`.page1 .top .top${i + 1} .name img`).attr('src', res.userLevelVo ? res.userLevelVo.experUrl : './images/logo.png');
$(`.page1 .top .top${i + 1} .id`).text('ID:' + res.erbanNo);
$(`.page1 .top .top${i + 1} .score b`).text(unitPro(res.totalNum, 2));
if (res.erbanNo == null) {
$(`.page1 .top .top${i + 1} .name img`).hide();
$(`.page1 .top .top${i + 1} .id`).hide();
$(`.page1 .top .top${i + 1} .score`).hide();
}
})
// 非前三
loadMore();
// 处理自己榜单数据
var my = res.data.myRank;
$('.page1 .my .tx').attr("src", my.avatar);
$('.page1 .my .num').text(my.rank == 0 ? '30+' : my.rank);
$('.page1 .my .info p b').text(my.name);
$('.page1 .my .info p img').attr('src', res.data.myRank.userLevelVo.experUrl);
$('.page1 .my .info span').text(`ID:${my.erbanNo}`);
$('.page1 .my .score b').text(unitPro(my.totalNum, 2));
// 初始化设置
window.dispatchEvent(new Event('resize'));
} else {
toastMsg(res.message)
}
hideLoading(layerIndex)
},
error(err) {
hideLoading(layerIndex)
toastMsg(langReplace(localLang.demoModule.layerIndex3))
}
})
}
// 加載數據函數
function loadMore() {
// 計算加載範圍
pageSize = loadedCount == 0 ? 7 : 10;
const nextItems = notListTo3.slice(loadedCount, loadedCount + pageSize);
let str = '';
// 拼接 HTML
nextItems.forEach(res => {
str += `
<li>
<div class="num">${res.rank}</div>
<img src="${res.avatar}" alt="" class="tx">
<div class="info">
<p>
<b>${res.name}</b>
<img src="${res.userLevelVo.experUrl}" alt="" class="icon">
</p>
<span>ID:${res.erbanNo}</span>
</div>
<div class="score">
<img src="./images/box.png" alt="">
<b>${unitPro(res.totalNum, 2)}</b>
</div>
</li>
`
})
// 將數據插入到列表中
$('.page1 .content ul').append(str);
// 更新已加載的數據數量
loadedCount += nextItems.length;
// 如果數據全部加載完成,隱藏按鈕
console.log(loadedCount >= notListTo3.length);
console.log(notListTo3.length);
if (loadedCount >= notListTo3.length) {
$('.page1 .content .more').hide();
}
}
// 綁定按鈕點擊事件
$('.page1 .content .more').click(function () {
loadMore();
})
// 初次加載數據
// tab切换
$('.page1 .tab div,.page2 .tab div').click(function () {
var i = $(this).index() + 1;
$('.page1,.page2').hide();
$(`.page${i}`).show();
if (i == 1) {
$('.bottomText').css('margin', '0.66667rem auto 2.4rem');
} else {
$('.bottomText').css('margin', '0.66667rem auto 0.66667rem');
}
})
// 打开规则
$('.rule').click(function () {
$('.rules').show();
bodyScroolFun(true);
})
// 关闭规则
$('.rules .rule_in .close').click(function () {
$('.rules').hide();
bodyScroolFun(false);
})
// 倒計時
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中
$('.timeBox .days span').text(d);
$('.timeBox .hours span').text(h);
$('.timeBox .mins span').text(m);
$('.timeBox .secs span').text(s);
} else {
getConfig();
}
if (leftTime > 0) {
leftTime = leftTime - 1000;
}
countupTime = setTimeout(function () {
countup(leftTime);
}, 1000);
}
//补0操作
function getzf(num) {
if (parseInt(num) < 10) {
num = '0' + num;
}
return num;
}
// 打开mp4弹窗
$('.page2 .content .box .bo1').click(function () {
var video = document.getElementById('zjVideo1');
video.play();
bodyScroolFun(true);
$('.video1').show();
})
// 关闭mp4弹窗
$('.video .close').click(function () {
var video1 = document.getElementById('zjVideo1');
video1.pause();
bodyScroolFun(false);
$('.video').hide();
})
function unitPro(val, toFixeds) { //值 保留几位小数
if (val < 1000) {
return val;
} else if (val >= 1000 && val < 1000000) {
var num = val / 1000;
// 截断而不是四舍五入
var multiplier = Math.pow(10, toFixeds);
return (Math.floor(num * multiplier) / multiplier).toFixed(toFixeds) + 'K';
} else if (val >= 1000000) {
var num = val / 1000000;
// 截断而不是四舍五入
var multiplier = Math.pow(10, toFixeds);
return (Math.floor(num * multiplier) / multiplier).toFixed(toFixeds) + 'M';
}
}

View File

@@ -1,30 +0,0 @@
langAr = {
demoModule: {
layerIndex1: `Loading...`,
layerIndex2: `Success`,
layerIndex3: `Network error`,
text1:`Battle for the Queen of August`,
text3:`Coronation Rules`,
text4:`Event Gifts`,
text6: `Days`,
text7: `Hours`,
text8: `Mins`,
text9: `Secs`,
text10: `Queen Ranking`,
text11: `Queen Reward`,
text12: `Event not related to Apple.`,
text122: `Event not related to Google.`,
text133: `Coronation Rules`,
text13: `<p>1 Send the Queen Gift to get the honor value and rush to the top of the list!</p>
<p>2 The ranking is updated in real time, the battle is fierce, who will have the last laugh?</p>
<p>3 The final top of the ranking will be crowned "Queen of August" and enjoy exclusive glory and generous rewards!</p>
<p>4 Coin rewards:coins corresponding to the ranking ratio. Example: TOP1 user on the ranking gave 1 million coins designated gift, and can get 15,000 coins as a reward.</p>
<p>5 There is no upper limit, the more you give, the more you get.</p>
<p style="font-weight: 700;">6 This activity is limited to female users.</p>
<p>7 All rights of interpretation of this event belong to the platform.</p>`,
more: 'More',
month: 'Month',
day: 'Day',
waiting: 'Waiting',
},
}

View File

@@ -1,30 +0,0 @@
langEn = {
demoModule: {
layerIndex1: `Loading...`,
layerIndex2: `Success`,
layerIndex3: `Network error`,
text1:`Battle for the Queen of August`,
text3:`Coronation Rules`,
text4:`Event Gifts`,
text6: `Days`,
text7: `Hours`,
text8: `Mins`,
text9: `Secs`,
text10: `Queen Ranking`,
text11: `Queen Reward`,
text12: `Event not related to Apple.`,
text122: `Event not related to Google.`,
text133: `Coronation Rules`,
text13: `<p>1 Send the Queen Gift to get the honor value and rush to the top of the list!</p>
<p>2 The ranking is updated in real time, the battle is fierce, who will have the last laugh?</p>
<p>3 The final top of the ranking will be crowned "Queen of August" and enjoy exclusive glory and generous rewards!</p>
<p>4 Coin rewards:coins corresponding to the ranking ratio. Example: TOP1 user on the ranking gave 1 million coins designated gift, and can get 15,000 coins as a reward.</p>
<p>5 There is no upper limit, the more you give, the more you get.</p>
<p style="font-weight: 700;">6 This activity is limited to female users.</p>
<p>7 All rights of interpretation of this event belong to the platform.</p>`,
more: 'More',
month: 'Month',
day: 'Day',
waiting: 'Waiting',
},
}

View File

@@ -1,30 +0,0 @@
langTr = {
demoModule: {
layerIndex1: `Loading...`,
layerIndex2: `Success`,
layerIndex3: `Network error`,
text1:`Battle for the Queen of August`,
text3:`Coronation Rules`,
text4:`Event Gifts`,
text6: `Days`,
text7: `Hours`,
text8: `Mins`,
text9: `Secs`,
text10: `Queen Ranking`,
text11: `Queen Reward`,
text12: `Event not related to Apple.`,
text122: `Event not related to Google.`,
text133: `Coronation Rules`,
text13: `<p>1 Send the Queen Gift to get the honor value and rush to the top of the list!</p>
<p>2 The ranking is updated in real time, the battle is fierce, who will have the last laugh?</p>
<p>3 The final top of the ranking will be crowned "Queen of August" and enjoy exclusive glory and generous rewards!</p>
<p>4 Coin rewards:coins corresponding to the ranking ratio. Example: TOP1 user on the ranking gave 1 million coins designated gift, and can get 15,000 coins as a reward.</p>
<p>5 There is no upper limit, the more you give, the more you get.</p>
<p style="font-weight: 700;">6 This activity is limited to female users.</p>
<p>7 All rights of interpretation of this event belong to the platform.</p>`,
more: 'More',
month: 'Month',
day: 'Day',
waiting: 'Waiting',
},
}

View File

@@ -1,30 +0,0 @@
langZh = {
demoModule: {
layerIndex1: `Loading...`,
layerIndex2: `Success`,
layerIndex3: `Network error`,
text1:`Battle for the Queen of August`,
text3:`Coronation Rules`,
text4:`Event Gifts`,
text6: `Days`,
text7: `Hours`,
text8: `Mins`,
text9: `Secs`,
text10: `Queen Ranking`,
text11: `Queen Reward`,
text12: `Event not related to Apple.`,
text122: `Event not related to Google.`,
text133: `Coronation Rules`,
text13: `<p>1 Send the Queen Gift to get the honor value and rush to the top of the list!</p>
<p>2 The ranking is updated in real time, the battle is fierce, who will have the last laugh?</p>
<p>3 The final top of the ranking will be crowned "Queen of August" and enjoy exclusive glory and generous rewards!</p>
<p>4 Coin rewards:coins corresponding to the ranking ratio. Example: TOP1 user on the ranking gave 1 million coins designated gift, and can get 15,000 coins as a reward.</p>
<p>5 There is no upper limit, the more you give, the more you get.</p>
<p style="font-weight: 700;">6 This activity is limited to female users.</p>
<p>7 All rights of interpretation of this event belong to the platform.</p>`,
more: 'More',
month: 'Month',
day: 'Day',
waiting: 'Waiting',
},
}

View File

@@ -1,898 +0,0 @@
html,
body {
width: 100%;
background: #1B3021;
}
.back {
width: 100%;
height: 0.5866666667rem;
line-height: 0.5866666667rem;
position: fixed;
left: 0;
top: 0.8666666667rem;
text-align: center;
color: #FFFFFF;
font-size: 0.5066666667rem;
font-weight: bold;
z-index: 10;
}
.back img {
width: 0.5866666667rem;
height: 0.5866666667rem;
position: absolute;
left: 0.24rem;
top: 0rem;
}
.header {
width: 10rem;
height: 12.4533333333rem;
background: url(../images/header.png) no-repeat;
background-size: 100% 100%;
margin: 0 auto 0;
position: relative;
}
.header .date {
width: 8.9333333333rem;
height: 0.7466666667rem;
line-height: 0.7466666667rem;
background: url(../images/time_bg.png) no-repeat;
background-size: 100% 100%;
text-align: center;
color: #FFF783;
font-size: 0.3466666667rem;
font-weight: 500;
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 3.7866666667rem;
}
.header .rule {
width: 1.4666666667rem;
height: 0.72rem;
line-height: 0.72rem;
text-indent: 0.1rem;
text-align: center;
color: #433402;
font-size: 0.3733333333rem;
font-weight: 500;
background: url(../images/rule_icon.png) no-repeat;
background-size: 100% 100%;
position: absolute;
right: 0;
top: 6.2666666667rem;
}
.giftBox {
position: relative;
width: 10rem;
height: 6.4266666667rem;
background: url(../images/giftBox.png) no-repeat;
background-size: 100% 100%;
margin: 0rem auto 0.4266666667rem;
overflow: hidden;
}
.giftBox .title {
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 0rem;
text-align: center;
width: 7.5066666667rem;
height: 1.8533333333rem;
line-height: 2.6666666667rem;
color: #4D0D00;
font-size: 0.4533333333rem;
font-weight: 600;
background: url(../images/title.png) no-repeat;
background-size: 100% 100%;
}
.giftBox .content {
width: 8.1333333333rem;
color: #FFF783;
font-size: 0.3466666667rem;
font-weight: 400;
line-height: 0.56rem;
margin: 2.6rem auto 0.2rem;
}
.giftBox .gift {
height: 2.6666666667rem;
display: flex;
justify-content: space-between;
margin: 2.6666666667rem 0.64rem 0;
}
.giftBox .gift div {
width: 2.6666666667rem;
height: 2.6666666667rem;
position: relative;
background: url(../images/sGiftBox.png) no-repeat;
background-size: 100% 100%;
}
.giftBox .gift div img {
width: 2.1333333333rem;
height: 2.1333333333rem;
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 0.24rem;
}
.giftBox .gift div span {
width: 100%;
text-align: center;
color: #FFF783;
font-size: 0.3733333333rem;
font-weight: 600;
position: absolute;
left: 0;
bottom: -0.5rem;
}
.timeBox {
width: 100%;
height: 1.3866666667rem;
margin: 0.2rem auto 0.2933333333rem;
box-sizing: border-box;
padding: 0 1.6rem;
display: flex;
justify-content: space-between;
overflow: hidden;
gap: 0.4rem;
position: absolute;
top: 10.3733333333rem;
}
.timeBox div {
width: 1.32rem;
height: 1.2266666667rem;
box-sizing: border-box;
text-align: center;
background: url(../images/timeBox_in.png) no-repeat;
background-size: 100% 100%;
}
.timeBox div span {
display: block;
color: #FFF783;
font-size: 0.4533333333rem;
font-weight: 500;
margin: 0.2133333333rem auto 0.0266666667rem;
}
.timeBox div b {
display: block;
color: #FFF783;
font-size: 0.32rem;
font-weight: 400;
margin-top: 0.0533333333rem;
}
.page1 {
margin: 1.8666666667rem auto 0;
}
.page1 .top {
width: 10rem;
height: 13.3333333333rem;
position: relative;
background: url(../images/topBg.png) no-repeat;
background-size: 100% 100%;
margin: 0 auto 0;
padding: 0.1066666667rem 0 0;
}
.page1 .top .tab {
width: 100%;
height: 1rem;
box-sizing: border-box;
line-height: 1rem;
text-align: center;
display: flex;
justify-content: space-between;
margin: 0rem auto 0.32rem;
position: absolute;
top: -8%;
gap: 0.2666666667rem;
padding: 0 0.5333333333rem;
}
.page1 .top .tab div {
width: 4.3333333333rem;
height: 1rem;
color: #4D0D00;
font-size: 0.4533333333rem;
font-weight: 800;
background: url(../images/tab.png) no-repeat;
background-size: 100% 100%;
}
.page1 .top .tab .act {
background: url(../images/actTab.png) no-repeat;
background-size: 100% 100%;
}
.page1 .top .top1 {
width: 8rem;
height: 5.0666666667rem;
position: relative;
margin: 1rem auto 0;
}
.page1 .top .top1 .ts {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 2;
}
.page1 .top .top1 .tx {
width: 2.3733333333rem;
height: 2.3733333333rem;
border-radius: 50%;
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 1.3333333333rem;
}
.page1 .top .top1 .name {
width: 35%;
left: 50%;
transform: translateX(-50%);
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
height: 0.48rem;
line-height: 0.48rem;
position: absolute;
top: 4.2666666667rem;
display: flex;
z-index: 3;
flex-wrap: nowrap;
justify-content: center;
}
.page1 .top .top1 .name b {
max-width: 2.6rem;
text-align: right;
color: #FFF783;
font-size: 0.4rem;
font-weight: 500;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.page1 .top .top1 .name img {
display: inline-block;
width: 1.0266666667rem;
height: 0.48rem;
margin: 0 0.08rem;
}
.page1 .top .top1 .id {
width: 100%;
position: absolute;
top: 4.88rem;
text-align: center;
left: 0;
z-index: 3;
color: #FFF783;
font-size: 0.3733333333rem;
font-weight: 400;
}
.page1 .top .top1 .score {
height: 0.88rem;
line-height: 0.88rem;
position: absolute;
top: 5.3333333333rem;
left: 50%;
transform: translate(-50%, 0);
display: flex;
z-index: 3;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
background: url(../images/score_bg.png) no-repeat;
background-size: 100% 100%;
padding: 0 0.1333333333rem;
min-width: 2.4rem;
}
.page1 .top .top1 .score b {
color: #2D2A00;
font-size: 0.3733333333rem;
font-weight: 500;
}
.page1 .top .top1 .score img {
display: inline-block;
width: 0.4266666667rem;
height: 0.4266666667rem;
margin-right: 0.1rem;
}
.page1 .top .top2 {
width: 4rem;
height: 4rem;
position: absolute;
left: 0.6666666667rem;
top: 7.3333333333rem;
margin: 0 auto 0;
}
.page1 .top .top2 .ts {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 2;
}
.page1 .top .top2 .tx {
width: 2.3733333333rem;
height: 2.3733333333rem;
border-radius: 50%;
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 0.8266666667rem;
}
.page1 .top .top2 .name {
width: 83%;
left: 50%;
transform: translateX(-50%);
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
height: 0.48rem;
line-height: 0.48rem;
position: absolute;
top: 3.7866666667rem;
display: flex;
z-index: 3;
flex-wrap: nowrap;
justify-content: center;
}
.page1 .top .top2 .name b {
max-width: 2.6rem;
text-align: right;
color: #FFF783;
font-size: 0.4rem;
font-weight: 500;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.page1 .top .top2 .name img {
display: inline-block;
width: 1.0266666667rem;
height: 0.48rem;
margin: 0 0.08rem;
}
.page1 .top .top2 .id {
width: 100%;
position: absolute;
top: 4.3733333333rem;
text-align: center;
left: 0;
z-index: 3;
color: #FFF783;
font-size: 0.3733333333rem;
font-weight: 400;
}
.page1 .top .top2 .score {
height: 0.88rem;
line-height: 0.88rem;
position: absolute;
top: 4.9333333333rem;
left: 50%;
transform: translate(-50%, 0);
display: flex;
z-index: 3;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
background: url(../images/score_bg.png) no-repeat;
background-size: 100% 100%;
padding: 0 0.1333333333rem;
min-width: 2.4rem;
}
.page1 .top .top2 .score b {
color: #2D2A00;
font-size: 0.3733333333rem;
font-weight: 500;
}
.page1 .top .top2 .score img {
display: inline-block;
width: 0.4266666667rem;
height: 0.4266666667rem;
margin-right: 0.1rem;
}
.page1 .top .top3 {
width: 4rem;
height: 4rem;
position: absolute;
right: 0.6666666667rem;
top: 7.3333333333rem;
margin: 0 auto 0;
}
.page1 .top .top3 .ts {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 2;
}
.page1 .top .top3 .tx {
width: 2.3733333333rem;
height: 2.3733333333rem;
border-radius: 50%;
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 0.8266666667rem;
}
.page1 .top .top3 .name {
width: 83%;
left: 50%;
transform: translateX(-50%);
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
height: 0.48rem;
line-height: 0.48rem;
position: absolute;
top: 3.7866666667rem;
display: flex;
z-index: 3;
flex-wrap: nowrap;
justify-content: center;
}
.page1 .top .top3 .name b {
max-width: 2.6rem;
text-align: right;
color: #FFF783;
font-size: 0.4rem;
font-weight: 500;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.page1 .top .top3 .name img {
display: inline-block;
width: 1.0266666667rem;
height: 0.48rem;
margin: 0 0.08rem;
}
.page1 .top .top3 .id {
width: 100%;
position: absolute;
top: 4.3733333333rem;
text-align: center;
left: 0;
z-index: 3;
color: #FFF783;
font-size: 0.3733333333rem;
font-weight: 400;
}
.page1 .top .top3 .score {
height: 0.88rem;
line-height: 0.88rem;
position: absolute;
top: 4.9333333333rem;
left: 50%;
transform: translate(-50%, 0);
display: flex;
z-index: 3;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
background: url(../images/score_bg.png) no-repeat;
background-size: 100% 100%;
padding: 0 0.1333333333rem;
min-width: 2.4rem;
}
.page1 .top .top3 .score b {
color: #2D2A00;
font-size: 0.3733333333rem;
font-weight: 500;
}
.page1 .top .top3 .score img {
display: inline-block;
width: 0.4266666667rem;
height: 0.4266666667rem;
margin-right: 0.1rem;
}
.page1 .bottom {
width: 10rem;
height: 0.6666666667rem;
background: url(../images/bottomBg.png) no-repeat;
background-size: 100% 100%;
margin: -0.2rem auto 0;
position: relative;
z-index: 2;
}
.page1 .content {
width: 10rem;
height: auto;
margin: 0 auto 0;
background: url(../images/contentBg.png) no-repeat;
background-size: 100% 100%;
overflow: hidden;
}
.page1 .content ul {
width: 8.8rem;
margin: 0.3733333333rem auto 0rem;
}
.page1 .content ul li {
width: 100%;
background: linear-gradient(0deg, #9F0141, #760231);
margin-bottom: 0.3466666667rem;
overflow: hidden;
padding: 0 0.32rem 0.2533333333rem 0.2rem;
box-sizing: border-box;
background: url(../images/li_bg.png) no-repeat;
background-size: 100% 100%;
display: flex;
align-items: center;
}
.page1 .content ul li .num {
float: left;
width: 0.5333333333rem;
line-height: 1.5466666667rem;
color: #FFF783;
font-size: 0.4266666667rem;
font-weight: 600;
margin-right: 0.36rem;
text-align: center;
}
.page1 .content ul li .tx {
float: left;
width: 1.1066666667rem;
height: 1.1066666667rem;
border-radius: 50%;
border: 0.0266666667rem solid #FFF783;
display: block;
margin-top: 0.2533333333rem;
margin-right: 0.1866666667rem;
margin-left: 0.1866666667rem;
}
.page1 .content ul li .info {
float: left;
margin-top: 0.3333333333rem;
}
.page1 .content ul li .info p {
height: 0.48rem;
line-height: 0.48rem;
margin-bottom: 0.1333333333rem;
display: flex;
}
.page1 .content ul li .info p b {
max-width: 1.9rem;
display: inline-block;
height: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
color: #FFF783;
font-size: 0.4rem;
font-weight: 500;
}
.page1 .content ul li .info p img {
display: inline-block;
width: 1.0266666667rem;
height: 0.48rem;
margin: 0 0.08rem;
}
.page1 .content ul li .info span {
color: #FFF783;
font-size: 0.3733333333rem;
font-weight: 400;
display: block;
}
.page1 .content ul li .score {
display: flex;
height: 0.88rem;
line-height: 0.88rem;
margin-left: auto;
align-items: center;
background: url(../images/score_bg.png) no-repeat;
background-size: 100% 100%;
padding: 0 0.1333333333rem;
min-width: 2.4rem;
justify-content: center;
}
.page1 .content ul li .score img {
display: inline-block;
width: 0.4266666667rem;
height: 0.4266666667rem;
margin: 0 0.0666666667rem 0 0.0666666667rem;
vertical-align: middle;
}
.page1 .content ul li .score b {
font-weight: 500;
font-size: 0.3733333333rem;
color: #2D2A00;
vertical-align: middle;
}
.page1 .content .more {
width: 1.6533333333rem;
height: 0.5866666667rem;
line-height: 0.5866666667rem;
text-align: center;
padding: 0 0.4533333333rem;
margin: 0 auto 0.3rem;
color: #FFF783;
border: 0.0266666667rem solid #FFF783;
border-radius: 0.5866666667rem;
box-sizing: border-box;
font-size: 0.32rem;
font-weight: 500;
}
.page1 .my {
position: fixed;
z-index: 9;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 10rem;
background: #1B3021;
border-radius: 0.24rem 0.24rem 0px 0px;
border: 0.04rem solid #FFF783;
box-sizing: border-box;
padding: 0 0.52rem 0.2rem 0.2rem;
display: flex;
align-items: center;
}
.page1 .my .num {
float: left;
width: 0.5333333333rem;
height: 100%;
line-height: 1.7333333333rem;
color: #FFF783;
font-size: 0.4266666667rem;
font-weight: 600;
margin-right: 0.36rem;
text-align: center;
}
.page1 .my .tx {
float: left;
width: 1.1066666667rem;
height: 1.1066666667rem;
border-radius: 50%;
border: 0.0266666667rem solid #FFF783;
display: block;
margin-top: 0.2133333333rem;
margin-right: 0.1866666667rem;
margin-left: 0.1866666667rem;
}
.page1 .my .info {
float: left;
margin-top: 0.3333333333rem;
}
.page1 .my .info p {
height: 0.48rem;
line-height: 0.48rem;
margin-bottom: 0.1333333333rem;
}
.page1 .my .info p b {
max-width: 2rem;
display: inline-block;
height: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
color: #FFF783;
font-size: 0.4rem;
font-weight: 500;
}
.page1 .my .info p img {
display: inline-block;
width: 1.0266666667rem;
height: 0.48rem;
margin: 0 0.08rem;
}
.page1 .my .info span {
color: #FFF783;
font-size: 0.3733333333rem;
font-weight: 400;
display: block;
}
.page1 .my .score {
display: flex;
height: 0.88rem;
line-height: 0.88rem;
background: url(../images/score_bg.png) no-repeat;
background-size: 100% 100%;
padding: 0 0.1333333333rem;
min-width: 2.4rem;
align-items: center;
justify-content: center;
margin-left: auto;
}
.page1 .my .score img {
display: inline-block;
width: 0.4266666667rem;
height: 0.4266666667rem;
margin: 0 0.0666666667rem 0 0.0666666667rem;
vertical-align: middle;
}
.page1 .my .score b {
font-weight: 500;
font-size: 0.3733333333rem;
color: #2D2A00;
vertical-align: middle;
}
.page2 {
display: none;
margin: -0.5rem auto 0;
}
.page2 .top {
width: 10rem;
height: 2.1333333333rem;
position: relative;
margin: 0 auto -0.2rem;
overflow: hidden;
}
.page2 .top .tab {
width: 100%;
height: 1rem;
box-sizing: border-box;
line-height: 1rem;
text-align: center;
display: flex;
justify-content: space-between;
margin: 0rem auto 0;
position: absolute;
top: 40%;
gap: 0.2666666667rem;
padding: 0 0.5333333333rem;
}
.page2 .top .tab div {
width: 4.3333333333rem;
height: 1rem;
color: #4D0D00;
font-size: 0.4533333333rem;
font-weight: 800;
background: url(../images/tab.png) no-repeat;
background-size: 100% 100%;
}
.page2 .top .tab .act {
background: url(../images/actTab.png) no-repeat;
background-size: 100% 100%;
}
.page2 .bottom {
width: 10rem;
height: 0.6666666667rem;
background: url(../images/bottomBg.png) no-repeat;
background-size: 100% 100%;
margin: -0.2rem auto 0;
}
.page2 .content {
width: 10rem;
margin: 0 auto 0;
background: url(../images/rewardBg.png) no-repeat;
background-size: 100% 100%;
overflow: hidden;
}
.page2 .content .box {
width: 10rem;
height: 29.04rem;
margin: 0.2rem auto 0;
position: relative;
}
.page2 .content .box .bo {
position: absolute;
width: 0.6933333333rem;
height: 0.6933333333rem;
left: 1.88rem;
}
.page2 .content .box .bo1 {
top: 9.92rem;
}
.page2 .content .box .bo2 {
top: 23rem;
}
.page2 .content .box .bo3 {
top: 38.56rem;
}
.rules {
position: fixed;
z-index: 999;
right: 0;
bottom: 0;
left: 0;
top: 0;
background: rgba(0, 0, 0, 0.5);
display: none;
}
.rules .rule_in {
width: 10rem;
height: 6.4266666667rem;
background: url(../images/giftBox.png) no-repeat;
background-size: 100% 100%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.rules .rule_in .close {
position: absolute;
width: 0.9066666667rem;
height: 0.9066666667rem;
right: 0.2666666667rem;
top: -0.08rem;
}
.rules .rule_in .titles {
width: 7.5066666667rem;
height: 1.8533333333rem;
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 0.1066666667rem;
text-align: center;
color: #4D0D00;
font-size: 0.4533333333rem;
font-weight: 600;
line-height: 2.6133333333rem;
background: url(../images/title.png) no-repeat;
background-size: 100% 100%;
}
.rules .rule_in .text {
width: 8.2266666667rem;
height: 6.2rem;
overflow-y: scroll;
color: #FFF783;
font-size: 0.3733333333rem;
font-weight: 400;
line-height: 0.56rem;
margin: 2.1333333333rem auto 0;
}
.rules .rule_in .text::-webkit-scrollbar {
display: none;
}
.bottomText {
width: 100%;
text-align: center;
color: #FFF783;
font-size: 0.32rem;
font-weight: 400;
margin: 0.6666666667rem auto 2.4rem;
}
.video {
position: fixed;
left: 0;
top: 0;
bottom: 0;
right: 0;
background: rgba(0, 0, 0, 0.5);
z-index: 99;
display: none;
}
.video video {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 65%;
}
.video .close {
width: 0.9066666667rem;
height: 0.9066666667rem;
position: absolute;
top: 10%;
right: 0.9333333333rem;
z-index: 9;
}
.arabic .header {
background: url(../images/header.png) no-repeat;
background-size: 100% 100%;
}
.arabic .page1 .content ul li .score {
margin-right: auto;
margin-left: 0;
}
.arabic .page1 .my .score {
margin-right: auto;
margin-left: 0;
}
.Turkiye .page2 .content {
background: url(../images/rewardBg-tr.png) no-repeat;
background-size: 100% 100%;
}
.Turkiye .header {
background: url(../images/header-tr.png) no-repeat;
background-size: 100% 100%;
}

Binary file not shown.

Before

Width:  |  Height:  |  Size: 25 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.1 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.4 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.7 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.1 KiB

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