From f6408087219732eeb4f7b265e7a45a7cd0e66f97 Mon Sep 17 00:00:00 2001
From: agan <agan@yazhai.co>
Date: Fri, 12 Jul 2024 15:29:43 +0800
Subject: [PATCH] xg
---
activeFt/liveData/css/index2.css | 937 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
activeFt/liveData/images/7590/box-shadow.png | Bin 0 -> 3903 bytes
activeFt/liveData/images/7590/btn-get-en.png | Bin 0 -> 3317 bytes
activeFt/liveData/images/7590/btn-get-es.png | Bin 0 -> 8985 bytes
activeFt/liveData/images/7590/btn-get-tv.png | Bin 0 -> 3847 bytes
activeFt/liveData/images/7590/btn-get.png | Bin 0 -> 7770 bytes
activeFt/liveData/images/7590/check.png | Bin 0 -> 2898 bytes
activeFt/liveData/images/7590/content-box1.png | Bin 0 -> 26380 bytes
activeFt/liveData/images/7590/content-box2.png | Bin 0 -> 29928 bytes
activeFt/liveData/images/7590/content-box3.png | Bin 0 -> 24258 bytes
activeFt/liveData/images/7590/content-box4.png | Bin 0 -> 25216 bytes
activeFt/liveData/images/7590/fire1.png | Bin 0 -> 1922 bytes
activeFt/liveData/images/7590/fire2.png | Bin 0 -> 1014 bytes
activeFt/liveData/images/7590/icon_互动（直播间）.png | Bin 0 -> 21263 bytes
activeFt/liveData/images/7590/icon_礼物（直播间）.png | Bin 0 -> 18944 bytes
activeFt/liveData/images/7590/lock.png | Bin 0 -> 2732 bytes
activeFt/liveData/images/7590/room-tips-en.png | Bin 0 -> 139192 bytes
activeFt/liveData/images/7590/room-tips-es.png | Bin 0 -> 32565 bytes
activeFt/liveData/images/7590/room-tips-tv.png | Bin 0 -> 33803 bytes
activeFt/liveData/images/7590/room-tips.png | Bin 0 -> 136687 bytes
activeFt/liveData/images/7590/room-tips2-en.png | Bin 0 -> 137014 bytes
activeFt/liveData/images/7590/room-tips2-es.png | Bin 0 -> 29103 bytes
activeFt/liveData/images/7590/room-tips2-tv.png | Bin 0 -> 31213 bytes
activeFt/liveData/images/7590/room-tips2.png | Bin 0 -> 133455 bytes
activeFt/liveData/images/7590/room2-tips-en.png | Bin 0 -> 120155 bytes
activeFt/liveData/images/7590/room2-tips-es.png | Bin 0 -> 116900 bytes
activeFt/liveData/images/7590/room2-tips-tv.png | Bin 0 -> 124052 bytes
activeFt/liveData/images/7590/room2-tips.png | Bin 0 -> 112235 bytes
activeFt/liveData/images/7590/room2-tips2-en.png | Bin 0 -> 110404 bytes
activeFt/liveData/images/7590/room2-tips2-es.png | Bin 0 -> 105127 bytes
activeFt/liveData/images/7590/room2-tips2-tv.png | Bin 0 -> 105378 bytes
activeFt/liveData/images/7590/room2-tips2.png | Bin 0 -> 105879 bytes
activeFt/liveData/images/7590/table-en.png | Bin 0 -> 18041 bytes
activeFt/liveData/images/7590/table-es.png | Bin 0 -> 5358 bytes
activeFt/liveData/images/7590/table-tv.png | Bin 0 -> 5814 bytes
activeFt/liveData/images/7590/table.png | Bin 0 -> 19214 bytes
activeFt/liveData/images/7590/tips1-en.png | Bin 0 -> 17066 bytes
activeFt/liveData/images/7590/tips1-es.png | Bin 0 -> 17924 bytes
activeFt/liveData/images/7590/tips1-tv.png | Bin 0 -> 16231 bytes
activeFt/liveData/images/7590/tips1.png | Bin 0 -> 51044 bytes
activeFt/liveData/images/7590/tips2-en.png | Bin 0 -> 17298 bytes
activeFt/liveData/images/7590/tips2-es.png | Bin 0 -> 16970 bytes
activeFt/liveData/images/7590/tips2-tv.png | Bin 0 -> 16893 bytes
activeFt/liveData/images/7590/tips2.png | Bin 0 -> 49231 bytes
activeFt/liveData/images/7590/tips3-en.png | Bin 0 -> 50483 bytes
activeFt/liveData/images/7590/tips3-es.png | Bin 0 -> 18752 bytes
activeFt/liveData/images/7590/tips3-tv.png | Bin 0 -> 18442 bytes
activeFt/liveData/images/7590/tips3.png | Bin 0 -> 46787 bytes
activeFt/liveData/images/7590/top-box1-en.png | Bin 0 -> 1999 bytes
activeFt/liveData/images/7590/top-box1-es.png | Bin 0 -> 2008 bytes
activeFt/liveData/images/7590/top-box1-tv.png | Bin 0 -> 2377 bytes
activeFt/liveData/images/7590/top-box1.png | Bin 0 -> 6485 bytes
activeFt/liveData/images/7590/top-box2-en.png | Bin 0 -> 2575 bytes
activeFt/liveData/images/7590/top-box2-es.png | Bin 0 -> 2904 bytes
activeFt/liveData/images/7590/top-box2-tv.png | Bin 0 -> 2818 bytes
activeFt/liveData/images/7590/top-box2.png | Bin 0 -> 2637 bytes
activeFt/liveData/images/7590/top-box3-en.png | Bin 0 -> 2539 bytes
activeFt/liveData/images/7590/top-box3-es.png | Bin 0 -> 2868 bytes
activeFt/liveData/images/7590/top-box3-tv.png | Bin 0 -> 2958 bytes
activeFt/liveData/images/7590/top-box3.png | Bin 0 -> 2873 bytes
activeFt/liveData/index.html | 1097 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
activeFt/liveData/index2.html | 743 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
62 files changed, 2232 insertions(+), 545 deletions(-)
create mode 100644 activeFt/liveData/css/index2.css
create mode 100644 activeFt/liveData/images/7590/box-shadow.png
create mode 100644 activeFt/liveData/images/7590/btn-get-en.png
create mode 100644 activeFt/liveData/images/7590/btn-get-es.png
create mode 100644 activeFt/liveData/images/7590/btn-get-tv.png
create mode 100644 activeFt/liveData/images/7590/btn-get.png
create mode 100644 activeFt/liveData/images/7590/check.png
create mode 100644 activeFt/liveData/images/7590/content-box1.png
create mode 100644 activeFt/liveData/images/7590/content-box2.png
create mode 100644 activeFt/liveData/images/7590/content-box3.png
create mode 100644 activeFt/liveData/images/7590/content-box4.png
create mode 100644 activeFt/liveData/images/7590/fire1.png
create mode 100644 activeFt/liveData/images/7590/fire2.png
create mode 100644 activeFt/liveData/images/7590/icon_互动（直播间）.png
create mode 100644 activeFt/liveData/images/7590/icon_礼物（直播间）.png
create mode 100644 activeFt/liveData/images/7590/lock.png
create mode 100644 activeFt/liveData/images/7590/room-tips-en.png
create mode 100644 activeFt/liveData/images/7590/room-tips-es.png
create mode 100644 activeFt/liveData/images/7590/room-tips-tv.png
create mode 100644 activeFt/liveData/images/7590/room-tips.png
create mode 100644 activeFt/liveData/images/7590/room-tips2-en.png
create mode 100644 activeFt/liveData/images/7590/room-tips2-es.png
create mode 100644 activeFt/liveData/images/7590/room-tips2-tv.png
create mode 100644 activeFt/liveData/images/7590/room-tips2.png
create mode 100644 activeFt/liveData/images/7590/room2-tips-en.png
create mode 100644 activeFt/liveData/images/7590/room2-tips-es.png
create mode 100644 activeFt/liveData/images/7590/room2-tips-tv.png
create mode 100644 activeFt/liveData/images/7590/room2-tips.png
create mode 100644 activeFt/liveData/images/7590/room2-tips2-en.png
create mode 100644 activeFt/liveData/images/7590/room2-tips2-es.png
create mode 100644 activeFt/liveData/images/7590/room2-tips2-tv.png
create mode 100644 activeFt/liveData/images/7590/room2-tips2.png
create mode 100644 activeFt/liveData/images/7590/table-en.png
create mode 100644 activeFt/liveData/images/7590/table-es.png
create mode 100644 activeFt/liveData/images/7590/table-tv.png
create mode 100644 activeFt/liveData/images/7590/table.png
create mode 100644 activeFt/liveData/images/7590/tips1-en.png
create mode 100644 activeFt/liveData/images/7590/tips1-es.png
create mode 100644 activeFt/liveData/images/7590/tips1-tv.png
create mode 100644 activeFt/liveData/images/7590/tips1.png
create mode 100644 activeFt/liveData/images/7590/tips2-en.png
create mode 100644 activeFt/liveData/images/7590/tips2-es.png
create mode 100644 activeFt/liveData/images/7590/tips2-tv.png
create mode 100644 activeFt/liveData/images/7590/tips2.png
create mode 100644 activeFt/liveData/images/7590/tips3-en.png
create mode 100644 activeFt/liveData/images/7590/tips3-es.png
create mode 100644 activeFt/liveData/images/7590/tips3-tv.png
create mode 100644 activeFt/liveData/images/7590/tips3.png
create mode 100644 activeFt/liveData/images/7590/top-box1-en.png
create mode 100644 activeFt/liveData/images/7590/top-box1-es.png
create mode 100644 activeFt/liveData/images/7590/top-box1-tv.png
create mode 100644 activeFt/liveData/images/7590/top-box1.png
create mode 100644 activeFt/liveData/images/7590/top-box2-en.png
create mode 100644 activeFt/liveData/images/7590/top-box2-es.png
create mode 100644 activeFt/liveData/images/7590/top-box2-tv.png
create mode 100644 activeFt/liveData/images/7590/top-box2.png
create mode 100644 activeFt/liveData/images/7590/top-box3-en.png
create mode 100644 activeFt/liveData/images/7590/top-box3-es.png
create mode 100644 activeFt/liveData/images/7590/top-box3-tv.png
create mode 100644 activeFt/liveData/images/7590/top-box3.png
create mode 100644 activeFt/liveData/index2.html
diff --git a/activeFt/liveData/css/index2.css b/activeFt/liveData/css/index2.css
new file mode 100644
index 0000000..65ac02d
--- /dev/null
+++ b/activeFt/liveData/css/index2.css
@@ -0,0 +1,937 @@
+.bg {
+ width: 10rem;
+ margin: 0 auto;
+ position: relative;
+}
+.live-title {
+ font-size: 0.35rem;
+ color: #333333;
+ text-indent: 0.5rem;
+ padding-top: 0.6rem;
+ font-weight: 700;
+}
+.live-top-box {
+ width: 9rem;
+ height: 1.18rem;
+ background: #FED7DA;
+ border-radius: 0.2rem;
+ margin: 0 auto;
+ line-height: 1.18rem;
+ margin-top: 0.2rem;
+}
+.live-top-p1 {
+ float: left;
+ color: #343333;
+ font-size: 0.35rem;
+ text-indent: 0.4rem;
+}
+.live-top-p2 {
+ float: right;
+ color: #E3257C;
+ font-size: 0.35rem;
+ margin-right: 0.4rem;
+}
+.live-line {
+ background: #F5F5F5;
+ height: 0.15rem;
+ width: 10rem;
+ margin-top: 0.35rem;
+}
+.live-line2 {
+ background: #F5F5F5;
+ height: 0.15rem;
+ width: 10rem;
+}
+.live-content {
+ width: 10rem;
+ height: 5.65rem;
+ position: relative;
+}
+.tips-top-box-li1 {
+ width: 3.62rem;
+ height: 1.5rem;
+ margin-bottom: 0.15rem;
+ position: absolute;
+ background: url(../images/7590/top-box1.png?v=2023050901) no-repeat;
+ background-size: 100% 100%;
+ top: -0.73rem;
+ left: 0.05rem;
+ border-radius: 0.32rem;
+ box-shadow: 0 0 0.3rem #fff;
+}
+.tips-top-box-li1 > p {
+ color: #fff;
+ font-size: 0.4rem;
+ font-weight: 700;
+ position: absolute;
+ width: 3.62rem;
+ top: 0.7rem;
+ text-indent: 0.4rem;
+}
+.tips-top-box-li2 {
+ width: 3.62rem;
+ height: 1.5rem;
+ margin-bottom: 0.15rem;
+ position: absolute;
+ background: url(../images/7590/top-box2.png?v=2023050901) no-repeat;
+ background-size: 100% 100%;
+ top: -0.73rem;
+ left: 0.05rem;
+ border-radius: 0.32rem;
+ box-shadow: 0 0 0.3rem #fff;
+}
+.tips-top-box-li2 > p {
+ color: #fff;
+ font-size: 0.4rem;
+ font-weight: 700;
+ position: absolute;
+ width: 3.62rem;
+ top: 0.7rem;
+ text-indent: 0.4rem;
+}
+.top-box-ul {
+ width: 3.62rem;
+ position: absolute;
+ top: 0.35rem;
+ left: 0.45rem;
+}
+.top-box-ul li {
+ width: 3.62rem;
+ height: 1.5rem;
+ margin-bottom: 0.15rem;
+ position: relative;
+}
+.top-box-ul li > p {
+ color: #fff;
+ font-size: 0.4rem;
+ font-weight: 700;
+ position: absolute;
+ width: 3.62rem;
+ top: 0.7rem;
+ text-indent: 0.4rem;
+}
+.top-box-ul .top-box-li1 {
+ background: url(../images/7590/top-box1.png?v=2023050901) no-repeat;
+ background-size: 100% 100%;
+}
+.top-box-ul .top-box-li2 {
+ background: url(../images/7590/top-box2.png?v=2023050901) no-repeat;
+ background-size: 100% 100%;
+}
+.top-box-ul .top-box-li2 .top-box-tips {
+ box-shadow: 0 0 0.2rem #76E9DF;
+}
+.top-box-ul .top-box-li2 span {
+ color: #76E9DF;
+}
+.top-box-ul .top-box-li3 {
+ background: url(../images/7590/top-box3.png?v=2023050901) no-repeat;
+ background-size: 100% 100%;
+}
+.top-box-ul .top-box-li3 .top-box-tips {
+ box-shadow: 0 0 0.2rem #b287f8;
+ height: 1.1rem;
+}
+.top-box-ul .top-box-li3 .triangle {
+ top: 0.4rem;
+}
+.day-top-box {
+ height: 1.15rem;
+ width: 10rem;
+ position: relative;
+}
+.day-top-box .day-top-box-p {
+ color: #1F1F1F;
+ font-weight: 700;
+ font-size: 0.35rem;
+ line-height: 1.15rem;
+ text-indent: 0.55rem;
+}
+.day-top-box .day-top-box-p2 {
+ color: #E31C74;
+ font-size: 0.35rem;
+ position: absolute;
+ right: 0.5rem;
+ bottom: 0.35rem;
+}
+.day-top-box .day-top-box-p2 img {
+ vertical-align: middle;
+ margin-top: -0.05rem;
+ width: 0.33rem;
+}
+.day-box-content > div {
+ position: relative;
+ width: 4.48rem;
+ height: 3.1rem;
+ float: left;
+ margin-left: 0.33rem;
+ margin-bottom: 0.2rem;
+}
+.day-box-content .day-box1 {
+ background: url(../images/7590/content-box1.png?v=2023050901) no-repeat;
+ background-size: 100% 100%;
+}
+.day-box-content .day-box1 .day-title {
+ color: #1A5679;
+ font-size: 0.5rem;
+ font-weight: 700;
+ position: absolute;
+ top: 0.35rem;
+ left: 0.4rem;
+}
+.day-box-content .day-box1 .percentage-num {
+ color: #1A5679;
+}
+.day-box-content .day-box1 .bar-nav {
+ background: #438bb4;
+}
+.day-box-content .day-box1 .day-num {
+ position: absolute;
+ font-size: 0.38rem;
+ color: #3290C7;
+ text-align: right;
+ font-weight: 700;
+ right: 0.35rem;
+ top: 0.43rem;
+}
+.day-box-content .day-box2 {
+ background: url(../images/7590/content-box4.png?v=2023050901) no-repeat;
+ background-size: 100% 100%;
+}
+.day-box-content .day-box2 .day-title {
+ color: #63319B;
+ font-size: 0.5rem;
+ font-weight: 700;
+ position: absolute;
+ top: 0.35rem;
+ left: 0.4rem;
+}
+.day-box-content .day-box2 .percentage-num {
+ color: #63319B;
+}
+.day-box-content .day-box2 .bar-nav {
+ background: #7B2CD4;
+}
+.day-box-content .day-box2 .day-num {
+ line-height: 0.5rem;
+ font-size: 0.4rem;
+ color: #7B2CD4;
+ position: absolute;
+ font-weight: 700;
+ right: 0.35rem;
+ top: 0.43rem;
+}
+.day-box-content .day-box2 .day-num img {
+ width: 0.33rem;
+ vertical-align: middle;
+ margin-top: -0.05rem;
+}
+.day-box-content .day-box3 {
+ background: url(../images/7590/content-box3.png?v=2023050901) no-repeat;
+ background-size: 100% 100%;
+}
+.day-box-content .day-box3 .day-title {
+ color: #A0054F;
+ font-size: 0.5rem;
+ font-weight: 700;
+ position: absolute;
+ top: 0.35rem;
+ left: 0.4rem;
+}
+.day-box-content .day-box3 .percentage-num {
+ color: #A0054F;
+}
+.day-box-content .day-box3 .bar-nav {
+ background: #E53985;
+}
+.day-box-content .day-box3 .day-num {
+ line-height: 0.5rem;
+ font-size: 0.4rem;
+ color: #E53985;
+ position: absolute;
+ font-weight: 700;
+ right: 0.35rem;
+ top: 0.43rem;
+}
+.day-box-content .day-box4 {
+ background: url(../images/7590/content-box2.png?v=2023050901) no-repeat;
+ background-size: 100% 100%;
+}
+.day-box-content .day-box4 .day-title {
+ color: #216A64;
+ font-size: 0.5rem;
+ font-weight: 700;
+ position: absolute;
+ top: 0.35rem;
+ left: 0.4rem;
+}
+.day-box-content .day-box4 .percentage-num {
+ color: #216A64;
+}
+.day-box-content .day-box4 .bar-nav {
+ background: #10A497;
+}
+.day-box-content .day-box4 .day-num {
+ line-height: 0.5rem;
+ font-size: 0.4rem;
+ color: #10A497;
+ position: absolute;
+ font-weight: 700;
+ right: 0.35rem;
+ top: 0.43rem;
+}
+.day-box-content .day-box4 .day-num img {
+ width: 0.33rem;
+ vertical-align: middle;
+ margin-top: -0.05rem;
+}
+.day-box-content .day-box5 {
+ background: url(../images/7590/content-box3.png?v=2023050901) no-repeat;
+ background-size: 100% 100%;
+}
+.day-box-content .day-box5 .day-title {
+ color: #A0054F;
+ font-size: 0.5rem;
+ font-weight: 700;
+ position: absolute;
+ top: 0.35rem;
+ left: 0.4rem;
+}
+.day-box-content .day-box5 .percentage-num {
+ color: #A0054F;
+}
+.day-box-content .day-box5 .bar-nav {
+ background: #E53985;
+}
+.day-box-content .day-box5 .day-num {
+ line-height: 0.5rem;
+ font-size: 0.4rem;
+ color: #E53985;
+ position: absolute;
+ font-weight: 700;
+ right: 0.35rem;
+ top: 0.43rem;
+}
+.day-box-content .day-box6 {
+ background: url(../images/7590/content-box2.png?v=2023050901) no-repeat;
+ background-size: 100% 100%;
+}
+.day-box-content .day-box6 .day-title {
+ color: #216A64;
+ font-size: 0.5rem;
+ font-weight: 700;
+ position: absolute;
+ top: 0.35rem;
+ left: 0.4rem;
+}
+.day-box-content .day-box6 .percentage-num {
+ color: #216A64;
+}
+.day-box-content .day-box6 .bar-nav {
+ background: #10A497;
+}
+.day-box-content .day-box6 .day-num {
+ line-height: 0.5rem;
+ font-size: 0.4rem;
+ color: #10A497;
+ position: absolute;
+ font-weight: 700;
+ right: 0.35rem;
+ top: 0.43rem;
+}
+.percentage-num {
+ font-size: 0.33rem;
+ position: absolute;
+ top: 1.7rem;
+ left: 0.4rem;
+ font-weight: 700;
+}
+.bar-big-box {
+ width: 3.7rem;
+ height: 0.3rem;
+ background: rgba(255, 255, 255, 0.5);
+ border-radius: 1rem;
+ position: absolute;
+ left: 50%;
+ margin-left: -1.85rem;
+ top: 2.3rem;
+}
+.bar-big-box .bar-content {
+ width: 3.6rem;
+ height: 0.2rem;
+ position: absolute;
+ top: 0.05rem;
+ left: 0.05rem;
+ border-radius: 1rem;
+ overflow: hidden;
+}
+.bar-big-box .bar-nav {
+ width: 0%;
+ height: 0.2rem;
+ border-radius: 1rem;
+}
+.top-box-ul .top-box-li1-en {
+ background: url(../images/7590/top-box1-en.png?v=2023050901) no-repeat;
+ background-size: 100% 100%;
+}
+.top-box-ul .top-box-li2-en {
+ background: url(../images/7590/top-box2-en.png?v=2023050901) no-repeat;
+ background-size: 100% 100%;
+}
+.top-box-ul .top-box-li3-en {
+ background: url(../images/7590/top-box3-en.png?v=2023050901) no-repeat;
+ background-size: 100% 100%;
+}
+.top-box-ul .top-box-li1-tv {
+ background: url(../images/7590/top-box1-tv.png?v=2023050901) no-repeat;
+ background-size: 100% 100%;
+}
+.top-box-ul .top-box-li2-tv {
+ background: url(../images/7590/top-box2-tv.png?v=2023050901) no-repeat;
+ background-size: 100% 100%;
+}
+.top-box-ul .top-box-li3-tv {
+ background: url(../images/7590/top-box3-tv.png?v=2023050901) no-repeat;
+ background-size: 100% 100%;
+}
+.top-box-ul .top-box-li1-es {
+ background: url(../images/7590/top-box1-es.png?v=2023050901) no-repeat;
+ background-size: 100% 100%;
+}
+.top-box-ul .top-box-li2-es {
+ background: url(../images/7590/top-box2-es.png?v=2023050901) no-repeat;
+ background-size: 100% 100%;
+}
+.top-box-ul .top-box-li3-es {
+ background: url(../images/7590/top-box3-es.png?v=2023050901) no-repeat;
+ background-size: 100% 100%;
+}
+.award-box {
+ position: absolute;
+ top: 1.6rem;
+ right: 0.4rem;
+ height: 0.56rem;
+ line-height: 0.56rem;
+ background: rgba(0, 0, 0, 0.15);
+ border-radius: 1rem;
+ font-size: 0.3rem;
+ color: #fff;
+ text-align: center;
+ padding-left: 0.15rem;
+ padding-right: 0.15rem;
+}
+.award-box > img {
+ width: 0.25rem;
+ vertical-align: middle;
+ margin-top: -0.02rem;
+}
+.btn-get {
+ width: 3.96rem;
+ height: 0.64rem;
+ position: absolute;
+ background: url(../images/7590/btn-get.png?v=2023050901) no-repeat;
+ background-size: 100% 100%;
+ left: 50%;
+ margin-left: -1.98rem;
+ top: 2.25rem;
+ display: none;
+}
+.btn-get-en {
+ background: url(../images/7590/btn-get-en.png?v=2023050901) no-repeat;
+ background-size: 100% 100%;
+}
+.btn-get-tv {
+ background: url(../images/7590/btn-get-tv.png?v=2023050901) no-repeat;
+ background-size: 100% 100%;
+}
+.btn-get-es {
+ background: url(../images/7590/btn-get-es.png?v=2023050901) no-repeat;
+ background-size: 100% 100%;
+}
+.top-box-view {
+ width: 5.6rem;
+ height: 5.6rem;
+ position: absolute;
+ right: 0;
+}
+.circleChart1 {
+ width: 5.6rem;
+ height: 5.6rem;
+ line-height: 5.6rem;
+ position: absolute;
+ top: 0;
+ right: 0;
+ font-size: 0;
+ text-align: center;
+}
+.circleChart1 canvas {
+ display: inline-block !important;
+ vertical-align: middle;
+ height: 4.1rem;
+}
+.circleChart2 {
+ width: 5.6rem;
+ height: 5.6rem;
+ position: absolute !important;
+ top: 0;
+ right: 0;
+ font-size: 0;
+ text-align: center;
+ line-height: 5.6rem;
+}
+.circleChart2 canvas {
+ display: inline-block !important;
+ vertical-align: middle;
+ height: 3.25rem;
+}
+.circleChart3 {
+ width: 5.6rem;
+ height: 5.6rem;
+ position: absolute !important;
+ top: 0;
+ right: 0;
+ font-size: 0;
+ text-align: center;
+ line-height: 5.6rem;
+}
+.circleChart3 canvas {
+ display: inline-block !important;
+ vertical-align: middle;
+ height: 2.42rem;
+}
+.top-box-tips {
+ position: absolute;
+ width: 3.5rem;
+ height: 2.9rem;
+ background: #FFFFFF;
+ border-radius: 0.2rem;
+ box-shadow: 0 0 0.2rem #f885b7;
+ left: 4.1rem;
+ z-index: 5;
+}
+.top-box-tips1 {
+ color: #333333;
+ font-size: 0.3rem;
+ text-indent: 0.2rem;
+ line-height: 0.45rem;
+ padding-top: 0.15rem;
+}
+.top-box-tips1 span {
+ color: #FD72AB;
+}
+.top-box-tips2 {
+ color: #333333;
+ font-size: 0.3rem;
+ text-indent: 0.2rem;
+ line-height: 0.45rem;
+}
+.top-box-tips2 span {
+ color: #FD72AB;
+}
+.top-box-tips3 {
+ color: #333333;
+ font-size: 0.3rem;
+ text-indent: 0.2rem;
+ line-height: 0.45rem;
+}
+.top-box-tips3 span {
+ color: #FD72AB;
+}
+.top-box-content-tips {
+ margin-left: 0.2rem;
+ font-size: 0.3rem;
+ width: 3.15rem;
+ margin-top: 0.1rem;
+}
+.box-shadow {
+ width: 4.48rem;
+ height: 3.01rem;
+ position: absolute;
+ background: url(../images/7590/box-shadow.png?v=2023050901) no-repeat;
+ background-size: 100% 100%;
+ left: 0;
+ top: 0;
+ z-index: 50;
+ text-align: center;
+ line-height: 3.01rem;
+ font-size: 0;
+}
+.box-shadow .lock {
+ vertical-align: middle;
+ width: 0.69rem;
+}
+.box-shadow .check {
+ vertical-align: middle;
+ width: 0.89rem;
+}
+.triangle {
+ position: absolute;
+ width: 0;
+ height: 0;
+ border-style: solid;
+ border-width: 0 0.2rem 0.3rem;
+ border-color: transparent transparent #fff;
+ transform: rotate(-90deg);
+ left: -0.2rem;
+ top: 0.6rem;
+}
+.tips1-box {
+ position: absolute;
+ left: 0.42rem;
+ top: 4rem;
+}
+.tips2-box {
+ position: absolute;
+ left: 0.42rem;
+ top: 5.6rem;
+}
+.tips1 {
+ width: 9.16rem;
+ height: 5.16rem;
+ background: url(../images/7590/tips1.png?v=2023050901) no-repeat;
+ background-size: 100% 100%;
+ position: absolute;
+}
+.tips1-en {
+ background: url(../images/7590/tips1-en.png?v=2023050901) no-repeat;
+ background-size: 100% 100%;
+ width: 9.44rem;
+ height: 6.38rem;
+}
+.tips1-tv {
+ background: url(../images/7590/tips1-tv.png?v=2023050901) no-repeat;
+ background-size: 100% 100%;
+ width: 9.44rem;
+ height: 6.38rem;
+}
+.tips1-es {
+ background: url(../images/7590/tips1-es.png?v=2023050901) no-repeat;
+ background-size: 100% 100%;
+ width: 9.44rem;
+ height: 6.38rem;
+}
+.tips2 {
+ height: 5.22rem;
+ width: 9.16rem;
+ background: url(../images/7590/tips2.png?v=2023050901) no-repeat;
+ background-size: 100% 100%;
+ position: absolute;
+}
+.tips2-en {
+ background: url(../images/7590/tips2-en.png?v=2023050901) no-repeat;
+ background-size: 100% 100%;
+ width: 9.4rem;
+ height: 6.37rem;
+}
+.tips2-tv {
+ background: url(../images/7590/tips2-tv.png?v=2023050901) no-repeat;
+ background-size: 100% 100%;
+ width: 9.4rem;
+ height: 6.37rem;
+}
+.tips2-es {
+ background: url(../images/7590/tips2-es.png?v=2023050901) no-repeat;
+ background-size: 100% 100%;
+ width: 9.4rem;
+ height: 6.37rem;
+}
+.tips-shadow {
+ position: absolute;
+ width: 10rem;
+ height: 20rem;
+ left: 50%;
+ top: 0;
+ background: rgba(0, 0, 0, 0.8);
+ z-index: 500;
+ margin-left: -5rem;
+}
+.tips3-box {
+ position: absolute;
+ left: 0.8rem;
+ top: 13.25rem;
+}
+.tips3 {
+ width: 8.76rem;
+ height: 5.81rem;
+ background: url(../images/7590/tips3.png?v=2023050901) no-repeat;
+ background-size: 100% 100%;
+ position: absolute;
+}
+.tips3-en {
+ background: url(../images/7590/tips3-en.png?v=2023050901) no-repeat;
+ background-size: 100% 100%;
+ width: 9.08rem;
+ height: 6.56rem;
+}
+.tips3-tv {
+ background: url(../images/7590/tips3-tv.png?v=2023050901) no-repeat;
+ background-size: 100% 100%;
+ width: 9.56rem;
+ height: 6.64rem;
+}
+.tips3-es {
+ background: url(../images/7590/tips3-es.png?v=2023050901) no-repeat;
+ background-size: 100% 100%;
+ width: 9.56rem;
+ height: 6.64rem;
+}
+.tips3-box1 {
+ position: absolute;
+ left: 2.9rem;
+ top: 0.1rem;
+ width: 0.7rem;
+ height: 0.7rem;
+ font-size: 0.4rem;
+ font-weight: 700;
+ text-align: center;
+ line-height: 0.7rem;
+ background: #FB9CC8;
+ color: #E53985;
+ border-radius: 0.1rem;
+ box-shadow: 0 0 0.2rem #FB9CC8, 0 0 0.3rem #FB9CC8, 0 0 0.3rem #FB9CC8, 0 0 0.3rem #FB9CC8;
+}
+.tips3-box2 {
+ position: absolute;
+ top: 1.6rem;
+ right: 5.1rem;
+ height: 0.56rem;
+ line-height: 0.56rem;
+ background: #D576A4;
+ box-shadow: 0 0 0.2rem #FB9CC8, 0 0 0.3rem #FB9CC8, 0 0 0.3rem #FB9CC8;
+ border-radius: 1rem;
+ font-size: 0.3rem;
+ color: #fff;
+ text-align: center;
+ padding-left: 0.15rem;
+ padding-right: 0.15rem;
+}
+.tips3-box2 > img {
+ width: 0.25rem;
+ vertical-align: middle;
+ margin-top: -0.02rem;
+}
+.tips1-ok {
+ position: absolute;
+ width: 2.5rem;
+ height: 1rem;
+ top: 4.15rem;
+ left: 3.15rem;
+}
+.tips2-ok {
+ position: absolute;
+ width: 2.5rem;
+ height: 1rem;
+ top: 4.23rem;
+ left: 3.15rem;
+}
+.tips3-ok {
+ position: absolute;
+ width: 2.5rem;
+ height: 1rem;
+ top: 4.82rem;
+ left: 3.65rem;
+}
+.rule-bg {
+ width: 10rem;
+ margin: 0 auto;
+ position: relative;
+}
+.rule-bg > p {
+ position: relative;
+ font-size: 0.35rem;
+ line-height: 0.6rem;
+ width: 8.8rem;
+ margin-left: 0.7rem;
+ margin-right: 0.5rem;
+ margin-top: 0.15rem;
+}
+.rule-bg > p > span {
+ position: absolute;
+ left: -0.35rem;
+}
+.rule-bg .rule-p1 {
+ width: 9.2rem;
+ margin: 0 auto;
+ margin-top: 0.15rem;
+}
+.rule-bg .rule-p2 {
+ font-weight: 700;
+ margin-top: 0.2rem;
+ margin-bottom: 0.2rem;
+ position: relative;
+ left: -0.35rem;
+}
+.rule-bg .rule-p7 {
+ font-weight: 700;
+ margin-top: 0.2rem;
+ margin-bottom: 0.2rem;
+ position: relative;
+ left: -0.35rem;
+}
+.table {
+ width: 9.3rem;
+ height: 2.16rem;
+ background: url(../images/7590/table.png?v=2023050901) no-repeat;
+ background-size: 100% 100%;
+ margin: 0 auto;
+ margin-top: 0.15rem;
+}
+.table-en {
+ background: url(../images/7590/table-en.png?v=2023050901) no-repeat;
+ background-size: 100% 100%;
+}
+.table-tv {
+ background: url(../images/7590/table-tv.png?v=2023050901) no-repeat;
+ background-size: 100% 100%;
+}
+.table-es {
+ background: url(../images/7590/table-es.png?v=2023050901) no-repeat;
+ background-size: 100% 100%;
+}
+.rule-btn {
+ font-size: 0.33rem;
+ position: absolute;
+ right: 0.7rem;
+ top: 0.65rem;
+ color: #E3257C;
+}
+.room-tips {
+ width: 10rem;
+ height: 11.58rem;
+ background: url(../images/7590/room-tips.png) no-repeat;
+ background-size: 100% 100%;
+ position: absolute;
+ top: 2.6rem;
+}
+.room-tips2 {
+ display: none;
+ width: 10rem;
+ height: 11.58rem;
+ background: url(../images/7590/room-tips2.png) no-repeat;
+ background-size: 100% 100%;
+ position: absolute;
+ top: 2.6rem;
+}
+.room-tips2 .tips-btn {
+ top: 8.5rem;
+}
+.room-tips-en {
+ background: url(../images/7590/room-tips-en.png) no-repeat;
+ background-size: 100% 100%;
+}
+.room-tips-en .tips-btn {
+ top: 8.2rem;
+}
+.room-tips-es {
+ background: url(../images/7590/room-tips-es.png) no-repeat;
+ background-size: 100% 100%;
+}
+.room-tips-es .tips-btn {
+ top: 8.3rem;
+}
+.room-tips-tv {
+ background: url(../images/7590/room-tips-tv.png) no-repeat;
+ background-size: 100% 100%;
+}
+.room-tips-tv .tips-btn {
+ top: 9.3rem;
+}
+.room-tips2-en {
+ background: url(../images/7590/room-tips2-en.png) no-repeat;
+ background-size: 100% 100%;
+}
+.room-tips2-en .tips-btn {
+ top: 9.65rem;
+}
+.room-tips2-es {
+ background: url(../images/7590/room-tips2-es.png) no-repeat;
+ background-size: 100% 100%;
+}
+.room-tips2-es .tips-btn {
+ top: 9.8rem;
+}
+.room-tips2-tv {
+ background: url(../images/7590/room-tips2-tv.png) no-repeat;
+ background-size: 100% 100%;
+}
+.room-tips2-tv .tips-btn {
+ top: 10.3rem;
+}
+.tips-btn {
+ position: absolute;
+ width: 2.5rem;
+ height: 1rem;
+ top: 6.5rem;
+ left: 3.4rem;
+}
+.room2-tips {
+ width: 10rem;
+ height: 11.12rem;
+ background: url(../images/7590/room2-tips.png) no-repeat;
+ background-size: 100% 100%;
+ position: absolute;
+ top: 0rem;
+}
+.room2-tips .tips-btn {
+ position: absolute;
+ width: 2.5rem;
+ height: 1rem;
+ top: 7.2rem;
+ left: 3.6rem;
+}
+.room2-tips2 {
+ display: none;
+ width: 10rem;
+ height: 11.12rem;
+ background: url(../images/7590/room2-tips2.png) no-repeat;
+ background-size: 100% 100%;
+ position: absolute;
+ top: 0rem;
+}
+.room2-tips2 .tips-btn {
+ top: 7.3rem;
+ left: 3.6rem;
+}
+.room2-tips-en {
+ background: url(../images/7590/room2-tips-en.png) no-repeat;
+ background-size: 100% 100%;
+}
+.room2-tips-en .tips-btn {
+ top: 9rem;
+ left: 3.9rem;
+}
+.room2-tips-es {
+ background: url(../images/7590/room2-tips-es.png) no-repeat;
+ background-size: 100% 100%;
+}
+.room2-tips-es .tips-btn {
+ top: 9rem;
+}
+.room2-tips-tv {
+ background: url(../images/7590/room2-tips-tv.png) no-repeat;
+ background-size: 100% 100%;
+}
+.room2-tips-tv .tips-btn {
+ top: 10rem;
+}
+.room2-tips2-en {
+ background: url(../images/7590/room2-tips2-en.png) no-repeat;
+ background-size: 100% 100%;
+}
+.room2-tips2-en .tips-btn {
+ top: 8.45rem;
+}
+.room2-tips2-es {
+ background: url(../images/7590/room2-tips2-es.png) no-repeat;
+ background-size: 100% 100%;
+}
+.room2-tips2-es .tips-btn {
+ top: 8.4rem;
+}
+.room2-tips2-tv {
+ background: url(../images/7590/room2-tips2-tv.png) no-repeat;
+ background-size: 100% 100%;
+}
+.room2-tips2-tv .tips-btn {
+ top: 9.1rem;
+}
diff --git a/activeFt/liveData/images/7590/box-shadow.png b/activeFt/liveData/images/7590/box-shadow.png
new file mode 100644
index 0000000..a77e5d3
Binary files /dev/null and b/activeFt/liveData/images/7590/box-shadow.png differ
diff --git a/activeFt/liveData/images/7590/btn-get-en.png b/activeFt/liveData/images/7590/btn-get-en.png
new file mode 100644
index 0000000..0b6af23
Binary files /dev/null and b/activeFt/liveData/images/7590/btn-get-en.png differ
diff --git a/activeFt/liveData/images/7590/btn-get-es.png b/activeFt/liveData/images/7590/btn-get-es.png
new file mode 100644
index 0000000..cc83f12
Binary files /dev/null and b/activeFt/liveData/images/7590/btn-get-es.png differ
diff --git a/activeFt/liveData/images/7590/btn-get-tv.png b/activeFt/liveData/images/7590/btn-get-tv.png
new file mode 100644
index 0000000..037d885
Binary files /dev/null and b/activeFt/liveData/images/7590/btn-get-tv.png differ
diff --git a/activeFt/liveData/images/7590/btn-get.png b/activeFt/liveData/images/7590/btn-get.png
new file mode 100644
index 0000000..601a63f
Binary files /dev/null and b/activeFt/liveData/images/7590/btn-get.png differ
diff --git a/activeFt/liveData/images/7590/check.png b/activeFt/liveData/images/7590/check.png
new file mode 100644
index 0000000..1bcb9d5
Binary files /dev/null and b/activeFt/liveData/images/7590/check.png differ
diff --git a/activeFt/liveData/images/7590/content-box1.png b/activeFt/liveData/images/7590/content-box1.png
new file mode 100644
index 0000000..bca2191
Binary files /dev/null and b/activeFt/liveData/images/7590/content-box1.png differ
diff --git a/activeFt/liveData/images/7590/content-box2.png b/activeFt/liveData/images/7590/content-box2.png
new file mode 100644
index 0000000..bcee2f9
Binary files /dev/null and b/activeFt/liveData/images/7590/content-box2.png differ
diff --git a/activeFt/liveData/images/7590/content-box3.png b/activeFt/liveData/images/7590/content-box3.png
new file mode 100644
index 0000000..1c245d9
Binary files /dev/null and b/activeFt/liveData/images/7590/content-box3.png differ
diff --git a/activeFt/liveData/images/7590/content-box4.png b/activeFt/liveData/images/7590/content-box4.png
new file mode 100644
index 0000000..4288cee
Binary files /dev/null and b/activeFt/liveData/images/7590/content-box4.png differ
diff --git a/activeFt/liveData/images/7590/fire1.png b/activeFt/liveData/images/7590/fire1.png
new file mode 100644
index 0000000..b858792
Binary files /dev/null and b/activeFt/liveData/images/7590/fire1.png differ
diff --git a/activeFt/liveData/images/7590/fire2.png b/activeFt/liveData/images/7590/fire2.png
new file mode 100644
index 0000000..239af51
Binary files /dev/null and b/activeFt/liveData/images/7590/fire2.png differ
diff --git "a/activeFt/liveData/images/7590/icon_\344\272\222\345\212\250\357\274\210\347\233\264\346\222\255\351\227\264\357\274\211.png" "b/activeFt/liveData/images/7590/icon_\344\272\222\345\212\250\357\274\210\347\233\264\346\222\255\351\227\264\357\274\211.png"
new file mode 100644
index 0000000..750e103
Binary files /dev/null and "b/activeFt/liveData/images/7590/icon_\344\272\222\345\212\250\357\274\210\347\233\264\346\222\255\351\227\264\357\274\211.png" differ
diff --git "a/activeFt/liveData/images/7590/icon_\347\244\274\347\211\251\357\274\210\347\233\264\346\222\255\351\227\264\357\274\211.png" "b/activeFt/liveData/images/7590/icon_\347\244\274\347\211\251\357\274\210\347\233\264\346\222\255\351\227\264\357\274\211.png"
new file mode 100644
index 0000000..6331847
Binary files /dev/null and "b/activeFt/liveData/images/7590/icon_\347\244\274\347\211\251\357\274\210\347\233\264\346\222\255\351\227\264\357\274\211.png" differ
diff --git a/activeFt/liveData/images/7590/lock.png b/activeFt/liveData/images/7590/lock.png
new file mode 100644
index 0000000..b892138
Binary files /dev/null and b/activeFt/liveData/images/7590/lock.png differ
diff --git a/activeFt/liveData/images/7590/room-tips-en.png b/activeFt/liveData/images/7590/room-tips-en.png
new file mode 100644
index 0000000..cac7478
Binary files /dev/null and b/activeFt/liveData/images/7590/room-tips-en.png differ
diff --git a/activeFt/liveData/images/7590/room-tips-es.png b/activeFt/liveData/images/7590/room-tips-es.png
new file mode 100644
index 0000000..1cc7a6b
Binary files /dev/null and b/activeFt/liveData/images/7590/room-tips-es.png differ
diff --git a/activeFt/liveData/images/7590/room-tips-tv.png b/activeFt/liveData/images/7590/room-tips-tv.png
new file mode 100644
index 0000000..deb946f
Binary files /dev/null and b/activeFt/liveData/images/7590/room-tips-tv.png differ
diff --git a/activeFt/liveData/images/7590/room-tips.png b/activeFt/liveData/images/7590/room-tips.png
new file mode 100644
index 0000000..590e83f
Binary files /dev/null and b/activeFt/liveData/images/7590/room-tips.png differ
diff --git a/activeFt/liveData/images/7590/room-tips2-en.png b/activeFt/liveData/images/7590/room-tips2-en.png
new file mode 100644
index 0000000..fad375c
Binary files /dev/null and b/activeFt/liveData/images/7590/room-tips2-en.png differ
diff --git a/activeFt/liveData/images/7590/room-tips2-es.png b/activeFt/liveData/images/7590/room-tips2-es.png
new file mode 100644
index 0000000..e9ad7b1
Binary files /dev/null and b/activeFt/liveData/images/7590/room-tips2-es.png differ
diff --git a/activeFt/liveData/images/7590/room-tips2-tv.png b/activeFt/liveData/images/7590/room-tips2-tv.png
new file mode 100644
index 0000000..912f248
Binary files /dev/null and b/activeFt/liveData/images/7590/room-tips2-tv.png differ
diff --git a/activeFt/liveData/images/7590/room-tips2.png b/activeFt/liveData/images/7590/room-tips2.png
new file mode 100644
index 0000000..c307b3e
Binary files /dev/null and b/activeFt/liveData/images/7590/room-tips2.png differ
diff --git a/activeFt/liveData/images/7590/room2-tips-en.png b/activeFt/liveData/images/7590/room2-tips-en.png
new file mode 100644
index 0000000..c87a451
Binary files /dev/null and b/activeFt/liveData/images/7590/room2-tips-en.png differ
diff --git a/activeFt/liveData/images/7590/room2-tips-es.png b/activeFt/liveData/images/7590/room2-tips-es.png
new file mode 100644
index 0000000..46a0f7b
Binary files /dev/null and b/activeFt/liveData/images/7590/room2-tips-es.png differ
diff --git a/activeFt/liveData/images/7590/room2-tips-tv.png b/activeFt/liveData/images/7590/room2-tips-tv.png
new file mode 100644
index 0000000..e8d7198
Binary files /dev/null and b/activeFt/liveData/images/7590/room2-tips-tv.png differ
diff --git a/activeFt/liveData/images/7590/room2-tips.png b/activeFt/liveData/images/7590/room2-tips.png
new file mode 100644
index 0000000..2dd92b6
Binary files /dev/null and b/activeFt/liveData/images/7590/room2-tips.png differ
diff --git a/activeFt/liveData/images/7590/room2-tips2-en.png b/activeFt/liveData/images/7590/room2-tips2-en.png
new file mode 100644
index 0000000..5638f9a
Binary files /dev/null and b/activeFt/liveData/images/7590/room2-tips2-en.png differ
diff --git a/activeFt/liveData/images/7590/room2-tips2-es.png b/activeFt/liveData/images/7590/room2-tips2-es.png
new file mode 100644
index 0000000..086277a
Binary files /dev/null and b/activeFt/liveData/images/7590/room2-tips2-es.png differ
diff --git a/activeFt/liveData/images/7590/room2-tips2-tv.png b/activeFt/liveData/images/7590/room2-tips2-tv.png
new file mode 100644
index 0000000..36d012c
Binary files /dev/null and b/activeFt/liveData/images/7590/room2-tips2-tv.png differ
diff --git a/activeFt/liveData/images/7590/room2-tips2.png b/activeFt/liveData/images/7590/room2-tips2.png
new file mode 100644
index 0000000..f978997
Binary files /dev/null and b/activeFt/liveData/images/7590/room2-tips2.png differ
diff --git a/activeFt/liveData/images/7590/table-en.png b/activeFt/liveData/images/7590/table-en.png
new file mode 100644
index 0000000..c3bdfff
Binary files /dev/null and b/activeFt/liveData/images/7590/table-en.png differ
diff --git a/activeFt/liveData/images/7590/table-es.png b/activeFt/liveData/images/7590/table-es.png
new file mode 100644
index 0000000..c4917a3
Binary files /dev/null and b/activeFt/liveData/images/7590/table-es.png differ
diff --git a/activeFt/liveData/images/7590/table-tv.png b/activeFt/liveData/images/7590/table-tv.png
new file mode 100644
index 0000000..d8e5548
Binary files /dev/null and b/activeFt/liveData/images/7590/table-tv.png differ
diff --git a/activeFt/liveData/images/7590/table.png b/activeFt/liveData/images/7590/table.png
new file mode 100644
index 0000000..63e4198
Binary files /dev/null and b/activeFt/liveData/images/7590/table.png differ
diff --git a/activeFt/liveData/images/7590/tips1-en.png b/activeFt/liveData/images/7590/tips1-en.png
new file mode 100644
index 0000000..6f90073
Binary files /dev/null and b/activeFt/liveData/images/7590/tips1-en.png differ
diff --git a/activeFt/liveData/images/7590/tips1-es.png b/activeFt/liveData/images/7590/tips1-es.png
new file mode 100644
index 0000000..a12cf08
Binary files /dev/null and b/activeFt/liveData/images/7590/tips1-es.png differ
diff --git a/activeFt/liveData/images/7590/tips1-tv.png b/activeFt/liveData/images/7590/tips1-tv.png
new file mode 100644
index 0000000..251d23f
Binary files /dev/null and b/activeFt/liveData/images/7590/tips1-tv.png differ
diff --git a/activeFt/liveData/images/7590/tips1.png b/activeFt/liveData/images/7590/tips1.png
new file mode 100644
index 0000000..d9fbde7
Binary files /dev/null and b/activeFt/liveData/images/7590/tips1.png differ
diff --git a/activeFt/liveData/images/7590/tips2-en.png b/activeFt/liveData/images/7590/tips2-en.png
new file mode 100644
index 0000000..c2b8c82
Binary files /dev/null and b/activeFt/liveData/images/7590/tips2-en.png differ
diff --git a/activeFt/liveData/images/7590/tips2-es.png b/activeFt/liveData/images/7590/tips2-es.png
new file mode 100644
index 0000000..720b706
Binary files /dev/null and b/activeFt/liveData/images/7590/tips2-es.png differ
diff --git a/activeFt/liveData/images/7590/tips2-tv.png b/activeFt/liveData/images/7590/tips2-tv.png
new file mode 100644
index 0000000..494a633
Binary files /dev/null and b/activeFt/liveData/images/7590/tips2-tv.png differ
diff --git a/activeFt/liveData/images/7590/tips2.png b/activeFt/liveData/images/7590/tips2.png
new file mode 100644
index 0000000..82cd3d5
Binary files /dev/null and b/activeFt/liveData/images/7590/tips2.png differ
diff --git a/activeFt/liveData/images/7590/tips3-en.png b/activeFt/liveData/images/7590/tips3-en.png
new file mode 100644
index 0000000..14cbc51
Binary files /dev/null and b/activeFt/liveData/images/7590/tips3-en.png differ
diff --git a/activeFt/liveData/images/7590/tips3-es.png b/activeFt/liveData/images/7590/tips3-es.png
new file mode 100644
index 0000000..1c062e4
Binary files /dev/null and b/activeFt/liveData/images/7590/tips3-es.png differ
diff --git a/activeFt/liveData/images/7590/tips3-tv.png b/activeFt/liveData/images/7590/tips3-tv.png
new file mode 100644
index 0000000..c3f2946
Binary files /dev/null and b/activeFt/liveData/images/7590/tips3-tv.png differ
diff --git a/activeFt/liveData/images/7590/tips3.png b/activeFt/liveData/images/7590/tips3.png
new file mode 100644
index 0000000..eca496f
Binary files /dev/null and b/activeFt/liveData/images/7590/tips3.png differ
diff --git a/activeFt/liveData/images/7590/top-box1-en.png b/activeFt/liveData/images/7590/top-box1-en.png
new file mode 100644
index 0000000..7569423
Binary files /dev/null and b/activeFt/liveData/images/7590/top-box1-en.png differ
diff --git a/activeFt/liveData/images/7590/top-box1-es.png b/activeFt/liveData/images/7590/top-box1-es.png
new file mode 100644
index 0000000..92c271c
Binary files /dev/null and b/activeFt/liveData/images/7590/top-box1-es.png differ
diff --git a/activeFt/liveData/images/7590/top-box1-tv.png b/activeFt/liveData/images/7590/top-box1-tv.png
new file mode 100644
index 0000000..a0dbbfe
Binary files /dev/null and b/activeFt/liveData/images/7590/top-box1-tv.png differ
diff --git a/activeFt/liveData/images/7590/top-box1.png b/activeFt/liveData/images/7590/top-box1.png
new file mode 100644
index 0000000..aa38d4a
Binary files /dev/null and b/activeFt/liveData/images/7590/top-box1.png differ
diff --git a/activeFt/liveData/images/7590/top-box2-en.png b/activeFt/liveData/images/7590/top-box2-en.png
new file mode 100644
index 0000000..6e37450
Binary files /dev/null and b/activeFt/liveData/images/7590/top-box2-en.png differ
diff --git a/activeFt/liveData/images/7590/top-box2-es.png b/activeFt/liveData/images/7590/top-box2-es.png
new file mode 100644
index 0000000..5e08a9e
Binary files /dev/null and b/activeFt/liveData/images/7590/top-box2-es.png differ
diff --git a/activeFt/liveData/images/7590/top-box2-tv.png b/activeFt/liveData/images/7590/top-box2-tv.png
new file mode 100644
index 0000000..f2f0937
Binary files /dev/null and b/activeFt/liveData/images/7590/top-box2-tv.png differ
diff --git a/activeFt/liveData/images/7590/top-box2.png b/activeFt/liveData/images/7590/top-box2.png
new file mode 100644
index 0000000..1a53a74
Binary files /dev/null and b/activeFt/liveData/images/7590/top-box2.png differ
diff --git a/activeFt/liveData/images/7590/top-box3-en.png b/activeFt/liveData/images/7590/top-box3-en.png
new file mode 100644
index 0000000..21f8002
Binary files /dev/null and b/activeFt/liveData/images/7590/top-box3-en.png differ
diff --git a/activeFt/liveData/images/7590/top-box3-es.png b/activeFt/liveData/images/7590/top-box3-es.png
new file mode 100644
index 0000000..d030d0f
Binary files /dev/null and b/activeFt/liveData/images/7590/top-box3-es.png differ
diff --git a/activeFt/liveData/images/7590/top-box3-tv.png b/activeFt/liveData/images/7590/top-box3-tv.png
new file mode 100644
index 0000000..8077481
Binary files /dev/null and b/activeFt/liveData/images/7590/top-box3-tv.png differ
diff --git a/activeFt/liveData/images/7590/top-box3.png b/activeFt/liveData/images/7590/top-box3.png
new file mode 100644
index 0000000..6cd5997
Binary files /dev/null and b/activeFt/liveData/images/7590/top-box3.png differ
diff --git a/activeFt/liveData/index.html b/activeFt/liveData/index.html
index 49a203a..66c3de6 100644
--- a/activeFt/liveData/index.html
+++ b/activeFt/liveData/index.html
@@ -2,8 +2,8 @@
<html lang="en">
<head>
- <meta charset="utf-8"/>
- <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
+ <meta charset="utf-8" />
+ <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta content="telephone=no" name="format-detection">
@@ -30,6 +30,7 @@
}
</style>
</head>
+
<body>
<div class="bg">
<div style="display: none;" class="tips-shadow">
@@ -57,9 +58,11 @@
</div>
</div>
</div>
-
+
<div class="live-title"><span>今日直播</span> <i style="font-style: normal;"></i></div>
- <a href="rule.html?v=2022010601"><div class="rule-btn">活動規則></div></a>
+ <a href="rule.html?v=2022010601">
+ <div class="rule-btn">活動規則></div>
+ </a>
<div class="live-top-box">
<p class="live-top-p1">0小時</p>
<p class="live-top-p2">目標 : 2小時</p>
@@ -96,9 +99,9 @@
</li>
</ul>
<div class="top-box-view">
- <div class="circleChart1" ></div>
- <div class="circleChart2" ></div>
- <div class="circleChart3" ></div>
+ <div class="circleChart1"></div>
+ <div class="circleChart2"></div>
+ <div class="circleChart3"></div>
</div>
</div>
<div class="live-line2"></div>
@@ -107,7 +110,7 @@
<p class="day-top-box-p2">總獎勵 : <img src="images/fire1.png?v=2023050901" alt="">--</p>
</div>
<div class="day-box-content clearfix">
-
+
<div class="day-box1">
<p class="day-title">直播</p>
<p class="day-num">2小時</p>
@@ -188,556 +191,560 @@
<script src="lib/default.js?v='2024061701'"></script>
<script>
-$(function(){
- var t1=null
- var textObj={
- txt1:"小時",
- txt2:"獎勵",
- txt3:"總獎勵",
- }
- if(sessionStorage.lang==1){
- textObj={
- txt1:"hours",
- txt2:"Rewards",
- txt3:"total reward",
+ $(function () {
+ if (data.appversion >= 7590) {
+ window.location.href = 'index2.html' + location.search;
+ }
+ var t1 = null
+ var textObj = {
+ txt1: "小時",
+ txt2: "獎勵",
+ txt3: "總獎勵",
+ }
+ if (sessionStorage.lang == 1) {
+ textObj = {
+ txt1: "hours",
+ txt2: "Rewards",
+ txt3: "total reward",
+ }
+ $(".day-top-box-p").text("Today's Goal")
+ $("title").text("Live overview")
+ $(".btn-get").addClass("btn-get-en")
+ $(".rule-btn").text('Event Rules >')
+ $(".day-box1 .day-title").text('Live')
+ $(".day-box2 .day-title").text('income')
+ $(".day-box3 .day-title").text('Pop Index')
+ $(".day-box4 .day-title").text('Interactive')
+ $(".day-box5 .day-title").text('Pop Index')
+ $(".day-box6 .day-title").text("Interactive")
+ $(".live-top-p2").text("Goals: 2hours")
+ $(".live-title span").text("Today's Live")
+ $(".top-box-li1 .top-box-content-tips").text("The more people online and giving gifts in the average hourly live room, the higher the Pop Index.")
+ $(".top-box-li1 .top-box-tips").css("height", "3.7rem").css("width", "3.8rem")
+ $(".top-box-li1 .top-box-tips1").html('Pop Index: <span></span>')
+ $(".top-box-li1 .top-box-tips2").html('Avg Online Users: <span></span>')
+ $(".top-box-li1 .top-box-tips3").html('Sending gifts Users: <span></span>')
+ $(".top-box-li2 .top-box-tips1").html('Interactive index: <span></span>')
+ $(".top-box-li2 .top-box-tips2").html('Chat Users: <span></span>')
+ $(".top-box-li2 .top-box-tips3").html('Chat Messages: <span></span>')
+ $(".top-box-li2 .top-box-content-tips").text("The more people chat in the average hourly live room, the higher the Interactive Index.")
+ $(".top-box-li3 .top-box-content-tips").text('The more gifts received (increased FEATHERs), the higher the Gift Index')
+ $(".top-box-li2 .top-box-tips").css("height", "3.7rem")
+ $(".top-box-li3 .top-box-tips").css("height", "1.8rem")
+ $(".top-box-li1").addClass("top-box-li1-en")
+ $(".top-box-li2").addClass("top-box-li2-en")
+ $(".top-box-li3").addClass("top-box-li3-en")
+ $(".tips1").addClass("tips1-en")
+ $(".tips2").addClass("tips2-en")
+ $(".tips3").addClass("tips3-en")
+ $(".tips1-ok").css("top", "5.38rem").css("left", "3.4rem")
+ $(".tips2-ok").css("top", "5.4rem").css("left", "3.35rem")
+ $(".tips3-ok").css("top", "5.55rem").css("left", "3.25rem")
}
- $(".day-top-box-p").text("Today's Goal")
- $("title").text("Live overview")
- $(".btn-get").addClass("btn-get-en")
- $(".rule-btn").text('Event Rules >')
- $(".day-box1 .day-title").text('Live')
- $(".day-box2 .day-title").text('income')
- $(".day-box3 .day-title").text('Pop Index')
- $(".day-box4 .day-title").text('Interactive')
- $(".day-box5 .day-title").text('Pop Index')
- $(".day-box6 .day-title").text("Interactive")
- $(".live-top-p2").text("Goals: 2hours")
- $(".live-title span").text("Today's Live")
- $(".top-box-li1 .top-box-content-tips").text("The more people online and giving gifts in the average hourly live room, the higher the Pop Index.")
- $(".top-box-li1 .top-box-tips").css("height","3.7rem").css("width","3.8rem")
- $(".top-box-li1 .top-box-tips1").html('Pop Index: <span></span>')
- $(".top-box-li1 .top-box-tips2").html('Avg Online Users: <span></span>')
- $(".top-box-li1 .top-box-tips3").html('Sending gifts Users: <span></span>')
- $(".top-box-li2 .top-box-tips1").html('Interactive index: <span></span>')
- $(".top-box-li2 .top-box-tips2").html('Chat Users: <span></span>')
- $(".top-box-li2 .top-box-tips3").html('Chat Messages: <span></span>')
- $(".top-box-li2 .top-box-content-tips").text("The more people chat in the average hourly live room, the higher the Interactive Index.")
- $(".top-box-li3 .top-box-content-tips").text('The more gifts received (increased FEATHERs), the higher the Gift Index')
- $(".top-box-li2 .top-box-tips").css("height","3.7rem")
- $(".top-box-li3 .top-box-tips").css("height","1.8rem")
- $(".top-box-li1").addClass("top-box-li1-en")
- $(".top-box-li2").addClass("top-box-li2-en")
- $(".top-box-li3").addClass("top-box-li3-en")
- $(".tips1").addClass("tips1-en")
- $(".tips2").addClass("tips2-en")
- $(".tips3").addClass("tips3-en")
- $(".tips1-ok").css("top","5.38rem").css("left","3.4rem")
- $(".tips2-ok").css("top","5.4rem").css("left","3.35rem")
- $(".tips3-ok").css("top","5.55rem").css("left","3.25rem")
- }
- if(sessionStorage.lang==8){
- textObj={
- txt1:"giờ",
- txt2:"thưởng",
- txt3:"tổng phần thưởng",
+ if (sessionStorage.lang == 8) {
+ textObj = {
+ txt1: "giờ",
+ txt2: "thưởng",
+ txt3: "tổng phần thưởng",
+ }
+ $(".day-top-box-p").text("Mục tiêu hôm nay")
+ $("title").text("Tổng quan trực tiếp")
+ $(".btn-get").addClass("btn-get-tv")
+ $(".rule-btn").text('Thể lệ sự kiện')
+ $(".day-box1 .day-title").text('Trực tiếp')
+ $(".day-box2 .day-title").text('thu nhập')
+ $(".day-box3 .day-title").text('chỉ số nhạc pop')
+ $(".day-box4 .day-title").text('chỉ số tương tác')
+ $(".day-box5 .day-title").text('chỉ số nhạc pop')
+ $(".day-box6 .day-title").text("chỉ số tương tác")
+ $(".live-top-p2").text("Bàn thắng: 2giờ")
+ $(".live-title span").text("Trực tiếp hôm nay")
+ $(".top-box-li1 .top-box-content-tips").text("Càng nhiều người trực tuyến và tặng quà trong phòng trực tiếp trung bình mỗi giờ, Chỉ số Pop càng cao.")
+ $(".top-box-li1 .top-box-tips").css("height", "4.3rem").css("width", "3.9rem")
+ $(".top-box-li1 .top-box-content-tips").css("width", "3.7rem")
+ $(".top-box-li1 .top-box-tips1").html('chỉ số nhạc pop: <span></span>')
+ $(".top-box-li1 .top-box-tips2").html('Số người dùng trực tuyến trung bình: <span></span>')
+ $(".top-box-li1 .top-box-tips3").html('Số người tặng quà: <span></span>')
+ $(".top-box-li2 .top-box-tips1").html('chỉ số tương tác: <span></span>')
+ $(".top-box-li2 .top-box-tips2").html('Số người trò chuyện: <span></span>')
+ $(".top-box-li2 .top-box-tips3").html('Số cuộc trò chuyện: <span></span>')
+ $(".top-box-li2 .top-box-content-tips").text("Càng nhiều người trò chuyện trong phòng trực tiếp trung bình mỗi giờ, Chỉ số tương tác càng cao.")
+ $(".top-box-li3 .top-box-content-tips").text('Nhận càng nhiều quà (tăng LÔNG) thì chỉ số Quà càng cao.')
+ $(".top-box-li2 .top-box-tips").css("height", "4.7rem")
+ $(".top-box-li3 .top-box-tips").css("height", "1.8rem")
+ $(".top-box-li1").addClass("top-box-li1-tv")
+ $(".top-box-li2").addClass("top-box-li2-tv")
+ $(".top-box-li3").addClass("top-box-li3-tv")
+ $(".tips1").addClass("tips1-tv")
+ $(".tips2").addClass("tips2-tv")
+ $(".tips3").addClass("tips3-tv")
+ $(".tips1-ok").css("top", "5.38rem").css("left", "3.4rem")
+ $(".tips2-ok").css("top", "5.4rem").css("left", "3.35rem")
+ $(".tips3-ok").css("top", "5.55rem").css("left", "3.25rem")
+ //修改越南语样式
+ $(".tips3-box").css("left", "0rem")
+ $(".day-box3 .day-title").css("font-size", "0.35rem").css("top", "0.42rem").css("left", "0.2rem")
+ $(".day-box4 .day-title").css("font-size", "0.35rem").css("top", "0.42rem").css("left", "0.2rem")
+ $(".day-box5 .day-title").css("font-size", "0.35rem").css("top", "0.42rem").css("left", "0.2rem")
+ $(".day-box6 .day-title").css("font-size", "0.35rem").css("top", "0.42rem").css("left", "0.2rem")
}
- $(".day-top-box-p").text("Mục tiêu hôm nay")
- $("title").text("Tổng quan trực tiếp")
- $(".btn-get").addClass("btn-get-tv")
- $(".rule-btn").text('Thể lệ sự kiện')
- $(".day-box1 .day-title").text('Trực tiếp')
- $(".day-box2 .day-title").text('thu nhập')
- $(".day-box3 .day-title").text('chỉ số nhạc pop')
- $(".day-box4 .day-title").text('chỉ số tương tác')
- $(".day-box5 .day-title").text('chỉ số nhạc pop')
- $(".day-box6 .day-title").text("chỉ số tương tác")
- $(".live-top-p2").text("Bàn thắng: 2giờ")
- $(".live-title span").text("Trực tiếp hôm nay")
- $(".top-box-li1 .top-box-content-tips").text("Càng nhiều người trực tuyến và tặng quà trong phòng trực tiếp trung bình mỗi giờ, Chỉ số Pop càng cao.")
- $(".top-box-li1 .top-box-tips").css("height","4.3rem").css("width","3.9rem")
- $(".top-box-li1 .top-box-content-tips").css("width","3.7rem")
- $(".top-box-li1 .top-box-tips1").html('chỉ số nhạc pop: <span></span>')
- $(".top-box-li1 .top-box-tips2").html('Số người dùng trực tuyến trung bình: <span></span>')
- $(".top-box-li1 .top-box-tips3").html('Số người tặng quà: <span></span>')
- $(".top-box-li2 .top-box-tips1").html('chỉ số tương tác: <span></span>')
- $(".top-box-li2 .top-box-tips2").html('Số người trò chuyện: <span></span>')
- $(".top-box-li2 .top-box-tips3").html('Số cuộc trò chuyện: <span></span>')
- $(".top-box-li2 .top-box-content-tips").text("Càng nhiều người trò chuyện trong phòng trực tiếp trung bình mỗi giờ, Chỉ số tương tác càng cao.")
- $(".top-box-li3 .top-box-content-tips").text('Nhận càng nhiều quà (tăng LÔNG) thì chỉ số Quà càng cao.')
- $(".top-box-li2 .top-box-tips").css("height","4.7rem")
- $(".top-box-li3 .top-box-tips").css("height","1.8rem")
- $(".top-box-li1").addClass("top-box-li1-tv")
- $(".top-box-li2").addClass("top-box-li2-tv")
- $(".top-box-li3").addClass("top-box-li3-tv")
- $(".tips1").addClass("tips1-tv")
- $(".tips2").addClass("tips2-tv")
- $(".tips3").addClass("tips3-tv")
- $(".tips1-ok").css("top","5.38rem").css("left","3.4rem")
- $(".tips2-ok").css("top","5.4rem").css("left","3.35rem")
- $(".tips3-ok").css("top","5.55rem").css("left","3.25rem")
- //修改越南语样式
- $(".tips3-box").css("left","0rem")
- $(".day-box3 .day-title").css("font-size","0.35rem").css("top","0.42rem").css("left","0.2rem")
- $(".day-box4 .day-title").css("font-size","0.35rem").css("top","0.42rem").css("left","0.2rem")
- $(".day-box5 .day-title").css("font-size","0.35rem").css("top","0.42rem").css("left","0.2rem")
- $(".day-box6 .day-title").css("font-size","0.35rem").css("top","0.42rem").css("left","0.2rem")
- }
- if(sessionStorage.lang==10){
- textObj={
- txt1:"horas",
- txt2:"Premio",
- txt3:"recompensa total",
+ if (sessionStorage.lang == 10) {
+ textObj = {
+ txt1: "horas",
+ txt2: "Premio",
+ txt3: "recompensa total",
+ }
+ $(".day-top-box-p").text("Objetivo de hoy")
+ $("title").text("Visión general en vivo")
+ $(".btn-get").addClass("btn-get-es")
+ $(".rule-btn").text('Reglas del evento >')
+ $(".day-box1 .day-title").text('En vivo')
+ $(".day-box2 .day-title").text('ingresos')
+ $(".day-box3 .day-title").text('Índice pop')
+ $(".day-box4 .day-title").html('Índice de<br> interacción')
+ $(".day-box5 .day-title").text('Índice pop')
+ $(".day-box6 .day-title").html("Índice de<br> interacción")
+ $(".live-top-p2").text("Objetivos: 2horas")
+ $(".live-title span").text("Vivo de hoy")
+ $(".top-box-li1 .top-box-content-tips").text("Cuantas más personas estén en línea y hagan regalos en la sala en vivo de media por hora, mayor será el Índice pop.")
+ $(".top-box-li1 .top-box-tips").css("height", "5.5rem").css("width", "4rem")
+ $(".top-box-li1 .top-box-tips1").html('Índice pop: <span></span>')
+ $(".top-box-li1 .top-box-tips2").html('Usuarios de media en línea: <span></span>')
+ $(".top-box-li1 .top-box-tips3").html('Envío de regalos a usuarios: <span></span>')
+ $(".top-box-li2 .top-box-tips1").html('Índice de interacción: <span></span>')
+ $(".top-box-li2 .top-box-tips2").html('Usuarios de chat: <span></span>')
+ $(".top-box-li2 .top-box-tips3").html('Mensajes de chat: <span></span>')
+ $(".top-box-li2 .top-box-content-tips").text("Cuantas más personas chateen en la sala de estar de media por hora, mayor será el Índice de interacción.")
+ $(".top-box-li3 .top-box-content-tips").text('Cuantos más regalos se reciban (aumento de PLUMAS), mayor será el Índice de regalos')
+ $(".top-box-li2 .top-box-tips").css("height", "4.5rem").css("width", "4.5rem")
+ $(".top-box-li3 .top-box-tips").css("height", "2.8rem")
+ $(".top-box-li1").addClass("top-box-li1-es")
+ $(".top-box-li2").addClass("top-box-li2-es")
+ $(".top-box-li3").addClass("top-box-li3-es")
+ $(".tips1").addClass("tips1-es")
+ $(".tips2").addClass("tips2-es")
+ $(".tips3").addClass("tips3-es")
+ $(".tips1-ok").css("top", "5.38rem").css("left", "3.4rem")
+ $(".tips2-ok").css("top", "5.4rem").css("left", "3.35rem")
+ $(".tips3-ok").css("top", "5.55rem").css("left", "3.25rem")
+ //修改越南语样式
+ $(".tips3-box").css("left", "0rem")
+ $(".day-box3 .day-title").css("font-size", "0.35rem").css("top", "0.42rem").css("left", "0.2rem")
+ $(".day-box4 .day-title").css("font-size", "0.35rem").css("top", "0.42rem").css("left", "0.2rem")
+ $(".day-box5 .day-title").css("font-size", "0.35rem").css("top", "0.42rem").css("left", "0.2rem")
+ $(".day-box6 .day-title").css("font-size", "0.35rem").css("top", "0.42rem").css("left", "0.2rem")
}
- $(".day-top-box-p").text("Objetivo de hoy")
- $("title").text("Visión general en vivo")
- $(".btn-get").addClass("btn-get-es")
- $(".rule-btn").text('Reglas del evento >')
- $(".day-box1 .day-title").text('En vivo')
- $(".day-box2 .day-title").text('ingresos')
- $(".day-box3 .day-title").text('Índice pop')
- $(".day-box4 .day-title").html('Índice de<br> interacción')
- $(".day-box5 .day-title").text('Índice pop')
- $(".day-box6 .day-title").html("Índice de<br> interacción")
- $(".live-top-p2").text("Objetivos: 2horas")
- $(".live-title span").text("Vivo de hoy")
- $(".top-box-li1 .top-box-content-tips").text("Cuantas más personas estén en línea y hagan regalos en la sala en vivo de media por hora, mayor será el Índice pop.")
- $(".top-box-li1 .top-box-tips").css("height","5.5rem").css("width","4rem")
- $(".top-box-li1 .top-box-tips1").html('Índice pop: <span></span>')
- $(".top-box-li1 .top-box-tips2").html('Usuarios de media en línea: <span></span>')
- $(".top-box-li1 .top-box-tips3").html('Envío de regalos a usuarios: <span></span>')
- $(".top-box-li2 .top-box-tips1").html('Índice de interacción: <span></span>')
- $(".top-box-li2 .top-box-tips2").html('Usuarios de chat: <span></span>')
- $(".top-box-li2 .top-box-tips3").html('Mensajes de chat: <span></span>')
- $(".top-box-li2 .top-box-content-tips").text("Cuantas más personas chateen en la sala de estar de media por hora, mayor será el Índice de interacción.")
- $(".top-box-li3 .top-box-content-tips").text('Cuantos más regalos se reciban (aumento de PLUMAS), mayor será el Índice de regalos')
- $(".top-box-li2 .top-box-tips").css("height","4.5rem").css("width","4.5rem")
- $(".top-box-li3 .top-box-tips").css("height","2.8rem")
- $(".top-box-li1").addClass("top-box-li1-es")
- $(".top-box-li2").addClass("top-box-li2-es")
- $(".top-box-li3").addClass("top-box-li3-es")
- $(".tips1").addClass("tips1-es")
- $(".tips2").addClass("tips2-es")
- $(".tips3").addClass("tips3-es")
- $(".tips1-ok").css("top","5.38rem").css("left","3.4rem")
- $(".tips2-ok").css("top","5.4rem").css("left","3.35rem")
- $(".tips3-ok").css("top","5.55rem").css("left","3.25rem")
- //修改越南语样式
- $(".tips3-box").css("left","0rem")
- $(".day-box3 .day-title").css("font-size","0.35rem").css("top","0.42rem").css("left","0.2rem")
- $(".day-box4 .day-title").css("font-size","0.35rem").css("top","0.42rem").css("left","0.2rem")
- $(".day-box5 .day-title").css("font-size","0.35rem").css("top","0.42rem").css("left","0.2rem")
- $(".day-box6 .day-title").css("font-size","0.35rem").css("top","0.42rem").css("left","0.2rem")
- }
- $(".tips-shadow").css("height",$(document).height()+'px')
+ $(".tips-shadow").css("height", $(document).height() + 'px')
- var myTime=0
- liveView()
-
- if(localStorage.one==undefined){
- localStorage.one=1
- guide()
- }
- function guide(){
- $(".tips-shadow").fadeIn(350)
- $(".tips1-box").show()
- $(".tips1-ok").unbind("click").on("click",function(){
- $(".tips1-box").hide()
- $(".tips2-box").fadeIn(350)
- })
- $(".tips2-ok").unbind("click").on("click",function(){
- scrollTo(".day-box3",500)
- $(".tips2-box").hide()
- $(".tips3-box").fadeIn(350)
- })
- $(".tips3-ok").unbind("click").on("click",function(){
- $(".tips-shadow").fadeOut(350)
- })
- }
- function liveView(){
- $.ajax({
- url:$ip+'/actPopularInteractIndex/queryUserIndexInfo.html',
- data:{
- roomId:sessionStorage.uid
- },
- success:function(data){
- console.log('查询主播互动指数',data)
- clearInterval(t1)
- $(".live-title i").text('('+timeDeal2(data.result.endTodayTimeStamp,data.result.timeStamp)[1]+':'+timeDeal2(data.result.endTodayTimeStamp,data.result.timeStamp)[2]+':'+timeDeal2(data.result.endTodayTimeStamp,data.result.timeStamp)[3]+')')
- t1=setInterval(function(){
- data.result.timeStamp+=1000
- $(".live-title i").text('('+timeDeal2(data.result.endTodayTimeStamp,data.result.timeStamp)[1]+':'+timeDeal2(data.result.endTodayTimeStamp,data.result.timeStamp)[2]+':'+timeDeal2(data.result.endTodayTimeStamp,data.result.timeStamp)[3]+')')
- },1000)
- $(".day-box1,.day-box2,.day-box3,.day-box4,.day-box5,.day-box6").unbind("click")
- $(".day-box1").on("click",function(){
- if(data.result.liveTimeData.hour<2){
- if(sessionStorage.lang==1) layer.msg("Other rewards can be received after <br> the live broadcast reaches 2 hours")
- else if(sessionStorage.lang==8)layer.msg("Phần thưởng có thể nhận được<br> sau khi phát sóng trực tiếp đạt 2 giờ")
- else if(sessionStorage.lang==10)layer.msg("Se pueden recibir otras recompensas una vez<br> que la transmisión en vivo llegue a las 2 horas")
- else layer.msg("直播達到2小時后可領取其他獎勵")
- }else{
- if(sessionStorage.lang==1) layer.msg("The live broadcast goals have been achieved, you can continued <br> to complete other goals to receive rewards")
- else if(sessionStorage.lang==8)layer.msg("Các mục tiêu phát sóng trực tiếp đã đạt <br> được, bạn có thể tiếp tục hoàn thành các mục tiêu khác để nhận phần thưởng")
- else if(sessionStorage.lang==10)layer.msg("Una vez conseguidos los objetivos de la transmisión en vivo,<br> puede seguir completando otros objetivos para recibir recompensas.")
- else layer.msg("直播目標已達成，可完成其他目標獎勵")
-
- }
- })
- if(data.result.bondsData.bonds<3000){
- $(".day-box2").on("click",function(){
- if(sessionStorage.lang==1)layer.msg("Rewards can be received after <br> reaching "+data.result.bondsData.bondsTarget1+" Feathers")
- else if(sessionStorage.lang==8)layer.msg("Phần thưởng có thể nhận được sau <br> khi đạt "+data.result.bondsData.bondsTarget1+" lông vũ")
- else if(sessionStorage.lang==10)layer.msg("Phần thưởng có thể nhận được sau <br> khi đạt "+data.result.bondsData.bondsTarget1+" lông vũ")
- else layer.msg("收益到達"+data.result.bondsData.bondsTarget1+"羽毛后可領取")
+ var myTime = 0
+ liveView()
+
+ if (localStorage.one == undefined) {
+ localStorage.one = 1
+ guide()
+ }
+ function guide() {
+ $(".tips-shadow").fadeIn(350)
+ $(".tips1-box").show()
+ $(".tips1-ok").unbind("click").on("click", function () {
+ $(".tips1-box").hide()
+ $(".tips2-box").fadeIn(350)
+ })
+ $(".tips2-ok").unbind("click").on("click", function () {
+ scrollTo(".day-box3", 500)
+ $(".tips2-box").hide()
+ $(".tips3-box").fadeIn(350)
+ })
+ $(".tips3-ok").unbind("click").on("click", function () {
+ $(".tips-shadow").fadeOut(350)
+ })
+ }
+ function liveView() {
+ $.ajax({
+ url: $ip + '/actPopularInteractIndex/queryUserIndexInfo.html',
+ data: {
+ roomId: sessionStorage.uid
+ },
+ success: function (data) {
+ console.log('查询主播互动指数', data)
+ clearInterval(t1)
+ $(".live-title i").text('(' + timeDeal2(data.result.endTodayTimeStamp, data.result.timeStamp)[1] + ':' + timeDeal2(data.result.endTodayTimeStamp, data.result.timeStamp)[2] + ':' + timeDeal2(data.result.endTodayTimeStamp, data.result.timeStamp)[3] + ')')
+ t1 = setInterval(function () {
+ data.result.timeStamp += 1000
+ $(".live-title i").text('(' + timeDeal2(data.result.endTodayTimeStamp, data.result.timeStamp)[1] + ':' + timeDeal2(data.result.endTodayTimeStamp, data.result.timeStamp)[2] + ':' + timeDeal2(data.result.endTodayTimeStamp, data.result.timeStamp)[3] + ')')
+ }, 1000)
+ $(".day-box1,.day-box2,.day-box3,.day-box4,.day-box5,.day-box6").unbind("click")
+ $(".day-box1").on("click", function () {
+ if (data.result.liveTimeData.hour < 2) {
+ if (sessionStorage.lang == 1) layer.msg("Other rewards can be received after <br> the live broadcast reaches 2 hours")
+ else if (sessionStorage.lang == 8) layer.msg("Phần thưởng có thể nhận được<br> sau khi phát sóng trực tiếp đạt 2 giờ")
+ else if (sessionStorage.lang == 10) layer.msg("Se pueden recibir otras recompensas una vez<br> que la transmisión en vivo llegue a las 2 horas")
+ else layer.msg("直播達到2小時后可領取其他獎勵")
+ } else {
+ if (sessionStorage.lang == 1) layer.msg("The live broadcast goals have been achieved, you can continued <br> to complete other goals to receive rewards")
+ else if (sessionStorage.lang == 8) layer.msg("Các mục tiêu phát sóng trực tiếp đã đạt <br> được, bạn có thể tiếp tục hoàn thành các mục tiêu khác để nhận phần thưởng")
+ else if (sessionStorage.lang == 10) layer.msg("Una vez conseguidos los objetivos de la transmisión en vivo,<br> puede seguir completando otros objetivos para recibir recompensas.")
+ else layer.msg("直播目標已達成，可完成其他目標獎勵")
+
+ }
})
- }
- $(".day-box3").on("click",function(){
- if(sessionStorage.lang==1) layer.msg("Rewards can be received after the Pop <br> Index reaches "+data.result.popualrData.popularTarget1+"")
- else if(sessionStorage.lang==8)layer.msg('Phần thưởng có thể nhận được sau khi <br> Chỉ số Pop đạt '+data.result.popualrData.popularTarget1+'')
- else if(sessionStorage.lang==10)layer.msg('Las recompensas se pueden recibir después <br> de que el Índice pop alcanza las '+data.result.popualrData.popularTarget1+'')
- else layer.msg("人氣指數到達"+data.result.popualrData.popularTarget1+"后可領取")
-
- })
- $(".day-box4").on("click",function(){
- if(sessionStorage.lang==1) layer.msg("Rewards can be received after <br> the Interactive index reaches "+data.result.interactData.interactTarget1+"")
- else if(sessionStorage.lang==8)layer.msg("Phần thưởng có thể nhận sau khi chỉ số <br> Tương tác đạt "+data.result.interactData.interactTarget1+"")
- else if(sessionStorage.lang==10)layer.msg("Las recompensas se pueden recibir después <br> de que el interacción alcanza las "+data.result.interactData.interactTarget1+"")
- else layer.msg("互動指數到達"+data.result.interactData.interactTarget1+"后可領取")
-
- })
- $(".day-box5").on("click",function(){
- if(sessionStorage.lang==1) layer.msg("Rewards can be received after <br> the Pop Index reaches "+data.result.popualrData.popularTarget2+"")
- else if(sessionStorage.lang==8)layer.msg("Phần thưởng có thể nhận được sau khi <br> Chỉ số Pop đạt "+data.result.popualrData.popularTarget2+"")
- else if(sessionStorage.lang==10)layer.msg("Las recompensas se pueden recibir después >nr? de que el Índice pop alcanza las "+data.result.popualrData.popularTarget2+"")
- else layer.msg("人氣指數到達"+data.result.popualrData.popularTarget2+"后可領取")
-
- })
- $(".day-box6").on("click",function(){
- if(sessionStorage.lang==1) layer.msg("Rewards can be received after <br> the Interactive index reaches "+data.result.interactData.interactTarget2+"")
- else if(sessionStorage.lang==8)layer.msg("Phần thưởng có thể nhận sau khi chỉ số <br> Tương tác đạt "+data.result.interactData.interactTarget2+"")
- else if(sessionStorage.lang==10)layer.msg("Las recompensas se pueden recibir después <br> de que el interacción alcanza las "+data.result.interactData.interactTarget2+"")
- else layer.msg("互動指數到達"+data.result.interactData.interactTarget2+"后可領取")
- })
- //直播时长
- myTime=data.result.liveTimeData.hour
- $(".day-box1 .day-num").html(''+data.result.liveTimeData.hourTarget+''+textObj.txt1+'')
- $(".live-top-p1").text(''+data.result.liveTimeData.hour+''+textObj.txt1+'')
- var barWidth=Math.floor((data.result.liveTimeData.hour/data.result.liveTimeData.hourTarget)*100)
- if(barWidth>100)barWidth=100
- $(".day-box1 .percentage-num").text(''+barWidth+'%')
- $(".day-box1 .bar-nav").css("width",barWidth+"%")
- //主播收益
- $(".top-box-li3 p").text(data.result.bondsData.bonds)
- $(".day-box2 .day-num").html('<img src="images/fire1.png?v=2023050901">'+data.result.bondsData.bondsReward1+'')
- var barWidth=Math.floor((data.result.bondsData.bonds/data.result.bondsData.bondsTarget1)*100)
- if(barWidth>100)barWidth=100
- $(".day-box2 .bar-nav").css("width",""+barWidth+"%")
- $(".day-box2 .percentage-num").text(''+barWidth+'%')
- $(".day-box2 .award-box").html(''+textObj.txt2+': <img src="images/fire2.png?v=2023050901"> '+data.result.bondsData.bondsTarget1+'')
- //人气收益1
- $(".day-box3 .day-num").text(data.result.popualrData.popularTarget1)
- $(".day-box3 .award-box").html(''+textObj.txt2+': <img src="images/fire2.png?v=2023050901"> '+data.result.popualrData.popularReward1+'')
- var barWidth=Math.floor((data.result.popualrData.popualr/data.result.popualrData.popularTarget1)*100)
- if(barWidth>100)barWidth=100
- $(".day-box3 .percentage-num").text(''+barWidth+'%')
- $(".day-box3 .bar-nav").css("width",""+barWidth+"%")
- if(data.result.statusData.popularStatus1==0&&barWidth==100){
- $(".day-box3 .bar-big-box").hide()
- $(".day-box3 .btn-get").show()
- $(".day-box3 .btn-get").unbind("click").on("click",function(){
- if(sessionStorage.lang==1) layer.msg("Other rewards can be received after <br> the live broadcast reaches 2 hours")
- else if(sessionStorage.lang==8)layer.msg("Phần thưởng có thể nhận được<br> sau khi phát sóng trực tiếp đạt 2 giờ")
- else if(sessionStorage.lang==10)layer.msg("Se pueden recibir otras recompensas una vez<br> que la transmisión en vivo llegue a las 2 horas")
- else layer.msg("直播達到2小時后可領取其他獎勵")
- event.stopPropagation();
- return;
- })
- }
- //人气收益2
- $(".day-box5 .day-num").text(data.result.popualrData.popularTarget2)
- $(".day-box5 .award-box").html(''+textObj.txt2+': <img src="images/fire2.png?v=2023050901"> '+data.result.popualrData.popularReward2+'')
- var barWidth=Math.floor((data.result.popualrData.popualr/data.result.popualrData.popularTarget2)*100)
- if(barWidth>100)barWidth=100
- $(".day-box5 .percentage-num").text(''+barWidth+'%')
- $(".day-box5 .bar-nav").css("width",""+barWidth+"%")
- //互动收益1
- $(".day-box4 .day-num").text(data.result.interactData.interactTarget1)
- $(".day-box4 .award-box").html(''+textObj.txt2+': <img src="images/fire2.png?v=2023050901"> '+data.result.interactData.interactReward1+'')
- var barWidth=Math.floor((data.result.interactData.interact/data.result.interactData.interactTarget1)*100)
- if(barWidth>100)barWidth=100
- $(".day-box4 .percentage-num").text(''+barWidth+'%')
- $(".day-box4 .bar-nav").css("width",""+barWidth+"%")
- //互动收益2
- $(".day-box6 .day-num").text(data.result.interactData.interactTarget2)
- $(".day-box6 .award-box").html(''+textObj.txt2+': <img src="images/fire2.png?v=2023050901"> '+data.result.interactData.interactReward2+'')
- var barWidth=Math.floor((data.result.interactData.interact/data.result.interactData.interactTarget2)*100)
- if(barWidth>100)barWidth=100
- $(".day-box6 .percentage-num").text(''+barWidth+'%')
- $(".day-box6 .bar-nav").css("width",""+barWidth+"%")
- var allNum=data.result.interactData.interactReward1+data.result.interactData.interactReward2+data.result.popualrData.popularReward1+data.result.popualrData.popularReward2+data.result.bondsData.bondsReward1
- $(".day-top-box-p2").html(''+textObj.txt3+' : <img src="images/fire1.png?v=2023050901" alt="">'+allNum+'')
- //顶部数据
- $(".top-box-li1 >p").text(data.result.popualrData.popualr)
- $(".top-box-li2 >p").text(data.result.interactData.interact)
- $(".top-box-li3 >p").text(data.result.bondsData.bonds)
- var value1=Math.floor((data.result.bondsData.bonds/data.result.bondsData.bondsTarget1)*100)
- if(value1>100)value1=100
- if(value1==0)value1=1
- var value2=Math.floor((data.result.interactData.interact/data.result.interactData.interactReward2)*100)
- if(value2>100)value2=100
- if(value2==0)value2=1
- var value3=Math.floor((data.result.popualrData.popualr/data.result.popualrData.popularReward2)*100)
- if(value3>100)value3=100
- if(value3==0)value3=1
- $(".circleChart1").circleChart({
- value: value3,
- startAngle: 75,
- speed: 0,
- animation: "easeInOutCubic",
- color: "#FE5DA3",
- backgroundColor: "#FFC6DF",
- size: 340,
- lineCap: "round",
- });
- $(".circleChart2").circleChart({
- value: value2,
- startAngle: 75,
- speed: 0,
- animation: "easeInOutCubic",
- color: "#5BE7DC",
- backgroundColor: "#C6F7F3",
- size: 268,
- lineCap: "round",
- widthRatio: 0.25,
- });
- $(".circleChart3").circleChart({
- value: value1,
- startAngle: 75,
- speed: 0,
- animation: "easeInOutCubic",
- color: "#B993FA",
- backgroundColor: "#E7D9FC",
- size: 198,
- lineCap: "round",
- widthRatio: 0.3,
- });
- $(".top-box-li1 .top-box-tips1 span").text(data.result.popualrData.popualr)
- $(".top-box-li1 .top-box-tips2 span").text(data.result.liveAvgOnline)
- $(".top-box-li1 .top-box-tips3 span").text(data.result.giftDriverTotal)
- $(".top-box-li2 .top-box-tips1 span").text(data.result.interactData.interact)
- $(".top-box-li2 .top-box-tips2 span").text(data.result.speakDriverTotal)
- $(".top-box-li2 .top-box-tips3 span").text(data.result.speakSendTotal)
- $("body").unbind("click").on("click",function(){
- $(".top-box-li1 .top-box-tips").hide()
- $(".top-box-li2 .top-box-tips").hide()
- $(".top-box-li3 .top-box-tips").hide()
- })
- $(".top-box-li1").unbind("click").on("click",function(){
- setTimeout(function(){
- $(".top-box-li1 .top-box-tips").fadeIn(200)
- },100)
+ if (data.result.bondsData.bonds < 3000) {
+ $(".day-box2").on("click", function () {
+ if (sessionStorage.lang == 1) layer.msg("Rewards can be received after <br> reaching " + data.result.bondsData.bondsTarget1 + " Feathers")
+ else if (sessionStorage.lang == 8) layer.msg("Phần thưởng có thể nhận được sau <br> khi đạt " + data.result.bondsData.bondsTarget1 + " lông vũ")
+ else if (sessionStorage.lang == 10) layer.msg("Phần thưởng có thể nhận được sau <br> khi đạt " + data.result.bondsData.bondsTarget1 + " lông vũ")
+ else layer.msg("收益到達" + data.result.bondsData.bondsTarget1 + "羽毛后可領取")
+ })
+ }
+ $(".day-box3").on("click", function () {
+ if (sessionStorage.lang == 1) layer.msg("Rewards can be received after the Pop <br> Index reaches " + data.result.popualrData.popularTarget1 + "")
+ else if (sessionStorage.lang == 8) layer.msg('Phần thưởng có thể nhận được sau khi <br> Chỉ số Pop đạt ' + data.result.popualrData.popularTarget1 + '')
+ else if (sessionStorage.lang == 10) layer.msg('Las recompensas se pueden recibir después <br> de que el Índice pop alcanza las ' + data.result.popualrData.popularTarget1 + '')
+ else layer.msg("人氣指數到達" + data.result.popualrData.popularTarget1 + "后可領取")
- })
- $(".top-box-li2").unbind("click").on("click",function(){
- setTimeout(function(){
- $(".top-box-li2 .top-box-tips").fadeIn(200)
- },100)
- })
- $(".top-box-li3").unbind("click").on("click",function(){
- setTimeout(function(){
- $(".top-box-li3 .top-box-tips").fadeIn(200)
- },100)
- })
- //領取狀態
- if(data.result.statusData.bondsStatus==1){
- $(".day-box2 .bar-big-box").hide()
- $(".day-box2 .btn-get").show()
- $(".day-box2").unbind("click")
- }
- if(data.result.statusData.bondsStatus==2){
- var html=[];
- html+='<div class="box-shadow">';
- html+='<img class="check" src="images/check.png" alt="">';
- html+='</div>';
- $(".day-box2").append(html)
- }
- if(data.result.statusData.popularStatus1==1){
- $(".day-box3 .bar-big-box").hide()
- $(".day-box3 .btn-get").show()
- $(".day-box3").unbind("click")
- }
- if(data.result.statusData.popularStatus1==2){
- var html=[];
- html+='<div class="box-shadow">';
- html+='<img class="check" src="images/check.png" alt="">';
- html+='</div>';
- $(".day-box3").append(html)
- $(".day-box3").unbind("click")
- }
- if(data.result.statusData.interactStatus1==1){
- $(".day-box4 .bar-big-box").hide()
- $(".day-box4 .btn-get").show()
- $(".day-box4").unbind("click")
- }
- if(data.result.statusData.interactStatus1==2){
- var html=[];
- html+='<div class="box-shadow">';
- html+='<img class="check" src="images/check.png" alt="">';
- html+='</div>';
- $(".day-box4").append(html)
- $(".day-box4").unbind("click")
- }
- if(data.result.statusData.popularStatus2==1){
- $(".day-box5 .bar-big-box").hide()
- $(".day-box5 .btn-get").show()
- $(".day-box5").unbind("click")
- }
- if(data.result.statusData.popularStatus2==2){
- var html=[];
- html+='<div class="box-shadow">';
- html+='<img class="check" src="images/check.png" alt="">';
- html+='</div>';
- $(".day-box5").append(html)
- $(".day-box5").unbind("click")
- }
- if(data.result.statusData.interactStatus2==1){
- $(".day-box6 .bar-big-box").hide()
- $(".day-box6 .btn-get").show()
- $(".day-box6").unbind("click")
- }
- if(data.result.statusData.interactStatus2==2){
- var html=[];
- html+='<div class="box-shadow">';
- html+='<img class="check" src="images/check.png" alt="">';
- html+='</div>';
- $(".day-box6").append(html)
- $(".day-box6").unbind("click")
- }
- if(data.result.statusData.popularStatus1==0){
- var html=[];
- html+='<div class="box-shadow">';
- html+='<img class="lock" src="images/lock.png" alt="">';
- html+='</div>';
- $(".day-box4 ,.day-box5").append(html)
- $(".day-box4").unbind("click").on("click",function(){
- if(sessionStorage.lang==1)layer.msg("It can be unlocked after <br> the Pop Index reaches"+data.result.popualrData.popularTarget1+"")
- else if(sessionStorage.lang==8)layer.msg("Nó có thể được mở khóa sau khi Chỉ <br> số Pop đạt "+data.result.popualrData.popularTarget1+"")
- else if(sessionStorage.lang==10)layer.msg("Se puede desbloquear cuando el Índice pop alcanza las "+data.result.popualrData.popularTarget1+"")
- else layer.msg("人氣指數達到"+data.result.popualrData.popularTarget1+"后可解鎖")
- })
- $(".day-box5").unbind("click").on("click",function(){
- if(sessionStorage.lang==1)layer.msg("It can be unlocked after <br> the Pop Index reaches"+data.result.popualrData.popularTarget1+"")
- else if(sessionStorage.lang==8)layer.msg("Nó có thể được mở khóa sau khi Chỉ <br> số Pop đạt "+data.result.popualrData.popularTarget1+"")
- else if(sessionStorage.lang==10)layer.msg("Se puede desbloquear cuando el Índice pop alcanza las "+data.result.popualrData.popularTarget1+"")
- else layer.msg("人氣指數達到"+data.result.popualrData.popularTarget1+"后可解鎖")
- })
- }
+ })
+ $(".day-box4").on("click", function () {
+ if (sessionStorage.lang == 1) layer.msg("Rewards can be received after <br> the Interactive index reaches " + data.result.interactData.interactTarget1 + "")
+ else if (sessionStorage.lang == 8) layer.msg("Phần thưởng có thể nhận sau khi chỉ số <br> Tương tác đạt " + data.result.interactData.interactTarget1 + "")
+ else if (sessionStorage.lang == 10) layer.msg("Las recompensas se pueden recibir después <br> de que el interacción alcanza las " + data.result.interactData.interactTarget1 + "")
+ else layer.msg("互動指數到達" + data.result.interactData.interactTarget1 + "后可領取")
- if(data.result.statusData.popularStatus2==0){
- var html=[];
- html+='<div class="box-shadow">';
- html+='<img class="lock" src="images/lock.png" alt="">';
- html+='</div>';
- $(".day-box6").append(html)
- $(".day-box6").unbind("click").on("click",function(){
- if(sessionStorage.lang==1) layer.msg("It can be unlocked after <br> the Pop Index reaches"+data.result.popualrData.popularTarget2+"")
- else if(sessionStorage.lang==8)layer.msg("Nó có thể được mở khóa sau khi Chỉ <br> số Pop đạt "+data.result.popualrData.popularTarget2+"")
- else if(sessionStorage.lang==10)layer.msg("Se puede desbloquear cuando el Índice pop alcanza las "+data.result.popualrData.popularTarget2+"")
- else layer.msg("人氣指數達到"+data.result.popualrData.popularTarget2+"后可解鎖")
-
- })
- }
- // if(data.result.liveTimeData.hour<2){
- // var html=[];
- // html+='<div class="box-shadow">';
- // html+='<img class="lock" src="images/lock.png" alt="">';
- // html+='</div>';
- // $(".day-box5,.day-box6").append(html)
- // }
- }
- })
+ })
+ $(".day-box5").on("click", function () {
+ if (sessionStorage.lang == 1) layer.msg("Rewards can be received after <br> the Pop Index reaches " + data.result.popualrData.popularTarget2 + "")
+ else if (sessionStorage.lang == 8) layer.msg("Phần thưởng có thể nhận được sau khi <br> Chỉ số Pop đạt " + data.result.popualrData.popularTarget2 + "")
+ else if (sessionStorage.lang == 10) layer.msg("Las recompensas se pueden recibir después >nr? de que el Índice pop alcanza las " + data.result.popualrData.popularTarget2 + "")
+ else layer.msg("人氣指數到達" + data.result.popualrData.popularTarget2 + "后可領取")
+
+ })
+ $(".day-box6").on("click", function () {
+ if (sessionStorage.lang == 1) layer.msg("Rewards can be received after <br> the Interactive index reaches " + data.result.interactData.interactTarget2 + "")
+ else if (sessionStorage.lang == 8) layer.msg("Phần thưởng có thể nhận sau khi chỉ số <br> Tương tác đạt " + data.result.interactData.interactTarget2 + "")
+ else if (sessionStorage.lang == 10) layer.msg("Las recompensas se pueden recibir después <br> de que el interacción alcanza las " + data.result.interactData.interactTarget2 + "")
+ else layer.msg("互動指數到達" + data.result.interactData.interactTarget2 + "后可領取")
+ })
+ //直播时长
+ myTime = data.result.liveTimeData.hour
+ $(".day-box1 .day-num").html('' + data.result.liveTimeData.hourTarget + '' + textObj.txt1 + '')
+ $(".live-top-p1").text('' + data.result.liveTimeData.hour + '' + textObj.txt1 + '')
+ var barWidth = Math.floor((data.result.liveTimeData.hour / data.result.liveTimeData.hourTarget) * 100)
+ if (barWidth > 100) barWidth = 100
+ $(".day-box1 .percentage-num").text('' + barWidth + '%')
+ $(".day-box1 .bar-nav").css("width", barWidth + "%")
+ //主播收益
+ $(".top-box-li3 p").text(data.result.bondsData.bonds)
+ $(".day-box2 .day-num").html('<img src="images/fire1.png?v=2023050901">' + data.result.bondsData.bondsReward1 + '')
+ var barWidth = Math.floor((data.result.bondsData.bonds / data.result.bondsData.bondsTarget1) * 100)
+ if (barWidth > 100) barWidth = 100
+ $(".day-box2 .bar-nav").css("width", "" + barWidth + "%")
+ $(".day-box2 .percentage-num").text('' + barWidth + '%')
+ $(".day-box2 .award-box").html('' + textObj.txt2 + ': <img src="images/fire2.png?v=2023050901"> ' + data.result.bondsData.bondsTarget1 + '')
+ //人气收益1
+ $(".day-box3 .day-num").text(data.result.popualrData.popularTarget1)
+ $(".day-box3 .award-box").html('' + textObj.txt2 + ': <img src="images/fire2.png?v=2023050901"> ' + data.result.popualrData.popularReward1 + '')
+ var barWidth = Math.floor((data.result.popualrData.popualr / data.result.popualrData.popularTarget1) * 100)
+ if (barWidth > 100) barWidth = 100
+ $(".day-box3 .percentage-num").text('' + barWidth + '%')
+ $(".day-box3 .bar-nav").css("width", "" + barWidth + "%")
+ if (data.result.statusData.popularStatus1 == 0 && barWidth == 100) {
+ $(".day-box3 .bar-big-box").hide()
+ $(".day-box3 .btn-get").show()
+ $(".day-box3 .btn-get").unbind("click").on("click", function () {
+ if (sessionStorage.lang == 1) layer.msg("Other rewards can be received after <br> the live broadcast reaches 2 hours")
+ else if (sessionStorage.lang == 8) layer.msg("Phần thưởng có thể nhận được<br> sau khi phát sóng trực tiếp đạt 2 giờ")
+ else if (sessionStorage.lang == 10) layer.msg("Se pueden recibir otras recompensas una vez<br> que la transmisión en vivo llegue a las 2 horas")
+ else layer.msg("直播達到2小時后可領取其他獎勵")
+ event.stopPropagation();
+ return;
+ })
+ }
+ //人气收益2
+ $(".day-box5 .day-num").text(data.result.popualrData.popularTarget2)
+ $(".day-box5 .award-box").html('' + textObj.txt2 + ': <img src="images/fire2.png?v=2023050901"> ' + data.result.popualrData.popularReward2 + '')
+ var barWidth = Math.floor((data.result.popualrData.popualr / data.result.popualrData.popularTarget2) * 100)
+ if (barWidth > 100) barWidth = 100
+ $(".day-box5 .percentage-num").text('' + barWidth + '%')
+ $(".day-box5 .bar-nav").css("width", "" + barWidth + "%")
+ //互动收益1
+ $(".day-box4 .day-num").text(data.result.interactData.interactTarget1)
+ $(".day-box4 .award-box").html('' + textObj.txt2 + ': <img src="images/fire2.png?v=2023050901"> ' + data.result.interactData.interactReward1 + '')
+ var barWidth = Math.floor((data.result.interactData.interact / data.result.interactData.interactTarget1) * 100)
+ if (barWidth > 100) barWidth = 100
+ $(".day-box4 .percentage-num").text('' + barWidth + '%')
+ $(".day-box4 .bar-nav").css("width", "" + barWidth + "%")
+ //互动收益2
+ $(".day-box6 .day-num").text(data.result.interactData.interactTarget2)
+ $(".day-box6 .award-box").html('' + textObj.txt2 + ': <img src="images/fire2.png?v=2023050901"> ' + data.result.interactData.interactReward2 + '')
+ var barWidth = Math.floor((data.result.interactData.interact / data.result.interactData.interactTarget2) * 100)
+ if (barWidth > 100) barWidth = 100
+ $(".day-box6 .percentage-num").text('' + barWidth + '%')
+ $(".day-box6 .bar-nav").css("width", "" + barWidth + "%")
+ var allNum = data.result.interactData.interactReward1 + data.result.interactData.interactReward2 + data.result.popualrData.popularReward1 + data.result.popualrData.popularReward2 + data.result.bondsData.bondsReward1
+ $(".day-top-box-p2").html('' + textObj.txt3 + ' : <img src="images/fire1.png?v=2023050901" alt="">' + allNum + '')
+ //顶部数据
+ $(".top-box-li1 >p").text(data.result.popualrData.popualr)
+ $(".top-box-li2 >p").text(data.result.interactData.interact)
+ $(".top-box-li3 >p").text(data.result.bondsData.bonds)
+ var value1 = Math.floor((data.result.bondsData.bonds / data.result.bondsData.bondsTarget1) * 100)
+ if (value1 > 100) value1 = 100
+ if (value1 == 0) value1 = 1
+ var value2 = Math.floor((data.result.interactData.interact / data.result.interactData.interactReward2) * 100)
+ if (value2 > 100) value2 = 100
+ if (value2 == 0) value2 = 1
+ var value3 = Math.floor((data.result.popualrData.popualr / data.result.popualrData.popularReward2) * 100)
+ if (value3 > 100) value3 = 100
+ if (value3 == 0) value3 = 1
+ $(".circleChart1").circleChart({
+ value: value3,
+ startAngle: 75,
+ speed: 0,
+ animation: "easeInOutCubic",
+ color: "#FE5DA3",
+ backgroundColor: "#FFC6DF",
+ size: 340,
+ lineCap: "round",
+ });
+ $(".circleChart2").circleChart({
+ value: value2,
+ startAngle: 75,
+ speed: 0,
+ animation: "easeInOutCubic",
+ color: "#5BE7DC",
+ backgroundColor: "#C6F7F3",
+ size: 268,
+ lineCap: "round",
+ widthRatio: 0.25,
+ });
+ $(".circleChart3").circleChart({
+ value: value1,
+ startAngle: 75,
+ speed: 0,
+ animation: "easeInOutCubic",
+ color: "#B993FA",
+ backgroundColor: "#E7D9FC",
+ size: 198,
+ lineCap: "round",
+ widthRatio: 0.3,
+ });
+ $(".top-box-li1 .top-box-tips1 span").text(data.result.popualrData.popualr)
+ $(".top-box-li1 .top-box-tips2 span").text(data.result.liveAvgOnline)
+ $(".top-box-li1 .top-box-tips3 span").text(data.result.giftDriverTotal)
+ $(".top-box-li2 .top-box-tips1 span").text(data.result.interactData.interact)
+ $(".top-box-li2 .top-box-tips2 span").text(data.result.speakDriverTotal)
+ $(".top-box-li2 .top-box-tips3 span").text(data.result.speakSendTotal)
+ $("body").unbind("click").on("click", function () {
+ $(".top-box-li1 .top-box-tips").hide()
+ $(".top-box-li2 .top-box-tips").hide()
+ $(".top-box-li3 .top-box-tips").hide()
+ })
+ $(".top-box-li1").unbind("click").on("click", function () {
+ setTimeout(function () {
+ $(".top-box-li1 .top-box-tips").fadeIn(200)
+ }, 100)
+
+ })
+ $(".top-box-li2").unbind("click").on("click", function () {
+ setTimeout(function () {
+ $(".top-box-li2 .top-box-tips").fadeIn(200)
+ }, 100)
+ })
+ $(".top-box-li3").unbind("click").on("click", function () {
+ setTimeout(function () {
+ $(".top-box-li3 .top-box-tips").fadeIn(200)
+ }, 100)
+ })
+ //領取狀態
+ if (data.result.statusData.bondsStatus == 1) {
+ $(".day-box2 .bar-big-box").hide()
+ $(".day-box2 .btn-get").show()
+ $(".day-box2").unbind("click")
+ }
+ if (data.result.statusData.bondsStatus == 2) {
+ var html = [];
+ html += '<div class="box-shadow">';
+ html += '<img class="check" src="images/check.png" alt="">';
+ html += '</div>';
+ $(".day-box2").append(html)
+ }
+ if (data.result.statusData.popularStatus1 == 1) {
+ $(".day-box3 .bar-big-box").hide()
+ $(".day-box3 .btn-get").show()
+ $(".day-box3").unbind("click")
+ }
+ if (data.result.statusData.popularStatus1 == 2) {
+ var html = [];
+ html += '<div class="box-shadow">';
+ html += '<img class="check" src="images/check.png" alt="">';
+ html += '</div>';
+ $(".day-box3").append(html)
+ $(".day-box3").unbind("click")
+ }
+ if (data.result.statusData.interactStatus1 == 1) {
+ $(".day-box4 .bar-big-box").hide()
+ $(".day-box4 .btn-get").show()
+ $(".day-box4").unbind("click")
+ }
+ if (data.result.statusData.interactStatus1 == 2) {
+ var html = [];
+ html += '<div class="box-shadow">';
+ html += '<img class="check" src="images/check.png" alt="">';
+ html += '</div>';
+ $(".day-box4").append(html)
+ $(".day-box4").unbind("click")
+ }
+ if (data.result.statusData.popularStatus2 == 1) {
+ $(".day-box5 .bar-big-box").hide()
+ $(".day-box5 .btn-get").show()
+ $(".day-box5").unbind("click")
+ }
+ if (data.result.statusData.popularStatus2 == 2) {
+ var html = [];
+ html += '<div class="box-shadow">';
+ html += '<img class="check" src="images/check.png" alt="">';
+ html += '</div>';
+ $(".day-box5").append(html)
+ $(".day-box5").unbind("click")
+ }
+ if (data.result.statusData.interactStatus2 == 1) {
+ $(".day-box6 .bar-big-box").hide()
+ $(".day-box6 .btn-get").show()
+ $(".day-box6").unbind("click")
+ }
+ if (data.result.statusData.interactStatus2 == 2) {
+ var html = [];
+ html += '<div class="box-shadow">';
+ html += '<img class="check" src="images/check.png" alt="">';
+ html += '</div>';
+ $(".day-box6").append(html)
+ $(".day-box6").unbind("click")
+ }
+ if (data.result.statusData.popularStatus1 == 0) {
+ var html = [];
+ html += '<div class="box-shadow">';
+ html += '<img class="lock" src="images/lock.png" alt="">';
+ html += '</div>';
+ $(".day-box4 ,.day-box5").append(html)
+ $(".day-box4").unbind("click").on("click", function () {
+ if (sessionStorage.lang == 1) layer.msg("It can be unlocked after <br> the Pop Index reaches" + data.result.popualrData.popularTarget1 + "")
+ else if (sessionStorage.lang == 8) layer.msg("Nó có thể được mở khóa sau khi Chỉ <br> số Pop đạt " + data.result.popualrData.popularTarget1 + "")
+ else if (sessionStorage.lang == 10) layer.msg("Se puede desbloquear cuando el Índice pop alcanza las " + data.result.popualrData.popularTarget1 + "")
+ else layer.msg("人氣指數達到" + data.result.popualrData.popularTarget1 + "后可解鎖")
+ })
+ $(".day-box5").unbind("click").on("click", function () {
+ if (sessionStorage.lang == 1) layer.msg("It can be unlocked after <br> the Pop Index reaches" + data.result.popualrData.popularTarget1 + "")
+ else if (sessionStorage.lang == 8) layer.msg("Nó có thể được mở khóa sau khi Chỉ <br> số Pop đạt " + data.result.popualrData.popularTarget1 + "")
+ else if (sessionStorage.lang == 10) layer.msg("Se puede desbloquear cuando el Índice pop alcanza las " + data.result.popualrData.popularTarget1 + "")
+ else layer.msg("人氣指數達到" + data.result.popualrData.popularTarget1 + "后可解鎖")
+ })
+ }
+
+ if (data.result.statusData.popularStatus2 == 0) {
+ var html = [];
+ html += '<div class="box-shadow">';
+ html += '<img class="lock" src="images/lock.png" alt="">';
+ html += '</div>';
+ $(".day-box6").append(html)
+ $(".day-box6").unbind("click").on("click", function () {
+ if (sessionStorage.lang == 1) layer.msg("It can be unlocked after <br> the Pop Index reaches" + data.result.popualrData.popularTarget2 + "")
+ else if (sessionStorage.lang == 8) layer.msg("Nó có thể được mở khóa sau khi Chỉ <br> số Pop đạt " + data.result.popualrData.popularTarget2 + "")
+ else if (sessionStorage.lang == 10) layer.msg("Se puede desbloquear cuando el Índice pop alcanza las " + data.result.popualrData.popularTarget2 + "")
+ else layer.msg("人氣指數達到" + data.result.popualrData.popularTarget2 + "后可解鎖")
+
+ })
+ }
+ // if(data.result.liveTimeData.hour<2){
+ // var html=[];
+ // html+='<div class="box-shadow">';
+ // html+='<img class="lock" src="images/lock.png" alt="">';
+ // html+='</div>';
+ // $(".day-box5,.day-box6").append(html)
+ // }
+ }
+ })
- }
- $(".btn-get").unbind("click").on("click",function(){
- var _self=$(this).attr("data-type")
- if(myTime<2){
- if(sessionStorage.lang==1) layer.msg("Other rewards can be received after the live broadcast reaches 2 hours")
- else if(sessionStorage.lang==8)layer.msg("Phần thưởng có thể nhận được sau khi phát sóng trực tiếp đạt 2 giờ")
- else if(sessionStorage.lang==10)layer.msg("Se pueden recibir otras recompensas una vez que la transmisión en vivo llegue a las 2 horas")
- else layer.msg("直播達到2小時后可領取其他獎勵")
- return;
}
- $.ajax({
- url:$ip+'/actPopularInteractIndex/receiveReward.html',
- data:{
- roomId:sessionStorage.uid,
- lang:sessionStorage.lang,
- rewardType:_self
- },
- success:function(data){
- console.log('领取奖励',data)
- if(data.code!=1){
+ $(".btn-get").unbind("click").on("click", function () {
+ var _self = $(this).attr("data-type")
+ if (myTime < 2) {
+ if (sessionStorage.lang == 1) layer.msg("Other rewards can be received after the live broadcast reaches 2 hours")
+ else if (sessionStorage.lang == 8) layer.msg("Phần thưởng có thể nhận được sau khi phát sóng trực tiếp đạt 2 giờ")
+ else if (sessionStorage.lang == 10) layer.msg("Se pueden recibir otras recompensas una vez que la transmisión en vivo llegue a las 2 horas")
+ else layer.msg("直播達到2小時后可領取其他獎勵")
+ return;
+ }
+ $.ajax({
+ url: $ip + '/actPopularInteractIndex/receiveReward.html',
+ data: {
+ roomId: sessionStorage.uid,
+ lang: sessionStorage.lang,
+ rewardType: _self
+ },
+ success: function (data) {
+ console.log('领取奖励', data)
+ if (data.code != 1) {
+ layer.msg(data.msg)
+ return;
+ }
+ liveView()
layer.msg(data.msg)
- return;
}
- liveView()
- layer.msg(data.msg)
- }
+ })
+ event.stopPropagation();
})
- event.stopPropagation();
- })
- // 定义一个新cid=30(注意以上打开的所有网页都可以使用cid=14关闭网页来主动关闭)
- // popupType 1全屏 2半屏 3浮动屏（默认居中）
- // heightR 弹窗高度 单位vw（是指相对于视口的宽度;视口会被均分为100单位的vw,则1vw等于视口宽度的1%）
- // widthR 弹窗宽度 单位vw
- // clickBlank 点击页面外区域是否关闭 0不关闭 1关闭
- // url： 需要打开的页面的url（默认拼接uid token roomid，判断链接是否有已带参数如果有参数拼接& 符号，如无带有参数拼接? 符号）
- // top: 距离顶部位置 单位vw
- // left: 距离左边位置 单位vw
- // bottom: 距离底部位置 单位vw
- // right: 距离右边位置 单位vw
-
- // 如 popupType ==1时 只需要用到url参数
- // 如 popupType ==2时 用到heightR clickBlank url 三个参数
- // 如 popupType ==3时 优先级 top>bottom left>right (如果没传相关参数，即居中显示)
-
-
+ // 定义一个新cid=30(注意以上打开的所有网页都可以使用cid=14关闭网页来主动关闭)
+ // popupType 1全屏 2半屏 3浮动屏（默认居中）
+ // heightR 弹窗高度 单位vw（是指相对于视口的宽度;视口会被均分为100单位的vw,则1vw等于视口宽度的1%）
+ // widthR 弹窗宽度 单位vw
+ // clickBlank 点击页面外区域是否关闭 0不关闭 1关闭
+ // url： 需要打开的页面的url（默认拼接uid token roomid，判断链接是否有已带参数如果有参数拼接& 符号，如无带有参数拼接? 符号）
+ // top: 距离顶部位置 单位vw
+ // left: 距离左边位置 单位vw
+ // bottom: 距离底部位置 单位vw
+ // right: 距离右边位置 单位vw
- // 例子1(打开全屏网页):
- // var obj = {
- // "cid": 30,
- // "reqCode": new Date().getTime(),
- // "data": {
- // "msg": '打开新网页',
- // "popupType": 1,
- // "url":'url',
- // }
- // }
+ // 如 popupType ==1时 只需要用到url参数
+ // 如 popupType ==2时 用到heightR clickBlank url 三个参数
+ // 如 popupType ==3时 优先级 top>bottom left>right (如果没传相关参数，即居中显示)
- // 例子2(打开半屏网页):
- // var obj = {
- // "cid": 30,
- // "reqCode": new Date().getTime(),
- // "data": {
- // "msg": '打开新网页',
- // "popupType": 2,
- // "clickBlank":1,
- // "heightR":100,
- // "url":'url',
- // }
- // }
- // 例子3(打开浮动网页):
- // var obj = {
- // "cid": 30,
- // "reqCode": new Date().getTime(),
- // "data": {
- // "msg": '打开新网页',
- // "popupType": 3,
- // "clickBlank":1,
- // "heightR":100,
- // "widthR":100,
- // "url":'url',
- // }
- // }
-})
+
+
+ // 例子1(打开全屏网页):
+ // var obj = {
+ // "cid": 30,
+ // "reqCode": new Date().getTime(),
+ // "data": {
+ // "msg": '打开新网页',
+ // "popupType": 1,
+ // "url":'url',
+ // }
+ // }
+
+ // 例子2(打开半屏网页):
+ // var obj = {
+ // "cid": 30,
+ // "reqCode": new Date().getTime(),
+ // "data": {
+ // "msg": '打开新网页',
+ // "popupType": 2,
+ // "clickBlank":1,
+ // "heightR":100,
+ // "url":'url',
+ // }
+ // }
+ // 例子3(打开浮动网页):
+ // var obj = {
+ // "cid": 30,
+ // "reqCode": new Date().getTime(),
+ // "data": {
+ // "msg": '打开新网页',
+ // "popupType": 3,
+ // "clickBlank":1,
+ // "heightR":100,
+ // "widthR":100,
+ // "url":'url',
+ // }
+ // }
+ })
</script>
+
</html>
\ No newline at end of file
diff --git a/activeFt/liveData/index2.html b/activeFt/liveData/index2.html
new file mode 100644
index 0000000..8aba52b
--- /dev/null
+++ b/activeFt/liveData/index2.html
@@ -0,0 +1,743 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="utf-8"/>
+ <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
+ <meta name="apple-mobile-web-app-capable" content="yes">
+ <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
+ <meta content="telephone=no" name="format-detection">
+ <meta name="wap-font-scale" content="no">
+ <title>直播概況</title>
+ <script src="lib/fsize.js"></script>
+ <link rel="stylesheet" href="css/base.css">
+ <link rel="stylesheet" href="css/layer.css">
+ <link rel="stylesheet" href="css/daily.css">
+ <link rel="stylesheet" href="css/index.css?v=2023050903">
+ <link rel="stylesheet" href="css/liMarquee.css">
+ <style>
+ .layui-layer-shade {
+ opacity: 0.7 !important;
+ }
+
+ .yourclass5 {
+ border-radius: 0rem !important;
+ background: rgba(0, 0, 0, 0) !important;
+ }
+
+ .yourclass5 .layui-layer-content {
+ border-radius: 0rem !important;
+ }
+ </style>
+</head>
+<body>
+ <div class="bg">
+ <div style="display: none;" class="tips-shadow">
+ <div style="display: none;" class="tips1-box">
+ <li class="tips-top-box-li1">
+ <p>780</p>
+ </li>
+ <div class="tips1">
+ <div class="tips1-ok"></div>
+ </div>
+ </div>
+ <div style="display: none;" class="tips2-box">
+ <li class="tips-top-box-li2">
+ <p>780</p>
+ </li>
+ <div class="tips2">
+ <div class="tips2-ok"></div>
+ </div>
+ </div>
+ <div style="display: none;" class="tips3-box">
+ <div class="tips3">
+ <div class="tips3-box1">80</div>
+ <div class="tips3-box2">獎勵: <img src="images/7590/fire2.png?v=2023050901">1500</div>
+ <div class="tips3-ok"></div>
+ </div>
+ </div>
+ </div>
+
+ <div class="live-title"><span>今日直播</span> <i style="font-style: normal;"></i></div>
+ <a href="rule.html?v=2022010601"><div class="rule-btn">活動規則></div></a>
+ <div class="live-top-box">
+ <p class="live-top-p1">0小時</p>
+ <p class="live-top-p2">目標 : 2小時</p>
+ </div>
+ <div class="live-line"></div>
+ <div class="live-content">
+ <ul class="top-box-ul">
+ <li class="top-box-li1">
+ <p></p>
+ <div style="display: none;" class="top-box-tips">
+ <div class="triangle"></div>
+ <p class="top-box-tips1">人氣指數: <span></span></p>
+ <p class="top-box-tips2">平均在線人數: <span></span></p>
+ <p class="top-box-tips3">贈送禮物人數: <span></span></p>
+ <div class="top-box-content-tips">平均每小時直播間在線人數越多、送禮人數越多則人氣指數越高</div>
+ </div>
+ </li>
+ <li class="top-box-li2">
+ <p></p>
+ <div style="display: none;" class="top-box-tips">
+ <div class="triangle"></div>
+ <p class="top-box-tips1">互動指數: <span></span></p>
+ <p class="top-box-tips2">聊天人數: <span></span></p>
+ <p class="top-box-tips3">聊天條數: <span></span></p>
+ <div class="top-box-content-tips">平均每小時直播間聊天人數越多、聊天條數越多則互動指數越高</div>
+ </div>
+ </li>
+ <li class="top-box-li3">
+ <p></p>
+ <div style="display: none;" class="top-box-tips">
+ <div class="triangle"></div>
+ <div class="top-box-content-tips">羽毛收益越高則禮物指數越高</div>
+ </div>
+ </li>
+ </ul>
+ <div class="top-box-view">
+ <div class="circleChart1" ></div>
+ <div class="circleChart2" ></div>
+ <div class="circleChart3" ></div>
+ </div>
+ </div>
+ <div class="live-line2"></div>
+ <div class="day-top-box">
+ <p class="day-top-box-p">今日目標</p>
+ <p class="day-top-box-p2">總獎勵 : <img src="images/7590/fire1.png?v=2023050901" alt="">--</p>
+ </div>
+ <div class="day-box-content clearfix">
+
+ <div class="day-box1">
+ <p class="day-title">直播</p>
+ <p class="day-num">2小時</p>
+ <span class="percentage-num">0%</span>
+ <div class="bar-big-box">
+ <div class="bar-content">
+ <div class="bar-nav"></div>
+ </div>
+ </div>
+ <div class="btn-get"></div>
+ </div>
+ <div class="day-box2">
+ <p class="day-title">收益</p>
+ <p class="day-num"><img src="images/7590/fire1.png?v=2023050901"></p>
+ <span class="percentage-num">0%</span>
+ <div class="bar-big-box">
+ <div class="bar-content">
+ <div class="bar-nav"></div>
+ </div>
+ </div>
+ <div class="award-box">獎勵: <img src="images/7590/fire2.png?v=2023050901"> --</div>
+ <div data-type="1" class="btn-get"></div>
+ </div>
+ <div class="day-box3">
+ <p class="day-title">人氣</p>
+ <p class="day-num"></p>
+ <span class="percentage-num">0%</span>
+ <div class="bar-big-box">
+ <div class="bar-content">
+ <div class="bar-nav"></div>
+ </div>
+ </div>
+ <div class="award-box">獎勵: <img src="images/7590/fire2.png?v=2023050901"> --</div>
+ <div data-type="2" class="btn-get"></div>
+ </div>
+ <div class="day-box4">
+ <p class="day-title">互動</p>
+ <p class="day-num"></p>
+ <span class="percentage-num">0%</span>
+ <div class="bar-big-box">
+ <div class="bar-content">
+ <div class="bar-nav"></div>
+ </div>
+ </div>
+ <div class="award-box">獎勵: <img src="images/7590/fire2.png?v=2023050901"> --</div>
+ <div data-type="4" class="btn-get"></div>
+ </div>
+ <div class="day-box5">
+ <p class="day-title">人氣</p>
+ <p class="day-num"></p>
+ <span class="percentage-num">0%</span>
+ <div class="bar-big-box">
+ <div class="bar-content">
+ <div class="bar-nav"></div>
+ </div>
+ </div>
+ <div class="award-box">獎勵: <img src="images/7590/fire2.png?v=2023050901"> --</div>
+ <div data-type="3" class="btn-get"></div>
+ </div>
+ <div class="day-box6">
+ <p class="day-title">互動</p>
+ <p class="day-num"></p>
+ <span class="percentage-num">0%</span>
+ <div class="bar-big-box">
+ <div class="bar-content">
+ <div class="bar-nav"></div>
+ </div>
+ </div>
+ <div class="award-box">獎勵: <img src="images/7590/fire2.png?v=2023050901"> --</div>
+ <div data-type="5" class="btn-get"></div>
+ </div>
+ </div>
+ </div>
+</body>
+<script src="lib/jquery-3.1.1.min.js"></script>
+<script src="lib/circleChart.min.js"></script>
+<script src="layer-v3.1.0/layer/layer.js"></script>
+<script src="lib/default.js?v='2024061701'"></script>
+
+<script>
+$(function(){
+ var t1=null
+ var textObj={
+ txt1:"小時",
+ txt2:"獎勵",
+ txt3:"總獎勵",
+ }
+ if(sessionStorage.lang==1){
+ textObj={
+ txt1:"hours",
+ txt2:"Rewards",
+ txt3:"total reward",
+ }
+ $(".day-top-box-p").text("Today's Goal")
+ $("title").text("Live overview")
+ $(".btn-get").addClass("btn-get-en")
+ $(".rule-btn").text('Event Rules >')
+ $(".day-box1 .day-title").text('Live')
+ $(".day-box2 .day-title").text('income')
+ $(".day-box3 .day-title").text('Pop Index')
+ $(".day-box4 .day-title").text('Interactive')
+ $(".day-box5 .day-title").text('Pop Index')
+ $(".day-box6 .day-title").text("Interactive")
+ $(".live-top-p2").text("Goals: 2hours")
+ $(".live-title span").text("Today's Live")
+ $(".top-box-li1 .top-box-content-tips").text("The more people online and giving gifts in the average hourly live room, the higher the Pop Index.")
+ $(".top-box-li1 .top-box-tips").css("height","3.7rem").css("width","3.8rem")
+ $(".top-box-li1 .top-box-tips1").html('Pop Index: <span></span>')
+ $(".top-box-li1 .top-box-tips2").html('Avg Online Users: <span></span>')
+ $(".top-box-li1 .top-box-tips3").html('Sending gifts Users: <span></span>')
+ $(".top-box-li2 .top-box-tips1").html('Interactive index: <span></span>')
+ $(".top-box-li2 .top-box-tips2").html('Chat Users: <span></span>')
+ $(".top-box-li2 .top-box-tips3").html('Chat Messages: <span></span>')
+ $(".top-box-li2 .top-box-content-tips").text("The more people chat in the average hourly live room, the higher the Interactive Index.")
+ $(".top-box-li3 .top-box-content-tips").text('The more gifts received (increased FEATHERs), the higher the Gift Index')
+ $(".top-box-li2 .top-box-tips").css("height","3.7rem")
+ $(".top-box-li3 .top-box-tips").css("height","1.8rem")
+ $(".top-box-li1").addClass("top-box-li1-en")
+ $(".top-box-li2").addClass("top-box-li2-en")
+ $(".top-box-li3").addClass("top-box-li3-en")
+ $(".tips1").addClass("tips1-en")
+ $(".tips2").addClass("tips2-en")
+ $(".tips3").addClass("tips3-en")
+ $(".tips1-ok").css("top","5.38rem").css("left","3.4rem")
+ $(".tips2-ok").css("top","5.4rem").css("left","3.35rem")
+ $(".tips3-ok").css("top","5.55rem").css("left","3.25rem")
+ }
+ if(sessionStorage.lang==8){
+ textObj={
+ txt1:"giờ",
+ txt2:"thưởng",
+ txt3:"tổng phần thưởng",
+ }
+ $(".day-top-box-p").text("Mục tiêu hôm nay")
+ $("title").text("Tổng quan trực tiếp")
+ $(".btn-get").addClass("btn-get-tv")
+ $(".rule-btn").text('Thể lệ sự kiện')
+ $(".day-box1 .day-title").text('Trực tiếp')
+ $(".day-box2 .day-title").text('thu nhập')
+ $(".day-box3 .day-title").text('chỉ số nhạc pop')
+ $(".day-box4 .day-title").text('chỉ số tương tác')
+ $(".day-box5 .day-title").text('chỉ số nhạc pop')
+ $(".day-box6 .day-title").text("chỉ số tương tác")
+ $(".live-top-p2").text("Bàn thắng: 2giờ")
+ $(".live-title span").text("Trực tiếp hôm nay")
+ $(".top-box-li1 .top-box-content-tips").text("Càng nhiều người trực tuyến và tặng quà trong phòng trực tiếp trung bình mỗi giờ, Chỉ số Pop càng cao.")
+ $(".top-box-li1 .top-box-tips").css("height","4.3rem").css("width","3.9rem")
+ $(".top-box-li1 .top-box-content-tips").css("width","3.7rem")
+ $(".top-box-li1 .top-box-tips1").html('chỉ số nhạc pop: <span></span>')
+ $(".top-box-li1 .top-box-tips2").html('Số người dùng trực tuyến trung bình: <span></span>')
+ $(".top-box-li1 .top-box-tips3").html('Số người tặng quà: <span></span>')
+ $(".top-box-li2 .top-box-tips1").html('chỉ số tương tác: <span></span>')
+ $(".top-box-li2 .top-box-tips2").html('Số người trò chuyện: <span></span>')
+ $(".top-box-li2 .top-box-tips3").html('Số cuộc trò chuyện: <span></span>')
+ $(".top-box-li2 .top-box-content-tips").text("Càng nhiều người trò chuyện trong phòng trực tiếp trung bình mỗi giờ, Chỉ số tương tác càng cao.")
+ $(".top-box-li3 .top-box-content-tips").text('Nhận càng nhiều quà (tăng LÔNG) thì chỉ số Quà càng cao.')
+ $(".top-box-li2 .top-box-tips").css("height","4.7rem")
+ $(".top-box-li3 .top-box-tips").css("height","1.8rem")
+ $(".top-box-li1").addClass("top-box-li1-tv")
+ $(".top-box-li2").addClass("top-box-li2-tv")
+ $(".top-box-li3").addClass("top-box-li3-tv")
+ $(".tips1").addClass("tips1-tv")
+ $(".tips2").addClass("tips2-tv")
+ $(".tips3").addClass("tips3-tv")
+ $(".tips1-ok").css("top","5.38rem").css("left","3.4rem")
+ $(".tips2-ok").css("top","5.4rem").css("left","3.35rem")
+ $(".tips3-ok").css("top","5.55rem").css("left","3.25rem")
+ //修改越南语样式
+ $(".tips3-box").css("left","0rem")
+ $(".day-box3 .day-title").css("font-size","0.35rem").css("top","0.42rem").css("left","0.2rem")
+ $(".day-box4 .day-title").css("font-size","0.35rem").css("top","0.42rem").css("left","0.2rem")
+ $(".day-box5 .day-title").css("font-size","0.35rem").css("top","0.42rem").css("left","0.2rem")
+ $(".day-box6 .day-title").css("font-size","0.35rem").css("top","0.42rem").css("left","0.2rem")
+ }
+ if(sessionStorage.lang==10){
+ textObj={
+ txt1:"horas",
+ txt2:"Premio",
+ txt3:"recompensa total",
+ }
+ $(".day-top-box-p").text("Objetivo de hoy")
+ $("title").text("Visión general en vivo")
+ $(".btn-get").addClass("btn-get-es")
+ $(".rule-btn").text('Reglas del evento >')
+ $(".day-box1 .day-title").text('En vivo')
+ $(".day-box2 .day-title").text('ingresos')
+ $(".day-box3 .day-title").text('Índice pop')
+ $(".day-box4 .day-title").html('Índice de<br> interacción')
+ $(".day-box5 .day-title").text('Índice pop')
+ $(".day-box6 .day-title").html("Índice de<br> interacción")
+ $(".live-top-p2").text("Objetivos: 2horas")
+ $(".live-title span").text("Vivo de hoy")
+ $(".top-box-li1 .top-box-content-tips").text("Cuantas más personas estén en línea y hagan regalos en la sala en vivo de media por hora, mayor será el Índice pop.")
+ $(".top-box-li1 .top-box-tips").css("height","5.5rem").css("width","4rem")
+ $(".top-box-li1 .top-box-tips1").html('Índice pop: <span></span>')
+ $(".top-box-li1 .top-box-tips2").html('Usuarios de media en línea: <span></span>')
+ $(".top-box-li1 .top-box-tips3").html('Envío de regalos a usuarios: <span></span>')
+ $(".top-box-li2 .top-box-tips1").html('Índice de interacción: <span></span>')
+ $(".top-box-li2 .top-box-tips2").html('Usuarios de chat: <span></span>')
+ $(".top-box-li2 .top-box-tips3").html('Mensajes de chat: <span></span>')
+ $(".top-box-li2 .top-box-content-tips").text("Cuantas más personas chateen en la sala de estar de media por hora, mayor será el Índice de interacción.")
+ $(".top-box-li3 .top-box-content-tips").text('Cuantos más regalos se reciban (aumento de PLUMAS), mayor será el Índice de regalos')
+ $(".top-box-li2 .top-box-tips").css("height","4.5rem").css("width","4.5rem")
+ $(".top-box-li3 .top-box-tips").css("height","2.8rem")
+ $(".top-box-li1").addClass("top-box-li1-es")
+ $(".top-box-li2").addClass("top-box-li2-es")
+ $(".top-box-li3").addClass("top-box-li3-es")
+ $(".tips1").addClass("tips1-es")
+ $(".tips2").addClass("tips2-es")
+ $(".tips3").addClass("tips3-es")
+ $(".tips1-ok").css("top","5.38rem").css("left","3.4rem")
+ $(".tips2-ok").css("top","5.4rem").css("left","3.35rem")
+ $(".tips3-ok").css("top","5.55rem").css("left","3.25rem")
+ //修改越南语样式
+ $(".tips3-box").css("left","0rem")
+ $(".day-box3 .day-title").css("font-size","0.35rem").css("top","0.42rem").css("left","0.2rem")
+ $(".day-box4 .day-title").css("font-size","0.35rem").css("top","0.42rem").css("left","0.2rem")
+ $(".day-box5 .day-title").css("font-size","0.35rem").css("top","0.42rem").css("left","0.2rem")
+ $(".day-box6 .day-title").css("font-size","0.35rem").css("top","0.42rem").css("left","0.2rem")
+ }
+ $(".tips-shadow").css("height",$(document).height()+'px')
+
+ var myTime=0
+ liveView()
+
+ if(localStorage.one==undefined){
+ localStorage.one=1
+ guide()
+ }
+ function guide(){
+ $(".tips-shadow").fadeIn(350)
+ $(".tips1-box").show()
+ $(".tips1-ok").unbind("click").on("click",function(){
+ $(".tips1-box").hide()
+ $(".tips2-box").fadeIn(350)
+ })
+ $(".tips2-ok").unbind("click").on("click",function(){
+ scrollTo(".day-box3",500)
+ $(".tips2-box").hide()
+ $(".tips3-box").fadeIn(350)
+ })
+ $(".tips3-ok").unbind("click").on("click",function(){
+ $(".tips-shadow").fadeOut(350)
+ })
+ }
+ function liveView(){
+ $.ajax({
+ url:$ip+'/actPopularInteractIndex/queryUserIndexInfo.html',
+ data:{
+ roomId:sessionStorage.uid
+ },
+ success:function(data){
+ console.log('查询主播互动指数',data)
+ clearInterval(t1)
+ $(".live-title i").text('('+timeDeal2(data.result.endTodayTimeStamp,data.result.timeStamp)[1]+':'+timeDeal2(data.result.endTodayTimeStamp,data.result.timeStamp)[2]+':'+timeDeal2(data.result.endTodayTimeStamp,data.result.timeStamp)[3]+')')
+ t1=setInterval(function(){
+ data.result.timeStamp+=1000
+ $(".live-title i").text('('+timeDeal2(data.result.endTodayTimeStamp,data.result.timeStamp)[1]+':'+timeDeal2(data.result.endTodayTimeStamp,data.result.timeStamp)[2]+':'+timeDeal2(data.result.endTodayTimeStamp,data.result.timeStamp)[3]+')')
+ },1000)
+ $(".day-box1,.day-box2,.day-box3,.day-box4,.day-box5,.day-box6").unbind("click")
+ $(".day-box1").on("click",function(){
+ if(data.result.liveTimeData.hour<2){
+ if(sessionStorage.lang==1) layer.msg("Other rewards can be received after <br> the live broadcast reaches 2 hours")
+ else if(sessionStorage.lang==8)layer.msg("Phần thưởng có thể nhận được<br> sau khi phát sóng trực tiếp đạt 2 giờ")
+ else if(sessionStorage.lang==10)layer.msg("Se pueden recibir otras recompensas una vez<br> que la transmisión en vivo llegue a las 2 horas")
+ else layer.msg("直播達到2小時后可領取其他獎勵")
+ }else{
+ if(sessionStorage.lang==1) layer.msg("The live broadcast goals have been achieved, you can continued <br> to complete other goals to receive rewards")
+ else if(sessionStorage.lang==8)layer.msg("Các mục tiêu phát sóng trực tiếp đã đạt <br> được, bạn có thể tiếp tục hoàn thành các mục tiêu khác để nhận phần thưởng")
+ else if(sessionStorage.lang==10)layer.msg("Una vez conseguidos los objetivos de la transmisión en vivo,<br> puede seguir completando otros objetivos para recibir recompensas.")
+ else layer.msg("直播目標已達成，可完成其他目標獎勵")
+
+ }
+ })
+ if(data.result.bondsData.bonds<3000){
+ $(".day-box2").on("click",function(){
+ if(sessionStorage.lang==1)layer.msg("Rewards can be received after <br> reaching "+data.result.bondsData.bondsTarget1+" Feathers")
+ else if(sessionStorage.lang==8)layer.msg("Phần thưởng có thể nhận được sau <br> khi đạt "+data.result.bondsData.bondsTarget1+" lông vũ")
+ else if(sessionStorage.lang==10)layer.msg("Phần thưởng có thể nhận được sau <br> khi đạt "+data.result.bondsData.bondsTarget1+" lông vũ")
+ else layer.msg("收益到達"+data.result.bondsData.bondsTarget1+"羽毛后可領取")
+ })
+ }
+ $(".day-box3").on("click",function(){
+ if(sessionStorage.lang==1) layer.msg("Rewards can be received after the Pop <br> Index reaches "+data.result.popualrData.popularTarget1+"")
+ else if(sessionStorage.lang==8)layer.msg('Phần thưởng có thể nhận được sau khi <br> Chỉ số Pop đạt '+data.result.popualrData.popularTarget1+'')
+ else if(sessionStorage.lang==10)layer.msg('Las recompensas se pueden recibir después <br> de que el Índice pop alcanza las '+data.result.popualrData.popularTarget1+'')
+ else layer.msg("人氣指數到達"+data.result.popualrData.popularTarget1+"后可領取")
+
+ })
+ $(".day-box4").on("click",function(){
+ if(sessionStorage.lang==1) layer.msg("Rewards can be received after <br> the Interactive index reaches "+data.result.interactData.interactTarget1+"")
+ else if(sessionStorage.lang==8)layer.msg("Phần thưởng có thể nhận sau khi chỉ số <br> Tương tác đạt "+data.result.interactData.interactTarget1+"")
+ else if(sessionStorage.lang==10)layer.msg("Las recompensas se pueden recibir después <br> de que el interacción alcanza las "+data.result.interactData.interactTarget1+"")
+ else layer.msg("互動指數到達"+data.result.interactData.interactTarget1+"后可領取")
+
+ })
+ $(".day-box5").on("click",function(){
+ if(sessionStorage.lang==1) layer.msg("Rewards can be received after <br> the Pop Index reaches "+data.result.popualrData.popularTarget2+"")
+ else if(sessionStorage.lang==8)layer.msg("Phần thưởng có thể nhận được sau khi <br> Chỉ số Pop đạt "+data.result.popualrData.popularTarget2+"")
+ else if(sessionStorage.lang==10)layer.msg("Las recompensas se pueden recibir después >nr? de que el Índice pop alcanza las "+data.result.popualrData.popularTarget2+"")
+ else layer.msg("人氣指數到達"+data.result.popualrData.popularTarget2+"后可領取")
+
+ })
+ $(".day-box6").on("click",function(){
+ if(sessionStorage.lang==1) layer.msg("Rewards can be received after <br> the Interactive index reaches "+data.result.interactData.interactTarget2+"")
+ else if(sessionStorage.lang==8)layer.msg("Phần thưởng có thể nhận sau khi chỉ số <br> Tương tác đạt "+data.result.interactData.interactTarget2+"")
+ else if(sessionStorage.lang==10)layer.msg("Las recompensas se pueden recibir después <br> de que el interacción alcanza las "+data.result.interactData.interactTarget2+"")
+ else layer.msg("互動指數到達"+data.result.interactData.interactTarget2+"后可領取")
+ })
+ //直播时长
+ myTime=data.result.liveTimeData.hour
+ $(".day-box1 .day-num").html(''+data.result.liveTimeData.hourTarget+''+textObj.txt1+'')
+ $(".live-top-p1").text(''+data.result.liveTimeData.hour+''+textObj.txt1+'')
+ var barWidth=Math.floor((data.result.liveTimeData.hour/data.result.liveTimeData.hourTarget)*100)
+ if(barWidth>100)barWidth=100
+ $(".day-box1 .percentage-num").text(''+barWidth+'%')
+ $(".day-box1 .bar-nav").css("width",barWidth+"%")
+ //主播收益
+ $(".top-box-li3 p").text(data.result.bondsData.bonds)
+ $(".day-box2 .day-num").html('<img src="images/7590/fire1.png?v=2023050901">'+data.result.bondsData.bondsReward1+'')
+ var barWidth=Math.floor((data.result.bondsData.bonds/data.result.bondsData.bondsTarget1)*100)
+ if(barWidth>100)barWidth=100
+ $(".day-box2 .bar-nav").css("width",""+barWidth+"%")
+ $(".day-box2 .percentage-num").text(''+barWidth+'%')
+ $(".day-box2 .award-box").html(''+textObj.txt2+': <img src="images/7590/fire2.png?v=2023050901"> '+data.result.bondsData.bondsTarget1+'')
+ //人气收益1
+ $(".day-box3 .day-num").text(data.result.popualrData.popularTarget1)
+ $(".day-box3 .award-box").html(''+textObj.txt2+': <img src="images/7590/fire2.png?v=2023050901"> '+data.result.popualrData.popularReward1+'')
+ var barWidth=Math.floor((data.result.popualrData.popualr/data.result.popualrData.popularTarget1)*100)
+ if(barWidth>100)barWidth=100
+ $(".day-box3 .percentage-num").text(''+barWidth+'%')
+ $(".day-box3 .bar-nav").css("width",""+barWidth+"%")
+ if(data.result.statusData.popularStatus1==0&&barWidth==100){
+ $(".day-box3 .bar-big-box").hide()
+ $(".day-box3 .btn-get").show()
+ $(".day-box3 .btn-get").unbind("click").on("click",function(){
+ if(sessionStorage.lang==1) layer.msg("Other rewards can be received after <br> the live broadcast reaches 2 hours")
+ else if(sessionStorage.lang==8)layer.msg("Phần thưởng có thể nhận được<br> sau khi phát sóng trực tiếp đạt 2 giờ")
+ else if(sessionStorage.lang==10)layer.msg("Se pueden recibir otras recompensas una vez<br> que la transmisión en vivo llegue a las 2 horas")
+ else layer.msg("直播達到2小時后可領取其他獎勵")
+ event.stopPropagation();
+ return;
+ })
+ }
+ //人气收益2
+ $(".day-box5 .day-num").text(data.result.popualrData.popularTarget2)
+ $(".day-box5 .award-box").html(''+textObj.txt2+': <img src="images/7590/fire2.png?v=2023050901"> '+data.result.popualrData.popularReward2+'')
+ var barWidth=Math.floor((data.result.popualrData.popualr/data.result.popualrData.popularTarget2)*100)
+ if(barWidth>100)barWidth=100
+ $(".day-box5 .percentage-num").text(''+barWidth+'%')
+ $(".day-box5 .bar-nav").css("width",""+barWidth+"%")
+ //互动收益1
+ $(".day-box4 .day-num").text(data.result.interactData.interactTarget1)
+ $(".day-box4 .award-box").html(''+textObj.txt2+': <img src="images/7590/fire2.png?v=2023050901"> '+data.result.interactData.interactReward1+'')
+ var barWidth=Math.floor((data.result.interactData.interact/data.result.interactData.interactTarget1)*100)
+ if(barWidth>100)barWidth=100
+ $(".day-box4 .percentage-num").text(''+barWidth+'%')
+ $(".day-box4 .bar-nav").css("width",""+barWidth+"%")
+ //互动收益2
+ $(".day-box6 .day-num").text(data.result.interactData.interactTarget2)
+ $(".day-box6 .award-box").html(''+textObj.txt2+': <img src="images/7590/fire2.png?v=2023050901"> '+data.result.interactData.interactReward2+'')
+ var barWidth=Math.floor((data.result.interactData.interact/data.result.interactData.interactTarget2)*100)
+ if(barWidth>100)barWidth=100
+ $(".day-box6 .percentage-num").text(''+barWidth+'%')
+ $(".day-box6 .bar-nav").css("width",""+barWidth+"%")
+ var allNum=data.result.interactData.interactReward1+data.result.interactData.interactReward2+data.result.popualrData.popularReward1+data.result.popualrData.popularReward2+data.result.bondsData.bondsReward1
+ $(".day-top-box-p2").html(''+textObj.txt3+' : <img src="images/7590/fire1.png?v=2023050901" alt="">'+allNum+'')
+ //顶部数据
+ $(".top-box-li1 >p").text(data.result.popualrData.popualr)
+ $(".top-box-li2 >p").text(data.result.interactData.interact)
+ $(".top-box-li3 >p").text(data.result.bondsData.bonds)
+ var value1=Math.floor((data.result.bondsData.bonds/data.result.bondsData.bondsTarget1)*100)
+ if(value1>100)value1=100
+ if(value1==0)value1=1
+ var value2=Math.floor((data.result.interactData.interact/data.result.interactData.interactReward2)*100)
+ if(value2>100)value2=100
+ if(value2==0)value2=1
+ var value3=Math.floor((data.result.popualrData.popualr/data.result.popualrData.popularReward2)*100)
+ if(value3>100)value3=100
+ if(value3==0)value3=1
+ $(".circleChart1").circleChart({
+ value: value3,
+ startAngle: 75,
+ speed: 0,
+ animation: "easeInOutCubic",
+ color: "#FE5DA3",
+ backgroundColor: "#FFC6DF",
+ size: 340,
+ lineCap: "round",
+ });
+ $(".circleChart2").circleChart({
+ value: value2,
+ startAngle: 75,
+ speed: 0,
+ animation: "easeInOutCubic",
+ color: "#5BE7DC",
+ backgroundColor: "#C6F7F3",
+ size: 268,
+ lineCap: "round",
+ widthRatio: 0.25,
+ });
+ $(".circleChart3").circleChart({
+ value: value1,
+ startAngle: 75,
+ speed: 0,
+ animation: "easeInOutCubic",
+ color: "#B993FA",
+ backgroundColor: "#E7D9FC",
+ size: 198,
+ lineCap: "round",
+ widthRatio: 0.3,
+ });
+ $(".top-box-li1 .top-box-tips1 span").text(data.result.popualrData.popualr)
+ $(".top-box-li1 .top-box-tips2 span").text(data.result.liveAvgOnline)
+ $(".top-box-li1 .top-box-tips3 span").text(data.result.giftDriverTotal)
+ $(".top-box-li2 .top-box-tips1 span").text(data.result.interactData.interact)
+ $(".top-box-li2 .top-box-tips2 span").text(data.result.speakDriverTotal)
+ $(".top-box-li2 .top-box-tips3 span").text(data.result.speakSendTotal)
+ $("body").unbind("click").on("click",function(){
+ $(".top-box-li1 .top-box-tips").hide()
+ $(".top-box-li2 .top-box-tips").hide()
+ $(".top-box-li3 .top-box-tips").hide()
+ })
+ $(".top-box-li1").unbind("click").on("click",function(){
+ setTimeout(function(){
+ $(".top-box-li1 .top-box-tips").fadeIn(200)
+ },100)
+
+ })
+ $(".top-box-li2").unbind("click").on("click",function(){
+ setTimeout(function(){
+ $(".top-box-li2 .top-box-tips").fadeIn(200)
+ },100)
+ })
+ $(".top-box-li3").unbind("click").on("click",function(){
+ setTimeout(function(){
+ $(".top-box-li3 .top-box-tips").fadeIn(200)
+ },100)
+ })
+ //領取狀態
+ if(data.result.statusData.bondsStatus==1){
+ $(".day-box2 .bar-big-box").hide()
+ $(".day-box2 .btn-get").show()
+ $(".day-box2").unbind("click")
+ }
+ if(data.result.statusData.bondsStatus==2){
+ var html=[];
+ html+='<div class="box-shadow">';
+ html+='<img class="check" src="images/check.png" alt="">';
+ html+='</div>';
+ $(".day-box2").append(html)
+ }
+ if(data.result.statusData.popularStatus1==1){
+ $(".day-box3 .bar-big-box").hide()
+ $(".day-box3 .btn-get").show()
+ $(".day-box3").unbind("click")
+ }
+ if(data.result.statusData.popularStatus1==2){
+ var html=[];
+ html+='<div class="box-shadow">';
+ html+='<img class="check" src="images/check.png" alt="">';
+ html+='</div>';
+ $(".day-box3").append(html)
+ $(".day-box3").unbind("click")
+ }
+ if(data.result.statusData.interactStatus1==1){
+ $(".day-box4 .bar-big-box").hide()
+ $(".day-box4 .btn-get").show()
+ $(".day-box4").unbind("click")
+ }
+ if(data.result.statusData.interactStatus1==2){
+ var html=[];
+ html+='<div class="box-shadow">';
+ html+='<img class="check" src="images/check.png" alt="">';
+ html+='</div>';
+ $(".day-box4").append(html)
+ $(".day-box4").unbind("click")
+ }
+ if(data.result.statusData.popularStatus2==1){
+ $(".day-box5 .bar-big-box").hide()
+ $(".day-box5 .btn-get").show()
+ $(".day-box5").unbind("click")
+ }
+ if(data.result.statusData.popularStatus2==2){
+ var html=[];
+ html+='<div class="box-shadow">';
+ html+='<img class="check" src="images/check.png" alt="">';
+ html+='</div>';
+ $(".day-box5").append(html)
+ $(".day-box5").unbind("click")
+ }
+ if(data.result.statusData.interactStatus2==1){
+ $(".day-box6 .bar-big-box").hide()
+ $(".day-box6 .btn-get").show()
+ $(".day-box6").unbind("click")
+ }
+ if(data.result.statusData.interactStatus2==2){
+ var html=[];
+ html+='<div class="box-shadow">';
+ html+='<img class="check" src="images/check.png" alt="">';
+ html+='</div>';
+ $(".day-box6").append(html)
+ $(".day-box6").unbind("click")
+ }
+ if(data.result.statusData.popularStatus1==0){
+ var html=[];
+ html+='<div class="box-shadow">';
+ html+='<img class="lock" src="images/lock.png" alt="">';
+ html+='</div>';
+ $(".day-box4 ,.day-box5").append(html)
+ $(".day-box4").unbind("click").on("click",function(){
+ if(sessionStorage.lang==1)layer.msg("It can be unlocked after <br> the Pop Index reaches"+data.result.popualrData.popularTarget1+"")
+ else if(sessionStorage.lang==8)layer.msg("Nó có thể được mở khóa sau khi Chỉ <br> số Pop đạt "+data.result.popualrData.popularTarget1+"")
+ else if(sessionStorage.lang==10)layer.msg("Se puede desbloquear cuando el Índice pop alcanza las "+data.result.popualrData.popularTarget1+"")
+ else layer.msg("人氣指數達到"+data.result.popualrData.popularTarget1+"后可解鎖")
+ })
+ $(".day-box5").unbind("click").on("click",function(){
+ if(sessionStorage.lang==1)layer.msg("It can be unlocked after <br> the Pop Index reaches"+data.result.popualrData.popularTarget1+"")
+ else if(sessionStorage.lang==8)layer.msg("Nó có thể được mở khóa sau khi Chỉ <br> số Pop đạt "+data.result.popualrData.popularTarget1+"")
+ else if(sessionStorage.lang==10)layer.msg("Se puede desbloquear cuando el Índice pop alcanza las "+data.result.popualrData.popularTarget1+"")
+ else layer.msg("人氣指數達到"+data.result.popualrData.popularTarget1+"后可解鎖")
+ })
+ }
+
+ if(data.result.statusData.popularStatus2==0){
+ var html=[];
+ html+='<div class="box-shadow">';
+ html+='<img class="lock" src="images/lock.png" alt="">';
+ html+='</div>';
+ $(".day-box6").append(html)
+ $(".day-box6").unbind("click").on("click",function(){
+ if(sessionStorage.lang==1) layer.msg("It can be unlocked after <br> the Pop Index reaches"+data.result.popualrData.popularTarget2+"")
+ else if(sessionStorage.lang==8)layer.msg("Nó có thể được mở khóa sau khi Chỉ <br> số Pop đạt "+data.result.popualrData.popularTarget2+"")
+ else if(sessionStorage.lang==10)layer.msg("Se puede desbloquear cuando el Índice pop alcanza las "+data.result.popualrData.popularTarget2+"")
+ else layer.msg("人氣指數達到"+data.result.popualrData.popularTarget2+"后可解鎖")
+
+ })
+ }
+ // if(data.result.liveTimeData.hour<2){
+ // var html=[];
+ // html+='<div class="box-shadow">';
+ // html+='<img class="lock" src="images/lock.png" alt="">';
+ // html+='</div>';
+ // $(".day-box5,.day-box6").append(html)
+ // }
+ }
+ })
+
+ }
+ $(".btn-get").unbind("click").on("click",function(){
+ var _self=$(this).attr("data-type")
+ if(myTime<2){
+ if(sessionStorage.lang==1) layer.msg("Other rewards can be received after the live broadcast reaches 2 hours")
+ else if(sessionStorage.lang==8)layer.msg("Phần thưởng có thể nhận được sau khi phát sóng trực tiếp đạt 2 giờ")
+ else if(sessionStorage.lang==10)layer.msg("Se pueden recibir otras recompensas una vez que la transmisión en vivo llegue a las 2 horas")
+ else layer.msg("直播達到2小時后可領取其他獎勵")
+ return;
+ }
+ $.ajax({
+ url:$ip+'/actPopularInteractIndex/receiveReward.html',
+ data:{
+ roomId:sessionStorage.uid,
+ lang:sessionStorage.lang,
+ rewardType:_self
+ },
+ success:function(data){
+ console.log('领取奖励',data)
+ if(data.code!=1){
+ layer.msg(data.msg)
+ return;
+ }
+ liveView()
+ layer.msg(data.msg)
+ }
+ })
+ event.stopPropagation();
+ })
+ // 定义一个新cid=30(注意以上打开的所有网页都可以使用cid=14关闭网页来主动关闭)
+ // popupType 1全屏 2半屏 3浮动屏（默认居中）
+ // heightR 弹窗高度 单位vw（是指相对于视口的宽度;视口会被均分为100单位的vw,则1vw等于视口宽度的1%）
+ // widthR 弹窗宽度 单位vw
+ // clickBlank 点击页面外区域是否关闭 0不关闭 1关闭
+ // url： 需要打开的页面的url（默认拼接uid token roomid，判断链接是否有已带参数如果有参数拼接& 符号，如无带有参数拼接? 符号）
+ // top: 距离顶部位置 单位vw
+ // left: 距离左边位置 单位vw
+ // bottom: 距离底部位置 单位vw
+ // right: 距离右边位置 单位vw
+
+ // 如 popupType ==1时 只需要用到url参数
+ // 如 popupType ==2时 用到heightR clickBlank url 三个参数
+ // 如 popupType ==3时 优先级 top>bottom left>right (如果没传相关参数，即居中显示)
+
+
+
+ // 例子1(打开全屏网页):
+ // var obj = {
+ // "cid": 30,
+ // "reqCode": new Date().getTime(),
+ // "data": {
+ // "msg": '打开新网页',
+ // "popupType": 1,
+ // "url":'url',
+ // }
+ // }
+
+ // 例子2(打开半屏网页):
+ // var obj = {
+ // "cid": 30,
+ // "reqCode": new Date().getTime(),
+ // "data": {
+ // "msg": '打开新网页',
+ // "popupType": 2,
+ // "clickBlank":1,
+ // "heightR":100,
+ // "url":'url',
+ // }
+ // }
+ // 例子3(打开浮动网页):
+ // var obj = {
+ // "cid": 30,
+ // "reqCode": new Date().getTime(),
+ // "data": {
+ // "msg": '打开新网页',
+ // "popupType": 3,
+ // "clickBlank":1,
+ // "heightR":100,
+ // "widthR":100,
+ // "url":'url',
+ // }
+ // }
+})
+</script>
+</html>
\ No newline at end of file
--
libgit2 0.25.0