Compare commits
1 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
|
0f8d25edb3 |
@@ -62,16 +62,6 @@
|
||||
font-size: 0.25333rem;
|
||||
font-weight: bold;
|
||||
}
|
||||
body .homePc .privacy,
|
||||
html .homePc .privacy {
|
||||
color: #fff;
|
||||
position: absolute;
|
||||
height: 0.5rem;
|
||||
line-height: 0.5rem;
|
||||
left: 6.4rem;
|
||||
top: .3rem;
|
||||
width: 3rem;
|
||||
}
|
||||
body .homePc .pcIos,
|
||||
html .homePc .pcIos {
|
||||
width: 2.9rem;
|
||||
@@ -104,11 +94,7 @@
|
||||
html .bootom p {
|
||||
margin-top: 0.1rem;
|
||||
font-size: 0.15rem;
|
||||
color: #fff;
|
||||
}
|
||||
body .bootom p a,
|
||||
html .bootom p a {
|
||||
color: #fff;
|
||||
color: #B8B7BF;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -224,8 +224,7 @@
|
||||
margin-top: -0.01rem;
|
||||
}
|
||||
}
|
||||
|
||||
.language {
|
||||
.language{
|
||||
color: #fff;
|
||||
position: absolute;
|
||||
height: 0.5rem;
|
||||
@@ -236,16 +235,6 @@
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.privacy {
|
||||
color: #fff;
|
||||
position: absolute;
|
||||
height: 0.5rem;
|
||||
line-height: 0.5rem;
|
||||
left: 6.4rem;
|
||||
top: .3rem;
|
||||
width: 3rem;
|
||||
}
|
||||
|
||||
.pcIos {
|
||||
width: 2.9rem;
|
||||
height: 0.64rem;
|
||||
@@ -282,11 +271,7 @@
|
||||
margin-top: 0.1rem;
|
||||
// margin-bottom: 0.1rem;
|
||||
font-size: 0.15rem;
|
||||
color: #fff;
|
||||
|
||||
a {
|
||||
color: #fff;
|
||||
}
|
||||
color: #B8B7BF;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -994,5 +979,4 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 229 KiB After Width: | Height: | Size: 218 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 213 KiB After Width: | Height: | Size: 206 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 210 KiB After Width: | Height: | Size: 211 KiB |
@@ -28,15 +28,13 @@
|
||||
<div class="diamound">
|
||||
<img src="./images/diamond.png" alt=""> <b class="text3"></b>
|
||||
</div>
|
||||
<!-- 隐私政策 -->
|
||||
<a class="privacy" href="../modules/rule/privacy-wap.html"></a>
|
||||
<!-- 语言 -->
|
||||
<div class="language"><b></b> ▼</div>
|
||||
<div class="pcIos"></div>
|
||||
<div class="pcAnd"></div>
|
||||
</div>
|
||||
<div class="bootom">
|
||||
<p>Molistar Team</p>
|
||||
<p>Vele Network Technology Limited</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -115,10 +113,6 @@
|
||||
<span class="text6"></span>
|
||||
<img src="./images/rightIcon.png" alt="">
|
||||
</li>
|
||||
<li>
|
||||
<a href=""><span class="text7"></span></a>
|
||||
<img src="./images/rightIcon.png" alt="">
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
|
||||
@@ -62,7 +62,7 @@ $(function () {
|
||||
];
|
||||
setTimeout(function () {
|
||||
function getUserLanguage() {
|
||||
console.log('ssss', navigator, navigator.language, navigator.userLanguage);
|
||||
console.log('ssss',navigator,navigator.language, navigator.userLanguage);
|
||||
return navigator.language || navigator.userLanguage; // 兼容不同浏览器的方式
|
||||
}
|
||||
// var langCode = getLanguageCode(getUserLanguage());
|
||||
@@ -91,10 +91,8 @@ $(function () {
|
||||
if (langCode == 'zh') {
|
||||
$('.language').html('<b>中文</b> ▼')
|
||||
} else if (langCode == 'ar') {
|
||||
$('.privacy').css('left', '7.4rem')
|
||||
$('.language').html('<b>العربية</b> ▼')
|
||||
} else {
|
||||
$('.privacy').css('left', '7.4rem')
|
||||
$('.language').html('<b>English</b> ▼')
|
||||
}
|
||||
history.replaceState(null, null, updateQueryStringParameter(window.location.href, 'lang', langCode));
|
||||
@@ -116,7 +114,6 @@ function translateFun() {
|
||||
$('.text4').text(langReplace(localLang.demoModule.text4))
|
||||
$('.text5').text(langReplace(localLang.demoModule.text5))
|
||||
$('.text6').text(langReplace(localLang.demoModule.text6))
|
||||
$('.text7').text(langReplace(localLang.demoModule.text7))
|
||||
$('.textss').text(langReplace(localLang.demoModule.textss))
|
||||
$('.homePc').attr('style', langReplace(localLang.demoModule.homePc))
|
||||
$('#img2').html(langReplace(localLang.demoModule.img2))
|
||||
@@ -171,11 +168,9 @@ function translateFun() {
|
||||
index = 0;
|
||||
} else if (i == 2) {
|
||||
window.location = `${urlPrefix}/molistar/modules/h5Income/login.html`
|
||||
} else if (i == 3) {
|
||||
} else {
|
||||
$('.menu').css("height", "0%");
|
||||
$('.contactUs_pub').show();
|
||||
} else {
|
||||
location.href = `../modules/rule/privacy-wap.html`
|
||||
}
|
||||
})
|
||||
// 關閉聯繫我們彈窗
|
||||
@@ -369,6 +364,6 @@ function handleResize() {
|
||||
location.reload()
|
||||
// 这里可以添加更多的逻辑，比如检查窗口的新尺寸
|
||||
}
|
||||
|
||||
|
||||
// 监听窗口大小变化事件
|
||||
window.addEventListener('resize', handleResize);
|
||||
@@ -8,7 +8,6 @@ langAr = {
|
||||
text4: `الصفحة الرئيسية`,
|
||||
text5: `المحفظة`,
|
||||
text6: `اتصل بنا`,
|
||||
text7: `سياسة الخصوصية `,
|
||||
textss: `الرجاء تحديد لغة.`,
|
||||
homePc: `background:url(./images/pcBgBig-ar.png) no-repeat;background-size:100% 100%;`,
|
||||
img2: `
|
||||
@@ -50,7 +49,7 @@ langAr = {
|
||||
<img src="./images/downioad-ar.png" alt="" class="downioad animate__animated">
|
||||
<!-- <img src="./images/down.png" alt="" class="down"> -->
|
||||
<div class="bootom">
|
||||
<p>Molistar Team</p>
|
||||
<p>Vele Network Technology Limited</p>
|
||||
</div>`,
|
||||
}
|
||||
}
|
||||
@@ -7,7 +7,6 @@ langEn = {
|
||||
text4: `Home`,
|
||||
text5: `Wallet`,
|
||||
text6: `Contact Us`,
|
||||
text7: `Privacy Policy `,
|
||||
textss: `Please select a language.`,
|
||||
homePc: `background:url(./images/pcBgBig-en.png) no-repeat;background-size:100% 100%;`,
|
||||
img2: `
|
||||
@@ -49,7 +48,7 @@ langEn = {
|
||||
<img src="./images/downioad-en.png" alt="" class="downioad animate__animated">
|
||||
<!-- <img src="./images/down.png" alt="" class="down"> -->
|
||||
<div class="bootom">
|
||||
<p>Molistar Team</p>
|
||||
<p>Vele Network Technology Limited</p>
|
||||
</div>`,
|
||||
}
|
||||
}
|
||||
@@ -8,7 +8,6 @@ langZh = {
|
||||
text4: `首頁`,
|
||||
text5: `錢包`,
|
||||
text6: `聯繫我們`,
|
||||
text7: `隱私政策 `,
|
||||
textss: `请选择语言`,
|
||||
homePc: `background:url(./images/pcBgBig.png) no-repeat;background-size:100% 100%;`,
|
||||
img2: `
|
||||
@@ -47,7 +46,7 @@ langZh = {
|
||||
<img src="./images/downioad.png" alt="" class="downioad animate__animated">
|
||||
<!-- <img src="./images/down.png" alt="" class="down"> -->
|
||||
<div class="bootom">
|
||||
<p>Molistar Team</p>
|
||||
<p>Vele Network Technology Limited</p>
|
||||
</div>`,
|
||||
}
|
||||
}
|
||||
@@ -4,7 +4,7 @@ body {
|
||||
height: 17.78667rem;
|
||||
background: #F5F7F9;
|
||||
box-sizing: border-box;
|
||||
padding: 2.13333rem 0rem 0 0;
|
||||
padding: 1.73333rem 0rem 0 0;
|
||||
}
|
||||
|
||||
.back {
|
||||
|
||||
@@ -8,7 +8,7 @@ body {
|
||||
height: px2rem(1334);
|
||||
background: #F5F7F9;
|
||||
box-sizing: border-box;
|
||||
padding: px2rem(160) px2rem(0) 0 0;
|
||||
padding: px2rem(130) px2rem(0) 0 0;
|
||||
}
|
||||
|
||||
.back {
|
||||
|
||||
@@ -1,338 +0,0 @@
|
||||
body {
|
||||
width: 100%;
|
||||
height: 17.78667rem;
|
||||
background: #fff;
|
||||
padding-top: 2.56rem;
|
||||
}
|
||||
|
||||
.back {
|
||||
width: 100%;
|
||||
height: 2.34667rem;
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 0rem;
|
||||
text-align: center;
|
||||
color: #FFFFFF;
|
||||
font-size: 0.50667rem;
|
||||
font-weight: bold;
|
||||
z-index: 10;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.back img {
|
||||
width: 0.58667rem;
|
||||
height: 0.58667rem;
|
||||
position: absolute;
|
||||
top: 1.33333rem;
|
||||
left: 0.42667rem;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.back b {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 1.33333rem;
|
||||
height: 0.58667rem;
|
||||
line-height: 0.58667rem;
|
||||
color: #313131;
|
||||
font-size: 0.42667rem;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.income {
|
||||
width: 9.14667rem;
|
||||
height: 3.01333rem;
|
||||
background: #F2F3F7;
|
||||
border-radius: 0.21333rem;
|
||||
margin: 0 auto 0.37333rem;
|
||||
box-sizing: border-box;
|
||||
padding: 0.32rem 0.32rem;
|
||||
}
|
||||
|
||||
.income .time {
|
||||
width: 100%;
|
||||
height: 0.48rem;
|
||||
margin-bottom: 0.24rem;
|
||||
}
|
||||
|
||||
.income .time b {
|
||||
display: inline-block;
|
||||
color: #04D5C6;
|
||||
font-size: 0.34667rem;
|
||||
font-weight: 500;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.income .time img {
|
||||
display: inline-block;
|
||||
width: 0.48rem;
|
||||
height: 0.48rem;
|
||||
margin: 0 0.10667rem;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.income h3 {
|
||||
width: 100%;
|
||||
height: 0.53333rem;
|
||||
line-height: 0.53333rem;
|
||||
color: #313131;
|
||||
font-size: 0.37333rem;
|
||||
font-weight: 600;
|
||||
margin-bottom: 0.29333rem;
|
||||
}
|
||||
|
||||
.income .gold {
|
||||
width: 100%;
|
||||
height: 0.74667rem;
|
||||
line-height: 0.74667rem;
|
||||
}
|
||||
|
||||
.income .gold img {
|
||||
display: inline-block;
|
||||
width: 0.74667rem;
|
||||
height: 0.74667rem;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.income .gold b {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
color: #313131;
|
||||
font-size: 0.64rem;
|
||||
font-weight: 600;
|
||||
margin: 0 0.10667rem;
|
||||
}
|
||||
|
||||
.tab {
|
||||
width: 9.14667rem;
|
||||
height: 0.58667rem;
|
||||
line-height: 0.58667rem;
|
||||
margin: 0 auto 0.26667rem;
|
||||
}
|
||||
|
||||
.tab div {
|
||||
margin-right: 0.82667rem;
|
||||
float: left;
|
||||
color: #313131;
|
||||
font-size: 0.42667rem;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.tab .act {
|
||||
color: #04D5C6;
|
||||
}
|
||||
|
||||
.titleInfo {
|
||||
width: 9.14667rem;
|
||||
height: 1.01333rem;
|
||||
line-height: 1.01333rem;
|
||||
color: #313131;
|
||||
font-size: 0.37333rem;
|
||||
font-weight: 500;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin: 0 auto 0;
|
||||
background: #E4F6F1;
|
||||
padding: 0 0.69333rem;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.titleInfo div {
|
||||
text-align: center;
|
||||
width: 33%;
|
||||
}
|
||||
|
||||
.titleInfoAct {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.userInfo {
|
||||
width: 9.14667rem;
|
||||
margin: 0 auto 1.6rem;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.userInfo li {
|
||||
width: 100%;
|
||||
height: 1.6rem;
|
||||
overflow: hidden;
|
||||
box-sizing: border-box;
|
||||
padding: 0 0.61333rem 0 0.32rem;
|
||||
}
|
||||
|
||||
.userInfo li .tx {
|
||||
width: 1.09333rem;
|
||||
height: 1.09333rem;
|
||||
position: relative;
|
||||
margin-top: 0.24rem;
|
||||
float: left;
|
||||
margin-right: 0.10667rem;
|
||||
}
|
||||
|
||||
.userInfo li .tx img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: block;
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.userInfo li .tx span {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: 0.77333rem;
|
||||
min-width: 0.61333rem;
|
||||
height: 0.37333rem;
|
||||
line-height: 0.37333rem;
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
font-size: 0.26667rem;
|
||||
font-weight: 500;
|
||||
background: #04D5C6;
|
||||
border-radius: 0.37333rem;
|
||||
}
|
||||
|
||||
.userInfo li .user {
|
||||
float: left;
|
||||
width: 1.86667rem;
|
||||
height: 1.09333rem;
|
||||
margin-top: 0.24rem;
|
||||
margin-right: 0.24rem;
|
||||
}
|
||||
|
||||
.userInfo li .user p {
|
||||
color: #313131;
|
||||
font-size: 0.37333rem;
|
||||
font-weight: 600;
|
||||
margin-top: 0.12rem;
|
||||
margin-bottom: 0.2rem;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
.userInfo li .user b {
|
||||
color: #7B7B7D;
|
||||
font-size: 0.34667rem;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.userInfo li .incomes {
|
||||
width: 2.42667rem;
|
||||
height: 100%;
|
||||
text-align: center;
|
||||
color: #313131;
|
||||
font-size: 0.34667rem;
|
||||
font-weight: 400;
|
||||
margin-top: 0.66667rem;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.userInfo li .duration {
|
||||
width: 1.73333rem;
|
||||
text-align: center;
|
||||
height: 100%;
|
||||
color: #313131;
|
||||
font-size: 0.34667rem;
|
||||
font-weight: 400;
|
||||
margin-top: 0.66667rem;
|
||||
float: right;
|
||||
}
|
||||
|
||||
.userInfo .act {
|
||||
background: #F2F3F7;
|
||||
}
|
||||
|
||||
.dayDate {
|
||||
width: 9.14667rem;
|
||||
height: 1.01333rem;
|
||||
line-height: 1.01333rem;
|
||||
margin: 0 auto 0;
|
||||
}
|
||||
|
||||
.dayDate li {
|
||||
color: #313131;
|
||||
font-size: 0.37333rem;
|
||||
font-weight: 500;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
padding: 0 0.69333rem;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.dayDate li div {
|
||||
text-align: center;
|
||||
width: 33%;
|
||||
}
|
||||
|
||||
.dayDate .act {
|
||||
background: #F2F3F7;
|
||||
}
|
||||
|
||||
.cycle {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
z-index: 999;
|
||||
background: rgba(0, 0, 0, 0.5);
|
||||
display: none;
|
||||
}
|
||||
|
||||
.cycle .cycle_in {
|
||||
width: 100%;
|
||||
height: 7.01333rem;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
border-radius: 0.42667rem 0.42667rem 0 0;
|
||||
background: #fff;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.cycle .cycle_in ul {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
margin-top: 0.53333rem;
|
||||
height: 5.5rem;
|
||||
overflow-y: scroll;
|
||||
}
|
||||
|
||||
.cycle .cycle_in ul::-webkit-scrollbar {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.cycle .cycle_in ul li {
|
||||
height: 0.8rem;
|
||||
line-height: 0.8rem;
|
||||
color: #7B7B7D;
|
||||
font-weight: 400;
|
||||
font-size: 0.37333rem;
|
||||
}
|
||||
|
||||
.cycle .cycle_in ul .act {
|
||||
background: #F4F4F4;
|
||||
color: #313131;
|
||||
}
|
||||
|
||||
.arabic .userInfo li .tx {
|
||||
float: right;
|
||||
margin-right: 0;
|
||||
margin-left: 0.10667rem;
|
||||
}
|
||||
|
||||
.arabic .userInfo li .user {
|
||||
float: right;
|
||||
margin-right: 0;
|
||||
margin-left: 0.24rem;
|
||||
}
|
||||
|
||||
.arabic .userInfo li .incomes {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.arabic .userInfo li .duration {
|
||||
float: left;
|
||||
}
|
||||
@@ -1,347 +0,0 @@
|
||||
@function px2rem($px) {
|
||||
@return $px / 75+rem;
|
||||
}
|
||||
|
||||
body {
|
||||
width: 100%;
|
||||
height: px2rem(1334);
|
||||
background: #fff;
|
||||
padding-top: px2rem(192);
|
||||
}
|
||||
|
||||
.back {
|
||||
width: 100%;
|
||||
height: px2rem(176);
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: px2rem(0);
|
||||
text-align: center;
|
||||
color: #FFFFFF;
|
||||
font-size: px2rem(38);
|
||||
font-weight: bold;
|
||||
z-index: 10;
|
||||
background: #fff;
|
||||
|
||||
img {
|
||||
width: px2rem(44);
|
||||
height: px2rem(44);
|
||||
position: absolute;
|
||||
top: px2rem(100);
|
||||
left: px2rem(32);
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
b {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: px2rem(100);
|
||||
height: px2rem(44);
|
||||
line-height: px2rem(44);
|
||||
color: #313131;
|
||||
font-size: px2rem(32);
|
||||
font-weight: 500;
|
||||
}
|
||||
}
|
||||
|
||||
.income {
|
||||
width: px2rem(686);
|
||||
height: px2rem(226);
|
||||
background: #F2F3F7;
|
||||
border-radius: px2rem(16);
|
||||
margin: 0 auto px2rem(28);
|
||||
box-sizing: border-box;
|
||||
padding: px2rem(24) px2rem(24);
|
||||
|
||||
.time {
|
||||
width: 100%;
|
||||
height: px2rem(36);
|
||||
margin-bottom: px2rem(18);
|
||||
|
||||
b {
|
||||
display: inline-block;
|
||||
color: #04D5C6;
|
||||
font-size: px2rem(26);
|
||||
font-weight: 500;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
img {
|
||||
display: inline-block;
|
||||
width: px2rem(36);
|
||||
height: px2rem(36);
|
||||
margin: 0 px2rem(8);
|
||||
vertical-align: middle;
|
||||
}
|
||||
}
|
||||
|
||||
h3 {
|
||||
width: 100%;
|
||||
height: px2rem(40);
|
||||
line-height: px2rem(40);
|
||||
color: #313131;
|
||||
font-size: px2rem(28);
|
||||
font-weight: 600;
|
||||
margin-bottom: px2rem(22);
|
||||
}
|
||||
|
||||
.gold {
|
||||
width: 100%;
|
||||
height: px2rem(56);
|
||||
line-height: px2rem(56);
|
||||
|
||||
img {
|
||||
display: inline-block;
|
||||
width: px2rem(56);
|
||||
height: px2rem(56);
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
b {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
color: #313131;
|
||||
font-size: px2rem(48);
|
||||
font-weight: 600;
|
||||
margin: 0 px2rem(8);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.tab {
|
||||
width: px2rem(686);
|
||||
height: px2rem(44);
|
||||
line-height: px2rem(44);
|
||||
margin: 0 auto px2rem(20);
|
||||
|
||||
div {
|
||||
margin-right: px2rem(62);
|
||||
float: left;
|
||||
color: #313131;
|
||||
font-size: px2rem(32);
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.act {
|
||||
color: #04D5C6;
|
||||
}
|
||||
}
|
||||
|
||||
.titleInfo {
|
||||
width: px2rem(686);
|
||||
height: px2rem(76);
|
||||
line-height: px2rem(76);
|
||||
color: #313131;
|
||||
font-size: px2rem(28);
|
||||
font-weight: 500;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin: 0 auto 0;
|
||||
background: #E4F6F1;
|
||||
padding: 0 px2rem(52);
|
||||
box-sizing: border-box;
|
||||
|
||||
div {
|
||||
text-align: center;
|
||||
width: 33%;
|
||||
}
|
||||
}
|
||||
.titleInfoAct{
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.userInfo {
|
||||
width: px2rem(686);
|
||||
margin: 0 auto px2rem(120);
|
||||
display: none;
|
||||
|
||||
li {
|
||||
width: 100%;
|
||||
height: px2rem(120);
|
||||
overflow: hidden;
|
||||
box-sizing: border-box;
|
||||
padding: 0 px2rem(46) 0 px2rem(24);
|
||||
|
||||
.tx {
|
||||
width: px2rem(82);
|
||||
height: px2rem(82);
|
||||
position: relative;
|
||||
margin-top: px2rem(18);
|
||||
float: left;
|
||||
margin-right: px2rem(8);
|
||||
|
||||
img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: block;
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
span {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: px2rem(58);
|
||||
min-width: px2rem(46);
|
||||
height: px2rem(28);
|
||||
line-height: px2rem(28);
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
font-size: px2rem(20);
|
||||
font-weight: 500;
|
||||
background: #04D5C6;
|
||||
border-radius: px2rem(28);
|
||||
}
|
||||
}
|
||||
|
||||
.user {
|
||||
float: left;
|
||||
width: px2rem(140);
|
||||
height: px2rem(82);
|
||||
margin-top: px2rem(18);
|
||||
margin-right: px2rem(18);
|
||||
|
||||
p {
|
||||
color: #313131;
|
||||
font-size: px2rem(28);
|
||||
font-weight: 600;
|
||||
margin-top: px2rem(9);
|
||||
margin-bottom: px2rem(15);
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
|
||||
}
|
||||
|
||||
b {
|
||||
color: #7B7B7D;
|
||||
font-size: px2rem(26);
|
||||
font-weight: 400;
|
||||
}
|
||||
}
|
||||
|
||||
.incomes {
|
||||
width: px2rem(182);
|
||||
height: 100%;
|
||||
text-align: center;
|
||||
color: #313131;
|
||||
font-size: px2rem(26);
|
||||
font-weight: 400;
|
||||
margin-top: px2rem(50);
|
||||
float: left;
|
||||
}
|
||||
|
||||
.duration {
|
||||
width: px2rem(130);
|
||||
text-align: center;
|
||||
height: 100%;
|
||||
color: #313131;
|
||||
font-size: px2rem(26);
|
||||
font-weight: 400;
|
||||
margin-top: px2rem(50);
|
||||
float: right;
|
||||
}
|
||||
}
|
||||
|
||||
.act {
|
||||
background: #F2F3F7;
|
||||
}
|
||||
}
|
||||
|
||||
.dayDate {
|
||||
width: px2rem(686);
|
||||
height: px2rem(76);
|
||||
line-height: px2rem(76);
|
||||
margin: 0 auto 0;
|
||||
// display: none;
|
||||
|
||||
li {
|
||||
color: #313131;
|
||||
font-size: px2rem(28);
|
||||
font-weight: 500;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
padding: 0 px2rem(52);
|
||||
box-sizing: border-box;
|
||||
|
||||
div {
|
||||
text-align: center;
|
||||
width: 33%;
|
||||
}
|
||||
}
|
||||
|
||||
.act {
|
||||
background: #F2F3F7;
|
||||
}
|
||||
}
|
||||
|
||||
.cycle {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
z-index: 999;
|
||||
background: rgba(0, 0, 0, .5);
|
||||
display: none;
|
||||
|
||||
.cycle_in {
|
||||
width: 100%;
|
||||
height: px2rem(526);
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
border-radius: px2rem(32) px2rem(32) 0 0;
|
||||
background: #fff;
|
||||
position: absolute;
|
||||
|
||||
ul {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
margin-top: px2rem(40);
|
||||
height: 5.5rem;
|
||||
overflow-y: scroll;
|
||||
|
||||
&::-webkit-scrollbar {
|
||||
display: none;
|
||||
}
|
||||
|
||||
li {
|
||||
height: px2rem(60);
|
||||
line-height: px2rem(60);
|
||||
color: #7B7B7D;
|
||||
font-weight: 400;
|
||||
font-size: px2rem(28);
|
||||
}
|
||||
|
||||
.act {
|
||||
background: #F4F4F4;
|
||||
color: #313131;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.arabic {
|
||||
.userInfo li {
|
||||
.tx {
|
||||
float: right;
|
||||
margin-right: 0;
|
||||
margin-left: 0.10667rem;
|
||||
}
|
||||
|
||||
.user {
|
||||
float: right;
|
||||
margin-right: 0;
|
||||
margin-left: 0.24rem;
|
||||
}
|
||||
|
||||
.incomes {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.duration {
|
||||
float: left;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -1,7 +1,8 @@
|
||||
html,
|
||||
body {
|
||||
width: 100%;
|
||||
background: #fff;
|
||||
height: 17.78667rem;
|
||||
background: #e4e4e7;
|
||||
}
|
||||
|
||||
.back {
|
||||
@@ -10,7 +11,7 @@ body {
|
||||
line-height: 0.58667rem;
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 1.46667rem;
|
||||
top: 0.93333rem;
|
||||
text-align: center;
|
||||
color: #FFFFFF;
|
||||
font-size: 0.50667rem;
|
||||
@@ -36,21 +37,21 @@ body {
|
||||
|
||||
.header {
|
||||
width: 10rem;
|
||||
height: 5.86667rem;
|
||||
height: 8.98667rem;
|
||||
background: url(../images/header.png) no-repeat;
|
||||
background-size: cover;
|
||||
background-size: 100% 100%;
|
||||
position: relative;
|
||||
margin: 0 auto 0rem;
|
||||
}
|
||||
|
||||
.header .tx {
|
||||
width: 2.05333rem;
|
||||
height: 2.05333rem;
|
||||
width: 2.64rem;
|
||||
height: 2.53333rem;
|
||||
position: absolute;
|
||||
left: 0.45333rem;
|
||||
top: 2.88rem;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: 1.85333rem;
|
||||
border-radius: 50%;
|
||||
border: 0.02667rem solid #FFE8A9;
|
||||
}
|
||||
|
||||
.header .ts {
|
||||
@@ -61,33 +62,36 @@ body {
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
z-index: 2;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.header .nick {
|
||||
width: 55%;
|
||||
width: 80%;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
font-size: 0.53333rem;
|
||||
font-weight: bold;
|
||||
position: absolute;
|
||||
top: 3.22667rem;
|
||||
left: 2.93333rem;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: 4.85333rem;
|
||||
}
|
||||
|
||||
.header .id {
|
||||
width: 55%;
|
||||
width: 80%;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
font-size: 0.34667rem;
|
||||
font-weight: 500;
|
||||
position: absolute;
|
||||
top: 4.10667rem;
|
||||
left: 2.93333rem;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: 5.64rem;
|
||||
}
|
||||
|
||||
.header .guildNick {
|
||||
@@ -102,197 +106,50 @@ body {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.header .inveMember {
|
||||
min-width: 1.57333rem;
|
||||
height: 0.72rem;
|
||||
border-radius: 0.72rem;
|
||||
line-height: 0.72rem;
|
||||
text-align: center;
|
||||
background: linear-gradient(90deg, #7CDD9B, #62D0A8);
|
||||
color: #fff;
|
||||
font-size: 0.37333rem;
|
||||
position: absolute;
|
||||
top: 3.54667rem;
|
||||
right: 0.42667rem;
|
||||
z-index: 5;
|
||||
padding: 0 0.13333rem;
|
||||
}
|
||||
|
||||
.header .inveMember img {
|
||||
display: inline-block;
|
||||
width: 0.50667rem;
|
||||
height: 0.56rem;
|
||||
vertical-align: middle;
|
||||
margin-top: -0.1rem;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.header .inveMember span {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.headerBox {
|
||||
width: 10rem;
|
||||
border-radius: 0.26667rem;
|
||||
margin: -0.4rem auto 0rem;
|
||||
position: relative;
|
||||
background: #fff;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.headerBox .headerBox_in {
|
||||
width: 9.14667rem;
|
||||
max-height: 3.06667rem;
|
||||
.header .headerBox {
|
||||
width: 8.86667rem;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
justify-content: center;
|
||||
flex-wrap: wrap;
|
||||
margin: 0.32rem auto 0;
|
||||
}
|
||||
|
||||
.headerBox .headerBox_in div {
|
||||
width: 4.45333rem;
|
||||
height: 1.38667rem;
|
||||
line-height: 1.38667rem;
|
||||
margin-bottom: 0.24rem;
|
||||
background: #F2F3F7;
|
||||
border-radius: 0.32rem;
|
||||
text-align: left;
|
||||
box-sizing: border-box;
|
||||
padding: 0 0.13333rem;
|
||||
}
|
||||
|
||||
.headerBox .headerBox_in div img {
|
||||
display: inline-block;
|
||||
width: 0.69333rem;
|
||||
height: 0.69333rem;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.headerBox .headerBox_in div span {
|
||||
display: inline-block;
|
||||
color: #313131;
|
||||
font-size: 0.4rem;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.headerBox .headerBox_in .incomeStatistics {
|
||||
background: #E3F2FF;
|
||||
}
|
||||
|
||||
.headerBox .headerBox_in .E3F2FF {
|
||||
background: #E3F2FF;
|
||||
}
|
||||
|
||||
.headerBox .headerBox_in .FFEFE5 {
|
||||
background: #FFEFE5;
|
||||
}
|
||||
|
||||
.agencylevel {
|
||||
width: 10rem;
|
||||
height: 3.62667rem;
|
||||
margin: 0.34667rem auto 0;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.agencylevel .top {
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
padding: 0 0.33333rem;
|
||||
height: 0.66667rem;
|
||||
line-height: 0.66667rem;
|
||||
margin-top: 0.41333rem;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.agencylevel .top span {
|
||||
float: left;
|
||||
width: 0.10667rem;
|
||||
height: 0.45333rem;
|
||||
background: #04D5C6;
|
||||
border-radius: 9.22667rem;
|
||||
margin: 0.10667rem 0.13333rem 0;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.agencylevel .top b {
|
||||
float: left;
|
||||
font-size: 0.48rem;
|
||||
color: #313131;
|
||||
font-weight: bold;
|
||||
display: block;
|
||||
margin-right: 0.09333rem;
|
||||
}
|
||||
|
||||
.agencylevel .top i {
|
||||
display: block;
|
||||
font-size: 0.48rem;
|
||||
color: #313131;
|
||||
float: left;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
.agencylevel .agencylevelInfo {
|
||||
width: 9.14667rem;
|
||||
height: 2.69333rem;
|
||||
background: #EBFFF6;
|
||||
border-radius: 0.21333rem;
|
||||
margin: 0.26667rem auto 0;
|
||||
box-sizing: border-box;
|
||||
padding: 0.24rem;
|
||||
}
|
||||
|
||||
.agencylevel .agencylevelInfo h3 {
|
||||
width: 100%;
|
||||
display: block;
|
||||
color: #313131;
|
||||
font-size: 0.34667rem;
|
||||
margin-bottom: 0.26667rem;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.agencylevel .agencylevelInfo h3 b {
|
||||
color: #313131;
|
||||
font-size: 0.34667rem;
|
||||
}
|
||||
|
||||
.agencylevel .agencylevelInfo h4 {
|
||||
color: #7B7B7D;
|
||||
font-weight: 400;
|
||||
margin-bottom: 0.26667rem;
|
||||
}
|
||||
|
||||
.agencylevel .agencylevelInfo .line {
|
||||
width: 8.66667rem;
|
||||
height: 0.13333rem;
|
||||
position: relative;
|
||||
background: #B2E8D0;
|
||||
border-radius: 0.13333rem;
|
||||
overflow: hidden;
|
||||
margin-bottom: 0.26667rem;
|
||||
}
|
||||
|
||||
.agencylevel .agencylevelInfo .line .line_in {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 10%;
|
||||
background: #04D5C6;
|
||||
height: 100%;
|
||||
top: 6.37333rem;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
|
||||
.agencylevel .agencylevelInfo .bottom {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
color: #7B7B7D;
|
||||
font-size: 0.32rem;
|
||||
font-weight: 400;
|
||||
.header .headerBox div {
|
||||
width: 3.62667rem;
|
||||
height: 0.74667rem;
|
||||
line-height: 0.74667rem;
|
||||
color: #fff;
|
||||
font-size: 0.34667rem;
|
||||
text-align: center;
|
||||
background: linear-gradient(90deg, rgba(128, 146, 255, 0.8) 0%, rgba(108, 208, 255, 0.8) 100%);
|
||||
border-radius: 0.18667rem;
|
||||
margin-bottom: 0.33333rem;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
margin: 0 auto 0.33333rem;
|
||||
}
|
||||
|
||||
.header .headerBox div img {
|
||||
width: 0.42667rem;
|
||||
height: 0.42667rem;
|
||||
margin-right: 0.17333rem;
|
||||
float: left;
|
||||
margin-top: 0.16rem;
|
||||
margin-left: 0.38667rem;
|
||||
}
|
||||
|
||||
.header .headerBox div span {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.guildList {
|
||||
width: 10rem;
|
||||
width: 9.25333rem;
|
||||
height: 11rem;
|
||||
border-radius: 0.26667rem;
|
||||
margin: 0rem auto 0;
|
||||
margin: -0.3rem auto 0rem;
|
||||
position: relative;
|
||||
background: #fff;
|
||||
overflow: hidden;
|
||||
@@ -302,26 +159,16 @@ body {
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
padding: 0 0.33333rem;
|
||||
height: 0.66667rem;
|
||||
line-height: 0.66667rem;
|
||||
height: 0.4rem;
|
||||
line-height: 0.4rem;
|
||||
margin-top: 0.41333rem;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.guildList .top span {
|
||||
float: left;
|
||||
width: 0.10667rem;
|
||||
height: 0.45333rem;
|
||||
background: #04D5C6;
|
||||
border-radius: 9.22667rem;
|
||||
margin: 0.10667rem 0.13333rem 0;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.guildList .top b {
|
||||
float: left;
|
||||
font-size: 0.48rem;
|
||||
color: #313131;
|
||||
font-size: 0.32rem;
|
||||
color: #333;
|
||||
font-weight: bold;
|
||||
display: block;
|
||||
margin-right: 0.09333rem;
|
||||
@@ -329,8 +176,8 @@ body {
|
||||
|
||||
.guildList .top i {
|
||||
display: block;
|
||||
font-size: 0.48rem;
|
||||
color: #313131;
|
||||
color: #666;
|
||||
font-size: 0.29333rem;
|
||||
float: left;
|
||||
font-style: normal;
|
||||
}
|
||||
@@ -341,7 +188,7 @@ body {
|
||||
width: 0.42667rem;
|
||||
height: 0.42667rem;
|
||||
position: absolute;
|
||||
left: 6.45rem;
|
||||
left: 3.68rem;
|
||||
top: 51%;
|
||||
transform: translateY(-50%);
|
||||
z-index: 2;
|
||||
@@ -352,14 +199,17 @@ body {
|
||||
border: none;
|
||||
outline: none;
|
||||
background: #F5F7F9;
|
||||
width: 3.46667rem;
|
||||
width: 5.4rem;
|
||||
height: 0.66667rem;
|
||||
border-radius: 0.66667rem;
|
||||
box-sizing: border-box;
|
||||
padding-left: 0.72rem;
|
||||
position: absolute;
|
||||
left: 3.49333rem;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
color: #333;
|
||||
display: none;
|
||||
float: right;
|
||||
}
|
||||
|
||||
.guildList .top input::placeholder {
|
||||
@@ -369,8 +219,8 @@ body {
|
||||
|
||||
.guildList ul {
|
||||
width: 100%;
|
||||
height: 10.7rem;
|
||||
margin: 0.25333rem auto 0;
|
||||
height: 11rem;
|
||||
margin: 0.52rem auto 0;
|
||||
overflow-y: scroll;
|
||||
}
|
||||
|
||||
@@ -379,27 +229,24 @@ body {
|
||||
}
|
||||
|
||||
.guildList ul li {
|
||||
width: 9.14667rem;
|
||||
height: 1.94667rem;
|
||||
width: 100%;
|
||||
height: 1.33333rem;
|
||||
box-sizing: border-box;
|
||||
overflow: hidden;
|
||||
margin: 0 auto 0.44rem;
|
||||
margin-bottom: 0.44rem;
|
||||
position: relative;
|
||||
box-sizing: border-box;
|
||||
padding-left: 0.13333rem;
|
||||
background: #F2F3F7;
|
||||
border-radius: 0.32rem;
|
||||
}
|
||||
|
||||
.guildList ul li .tx {
|
||||
width: 1.46667rem;
|
||||
height: 1.46667rem;
|
||||
border-radius: 50%;
|
||||
width: 1.06667rem;
|
||||
height: 1.06667rem;
|
||||
border-radius: 1.06667rem;
|
||||
float: left;
|
||||
margin-right: 0.14667rem;
|
||||
margin-left: 0.13333rem;
|
||||
display: block;
|
||||
margin-top: 0.24rem;
|
||||
}
|
||||
|
||||
.guildList ul li .user {
|
||||
@@ -413,13 +260,13 @@ body {
|
||||
font-weight: bold;
|
||||
display: inline-block;
|
||||
margin-right: 0.10667rem;
|
||||
margin-bottom: 0.06667rem;
|
||||
max-width: 2.7rem;
|
||||
margin-bottom: 0.18667rem;
|
||||
width: 2.7rem;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
box-sizing: border-box;
|
||||
padding-top: 0.6rem;
|
||||
padding-top: 0.10667rem;
|
||||
}
|
||||
|
||||
.guildList ul li .user b {
|
||||
@@ -432,7 +279,7 @@ body {
|
||||
width: 0.24rem;
|
||||
height: 0.24rem;
|
||||
display: inline-block;
|
||||
margin-top: 0.6rem;
|
||||
margin-top: 0.16rem;
|
||||
margin-right: 0.10667rem;
|
||||
}
|
||||
|
||||
@@ -441,17 +288,16 @@ body {
|
||||
display: inline-block;
|
||||
width: 0.96rem;
|
||||
height: 0.48rem;
|
||||
margin-top: 0.49333rem;
|
||||
}
|
||||
|
||||
.guildList ul li .but {
|
||||
width: 1.17333rem;
|
||||
height: 0.56rem;
|
||||
background: #CDCED6;
|
||||
background: #62D0A8;
|
||||
border-radius: 0.56rem;
|
||||
position: absolute;
|
||||
right: 0.34667rem;
|
||||
top: 0.69rem;
|
||||
top: 0.09333rem;
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
line-height: 0.56rem;
|
||||
@@ -460,33 +306,33 @@ body {
|
||||
}
|
||||
|
||||
.guildList ul li .chairman {
|
||||
width: 1.2rem;
|
||||
height: 0.45333rem;
|
||||
line-height: 0.45333rem;
|
||||
border-radius: 0.45333rem;
|
||||
width: 1.04rem;
|
||||
height: 0.34667rem;
|
||||
line-height: 0.34667rem;
|
||||
border-radius: 0.34667rem;
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
color: #333;
|
||||
font-size: 0.29333rem;
|
||||
font-weight: 400;
|
||||
position: absolute;
|
||||
left: 0.37333rem;
|
||||
top: 1.30667rem;
|
||||
background: #04D5C6;
|
||||
left: 0.26667rem;
|
||||
top: 0.94667rem;
|
||||
background: linear-gradient(90deg, #FFEB67, #FFFCE7);
|
||||
display: none;
|
||||
}
|
||||
|
||||
.guildList ul li .administrator {
|
||||
width: 1.2rem;
|
||||
height: 0.45333rem;
|
||||
line-height: 0.45333rem;
|
||||
border-radius: 0.45333rem;
|
||||
width: 1.04rem;
|
||||
height: 0.34667rem;
|
||||
line-height: 0.34667rem;
|
||||
border-radius: 0.34667rem;
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
color: #333;
|
||||
font-size: 0.29333rem;
|
||||
font-weight: 400;
|
||||
position: absolute;
|
||||
left: 0.37333rem;
|
||||
top: 1.30667rem;
|
||||
left: 0.26667rem;
|
||||
top: 0.94667rem;
|
||||
background: linear-gradient(-90deg, #FBE1FF, #F090FF);
|
||||
display: none;
|
||||
}
|
||||
@@ -548,25 +394,33 @@ body {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.arabic .back img {
|
||||
left: auto;
|
||||
right: 0.24rem;
|
||||
transform: rotate(180deg);
|
||||
.inveMember {
|
||||
width: 4.08rem;
|
||||
height: 1.28rem;
|
||||
border-radius: 1.28rem;
|
||||
line-height: 1.22667rem;
|
||||
text-align: center;
|
||||
background: linear-gradient(90deg, #7CDD9B, #62D0A8);
|
||||
color: #fff;
|
||||
font-size: 0.45333rem;
|
||||
position: fixed;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
z-index: 5;
|
||||
bottom: 1.06667rem;
|
||||
}
|
||||
|
||||
.arabic .header .tx {
|
||||
left: auto;
|
||||
right: 0.45333rem;
|
||||
.inveMember img {
|
||||
display: inline-block;
|
||||
width: 0.50667rem;
|
||||
height: 0.56rem;
|
||||
vertical-align: middle;
|
||||
margin-top: -0.1rem;
|
||||
}
|
||||
|
||||
.arabic .header .nick {
|
||||
left: auto;
|
||||
right: 2.93333rem;
|
||||
}
|
||||
|
||||
.arabic .header .id {
|
||||
left: auto;
|
||||
right: 2.93333rem;
|
||||
.inveMember span {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.arabic .guildList .top img {
|
||||
@@ -584,7 +438,7 @@ body {
|
||||
|
||||
.arabic .guildList ul li .chairman,
|
||||
.arabic .guildList ul li .administrator {
|
||||
right: 0.37333rem;
|
||||
right: 0.1rem;
|
||||
left: auto;
|
||||
}
|
||||
|
||||
@@ -605,10 +459,6 @@ body {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.arabic .headerBox .headerBox_in div span {
|
||||
font-size: 0.33333rem;
|
||||
}
|
||||
|
||||
.english .header .headerBox {
|
||||
width: 8rem;
|
||||
}
|
||||
@@ -621,15 +471,6 @@ body {
|
||||
font-size: 0.21333rem;
|
||||
}
|
||||
|
||||
.arabic .header .inveMember {
|
||||
right: auto;
|
||||
left: 0.42667rem;
|
||||
}
|
||||
|
||||
.arabic .headerBox .headerBox_in div {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.arabic .header .headerBox {
|
||||
width: 8rem;
|
||||
}
|
||||
@@ -641,32 +482,3 @@ body {
|
||||
.arabic .header .headerBox div span {
|
||||
font-size: 0.29333rem;
|
||||
}
|
||||
|
||||
.arabic .guildList .top b {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.arabic .guildList .top i {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.arabic .guildList .top input {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.arabic .guildList .top img {
|
||||
right: 6.3rem;
|
||||
left: auto;
|
||||
transform: rotate(100deg);
|
||||
top: 0.1rem;
|
||||
}
|
||||
|
||||
.arabic .guildList .top span {
|
||||
float: right;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.arabic .agencylevel .agencylevelInfo .line .line_in {
|
||||
left: auto;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
@@ -5,8 +5,8 @@
|
||||
html,
|
||||
body {
|
||||
width: 100%;
|
||||
// height: px2rem(1334);
|
||||
background: #fff;
|
||||
height: px2rem(1334);
|
||||
background: #e4e4e7;
|
||||
}
|
||||
|
||||
.back {
|
||||
@@ -15,7 +15,7 @@ body {
|
||||
line-height: px2rem(44);
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: px2rem(110);
|
||||
top: px2rem(70);
|
||||
text-align: center;
|
||||
color: #FFFFFF;
|
||||
font-size: px2rem(38);
|
||||
@@ -42,20 +42,20 @@ body {
|
||||
|
||||
.header {
|
||||
width: px2rem(750);
|
||||
height: px2rem(440);
|
||||
height: px2rem(674);
|
||||
background: url(../images/header.png) no-repeat;
|
||||
background-size: cover;
|
||||
background-size: 100% 100%;
|
||||
position: relative;
|
||||
margin: 0 auto px2rem(0);
|
||||
|
||||
.tx {
|
||||
width: px2rem(154);
|
||||
height: px2rem(154);
|
||||
width: px2rem(198);
|
||||
height: px2rem(190);
|
||||
position: absolute;
|
||||
left: px2rem(34);
|
||||
top: px2rem(216);
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: px2rem(139);
|
||||
border-radius: 50%;
|
||||
border: px2rem(2) solid #FFE8A9;
|
||||
}
|
||||
|
||||
.ts {
|
||||
@@ -66,35 +66,117 @@ body {
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
z-index: 2;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.nick {
|
||||
width: 55%;
|
||||
width: 80%;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
font-size: px2rem(40);
|
||||
font-weight: bold;
|
||||
position: absolute;
|
||||
top: px2rem(242);
|
||||
left: px2rem(220);
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: px2rem(364);
|
||||
}
|
||||
|
||||
.id {
|
||||
width: 55%;
|
||||
width: 80%;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
font-size: px2rem(26);
|
||||
font-weight: 500;
|
||||
position: absolute;
|
||||
top: px2rem(308);
|
||||
left: px2rem(220);
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: px2rem(423);
|
||||
}
|
||||
|
||||
// .adminSet {
|
||||
// padding: px2rem(0) px2rem(16);
|
||||
// box-sizing: border-box;
|
||||
// height: px2rem(44);
|
||||
// line-height: px2rem(44);
|
||||
// color: #fff;
|
||||
// font-size: px2rem(32);
|
||||
// font-weight: 400;
|
||||
// background: linear-gradient(90deg, rgba(82, 59, 85, 0.98), rgba(21, 5, 16, 0.98));
|
||||
// border-radius: px2rem(44) 0px 0px px2rem(44);
|
||||
// position: absolute;
|
||||
// right: 0;
|
||||
// top: px2rem(184);
|
||||
// display: none;
|
||||
// }
|
||||
|
||||
// .guildInfoSet {
|
||||
// padding: px2rem(0) px2rem(16);
|
||||
// box-sizing: border-box;
|
||||
// height: px2rem(44);
|
||||
// line-height: px2rem(44);
|
||||
// color: #fff;
|
||||
// font-size: px2rem(32);
|
||||
// font-weight: 400;
|
||||
// background: linear-gradient(90deg, rgba(82, 59, 85, 0.7), rgba(21, 5, 16, 0.7));
|
||||
// border-radius: px2rem(44) 0px 0px px2rem(44);
|
||||
// position: absolute;
|
||||
// right: 0;
|
||||
// top: px2rem(239);
|
||||
// display: none;
|
||||
// }
|
||||
|
||||
// .memberFlow {
|
||||
// width: px2rem(208);
|
||||
// height: px2rem(56);
|
||||
// line-height: px2rem(56);
|
||||
// text-align: center;
|
||||
// color: #fff;
|
||||
// font-size: px2rem(32);
|
||||
// font-weight: 400;
|
||||
// background: linear-gradient(90deg, rgba(128, 146, 255, .6) 0%, rgba(108, 208, 255, .6) 100%);
|
||||
// border-radius: px2rem(14);
|
||||
// position: absolute;
|
||||
// left: px2rem(156);
|
||||
// top: px2rem(466);
|
||||
// display: none;
|
||||
// }
|
||||
|
||||
// .memberFlowMy {
|
||||
// width: px2rem(208);
|
||||
// height: px2rem(56);
|
||||
// line-height: px2rem(56);
|
||||
// text-align: center;
|
||||
// color: #fff;
|
||||
// font-size: px2rem(32);
|
||||
// font-weight: 400;
|
||||
// background: linear-gradient(90deg, rgba(128, 146, 255, .6) 0%, rgba(108, 208, 255, .6) 100%);
|
||||
// border-radius: px2rem(14) 0 0 px2rem(14);
|
||||
// position: absolute;
|
||||
// right: px2rem(0);
|
||||
// top: px2rem(218);
|
||||
// display: none;
|
||||
// }
|
||||
|
||||
// .inveMember {
|
||||
// width: px2rem(208);
|
||||
// height: px2rem(56);
|
||||
// line-height: px2rem(56);
|
||||
// text-align: center;
|
||||
// color: #fff;
|
||||
// font-size: px2rem(32);
|
||||
// font-weight: 400;
|
||||
// background: linear-gradient(90deg, rgba(128, 146, 255, .6) 0%, rgba(108, 208, 255, .6) 100%);
|
||||
// border-radius: px2rem(14);
|
||||
// position: absolute;
|
||||
// right: px2rem(156);
|
||||
// top: px2rem(466);
|
||||
// display: none;
|
||||
// }
|
||||
|
||||
.guildNick {
|
||||
width: 100%;
|
||||
@@ -108,200 +190,52 @@ body {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.inveMember {
|
||||
min-width: px2rem(118);
|
||||
height: px2rem(54);
|
||||
border-radius: px2rem(54);
|
||||
line-height: px2rem(54) ;
|
||||
text-align: center;
|
||||
background: linear-gradient(90deg, #7CDD9B, #62D0A8);
|
||||
color: #fff;
|
||||
font-size: px2rem(28);
|
||||
position: absolute;
|
||||
top: px2rem(266);
|
||||
right: px2rem(32);
|
||||
z-index: 5;
|
||||
padding: 0 px2rem(10);
|
||||
|
||||
img {
|
||||
display: inline-block;
|
||||
width: px2rem(38);
|
||||
height: px2rem(42);
|
||||
vertical-align: middle;
|
||||
margin-top: -0.1rem;
|
||||
display: none;
|
||||
}
|
||||
|
||||
span {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.headerBox {
|
||||
width: px2rem(750);
|
||||
border-radius: px2rem(20);
|
||||
margin: px2rem(-30) auto px2rem(0);
|
||||
position: relative;
|
||||
background: #fff;
|
||||
overflow: hidden;
|
||||
|
||||
.headerBox_in {
|
||||
width: px2rem(686);
|
||||
max-height: px2rem(230);
|
||||
.headerBox {
|
||||
width: px2rem(665);
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
justify-content: center;
|
||||
flex-wrap: wrap;
|
||||
margin: px2rem(24) auto 0;
|
||||
position: absolute;
|
||||
top: px2rem(478);
|
||||
// left: px2rem(93);
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
|
||||
div {
|
||||
width: px2rem(334);
|
||||
height: px2rem(104);
|
||||
line-height: px2rem(104);
|
||||
margin-bottom: px2rem(18);
|
||||
background: #F2F3F7;
|
||||
border-radius: px2rem(24);
|
||||
text-align: left;
|
||||
box-sizing: border-box;
|
||||
padding: 0 px2rem(10);
|
||||
width: px2rem(272);
|
||||
height: px2rem(56);
|
||||
line-height: px2rem(56);
|
||||
color: #fff;
|
||||
font-size: px2rem(26);
|
||||
text-align: center;
|
||||
background: linear-gradient(90deg, rgba(128, 146, 255, .8) 0%, rgba(108, 208, 255, .8) 100%);
|
||||
border-radius: px2rem(14);
|
||||
margin-bottom: px2rem(25);
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
margin: 0 auto px2rem(25);
|
||||
|
||||
img {
|
||||
display: inline-block;
|
||||
width: px2rem(52);
|
||||
height: px2rem(52);
|
||||
// margin-top: px2rem(30);
|
||||
vertical-align: middle;
|
||||
width: px2rem(32);
|
||||
height: px2rem(32);
|
||||
margin-right: px2rem(13);
|
||||
float: left;
|
||||
margin-top: px2rem(12);
|
||||
margin-left: px2rem(29);
|
||||
}
|
||||
|
||||
span {
|
||||
display: inline-block;
|
||||
color: #313131;
|
||||
font-size: px2rem(30);
|
||||
vertical-align: middle;
|
||||
float: left;
|
||||
}
|
||||
}
|
||||
.incomeStatistics{
|
||||
background: #E3F2FF;
|
||||
}
|
||||
|
||||
.E3F2FF {
|
||||
background: #E3F2FF;
|
||||
}
|
||||
|
||||
.FFEFE5 {
|
||||
background: #FFEFE5;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.agencylevel {
|
||||
width: px2rem(750);
|
||||
height: px2rem(272);
|
||||
margin: px2rem(26) auto 0;
|
||||
display: none;
|
||||
|
||||
.top {
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
padding: 0 px2rem(25);
|
||||
height: px2rem(50);
|
||||
line-height: px2rem(50);
|
||||
margin-top: px2rem(31);
|
||||
position: relative;
|
||||
|
||||
span {
|
||||
float: left;
|
||||
width: px2rem(8);
|
||||
height: px2rem(34);
|
||||
background: #04D5C6;
|
||||
border-radius: px2rem(692);
|
||||
margin: px2rem(8) px2rem(10) 0;
|
||||
display: block;
|
||||
}
|
||||
|
||||
b {
|
||||
float: left;
|
||||
font-size: px2rem(36);
|
||||
color: #313131;
|
||||
font-weight: bold;
|
||||
display: block;
|
||||
margin-right: px2rem(7);
|
||||
}
|
||||
|
||||
i {
|
||||
display: block;
|
||||
font-size: px2rem(36);
|
||||
color: #313131;
|
||||
float: left;
|
||||
font-style: normal;
|
||||
}
|
||||
}
|
||||
|
||||
.agencylevelInfo {
|
||||
width: px2rem(686);
|
||||
height: px2rem(202);
|
||||
background: #EBFFF6;
|
||||
border-radius: px2rem(16);
|
||||
margin: px2rem(20) auto 0;
|
||||
box-sizing: border-box;
|
||||
padding: px2rem(18);
|
||||
|
||||
h3 {
|
||||
width: 100%;
|
||||
display: block;
|
||||
color: #313131;
|
||||
font-size: px2rem(26);
|
||||
margin-bottom: px2rem(20);
|
||||
font-weight: 600;
|
||||
|
||||
b {
|
||||
color: #313131;
|
||||
font-size: px2rem(26);
|
||||
}
|
||||
}
|
||||
|
||||
h4 {
|
||||
color: #7B7B7D;
|
||||
font-weight: 400;
|
||||
margin-bottom: px2rem(20);
|
||||
}
|
||||
|
||||
.line {
|
||||
width: px2rem(650);
|
||||
height: px2rem(10);
|
||||
position: relative;
|
||||
background: #B2E8D0;
|
||||
border-radius: px2rem(10);
|
||||
overflow: hidden;
|
||||
margin-bottom: px2rem(20);
|
||||
|
||||
.line_in {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 10%;
|
||||
background: #04D5C6;
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.bottom {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
color: #7B7B7D;
|
||||
font-size: px2rem(24);
|
||||
font-weight: 400;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.guildList {
|
||||
width: px2rem(750);
|
||||
// height: 11rem;
|
||||
// height: 6.7rem;
|
||||
width: px2rem(694);
|
||||
height: 11rem;
|
||||
border-radius: px2rem(20);
|
||||
margin: px2rem(0) auto 0;
|
||||
margin: -0.3rem auto px2rem(0);
|
||||
position: relative;
|
||||
background: #fff;
|
||||
overflow: hidden;
|
||||
@@ -310,26 +244,16 @@ body {
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
padding: 0 px2rem(25);
|
||||
height: px2rem(50);
|
||||
line-height: px2rem(50);
|
||||
height: px2rem(30);
|
||||
line-height: px2rem(30);
|
||||
margin-top: px2rem(31);
|
||||
position: relative;
|
||||
|
||||
// margin-left: px2rem(-13);
|
||||
span {
|
||||
float: left;
|
||||
width: px2rem(8);
|
||||
height: px2rem(34);
|
||||
background: #04D5C6;
|
||||
border-radius: px2rem(692);
|
||||
margin: px2rem(8) px2rem(10) 0;
|
||||
display: block;
|
||||
}
|
||||
|
||||
b {
|
||||
float: left;
|
||||
font-size: px2rem(36);
|
||||
color: #313131;
|
||||
font-size: px2rem(24);
|
||||
color: #333;
|
||||
font-weight: bold;
|
||||
display: block;
|
||||
margin-right: px2rem(7);
|
||||
@@ -337,8 +261,8 @@ body {
|
||||
|
||||
i {
|
||||
display: block;
|
||||
font-size: px2rem(36);
|
||||
color: #313131;
|
||||
color: #666;
|
||||
font-size: px2rem(22);
|
||||
float: left;
|
||||
font-style: normal;
|
||||
}
|
||||
@@ -349,7 +273,7 @@ body {
|
||||
width: px2rem(32);
|
||||
height: px2rem(32);
|
||||
position: absolute;
|
||||
left: 6.45rem;
|
||||
left: 3.68rem;
|
||||
top: 51%;
|
||||
transform: translateY(-50%);
|
||||
z-index: 2;
|
||||
@@ -360,18 +284,17 @@ body {
|
||||
border: none;
|
||||
outline: none;
|
||||
background: #F5F7F9;
|
||||
width: px2rem(260);
|
||||
width: 5.4rem;
|
||||
height: px2rem(50);
|
||||
border-radius: px2rem(50);
|
||||
box-sizing: border-box;
|
||||
padding-left: px2rem(54);
|
||||
// position: absolute;
|
||||
// left: 3.7rem;
|
||||
// top: 50%;
|
||||
// transform: translateY(-50%);
|
||||
position: absolute;
|
||||
left: 3.49333rem;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
color: #333;
|
||||
display: none;
|
||||
float: right;
|
||||
|
||||
&::placeholder {
|
||||
color: #BCBDCB;
|
||||
@@ -382,9 +305,8 @@ body {
|
||||
|
||||
ul {
|
||||
width: 100%;
|
||||
height: 10.7rem;
|
||||
// height: 6.7rem;
|
||||
margin: px2rem(19) auto 0;
|
||||
height: 11rem;
|
||||
margin: px2rem(39) auto 0;
|
||||
overflow-y: scroll;
|
||||
|
||||
&::-webkit-scrollbar {
|
||||
@@ -392,26 +314,23 @@ body {
|
||||
}
|
||||
|
||||
li {
|
||||
width: px2rem(686);
|
||||
height: px2rem(146);
|
||||
width: 100%;
|
||||
height: px2rem(100);
|
||||
box-sizing: border-box;
|
||||
overflow: hidden;
|
||||
margin: 0 auto px2rem(33);
|
||||
margin-bottom: px2rem(33);
|
||||
position: relative;
|
||||
box-sizing: border-box;
|
||||
padding-left: px2rem(10);
|
||||
background: #F2F3F7;
|
||||
border-radius: px2rem(24);
|
||||
|
||||
.tx {
|
||||
width: px2rem(110);
|
||||
height: px2rem(110);
|
||||
border-radius: 50%;
|
||||
width: px2rem(80);
|
||||
height: px2rem(80);
|
||||
border-radius: px2rem(80);
|
||||
float: left;
|
||||
margin-right: px2rem(11);
|
||||
margin-left: px2rem(10);
|
||||
display: block;
|
||||
margin-top: px2rem(18)
|
||||
}
|
||||
|
||||
.user {
|
||||
@@ -424,13 +343,13 @@ body {
|
||||
font-weight: bold;
|
||||
display: inline-block;
|
||||
margin-right: px2rem(8);
|
||||
margin-bottom: px2rem(5);
|
||||
max-width: 2.7rem;
|
||||
margin-bottom: px2rem(14);
|
||||
width: 2.7rem;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
box-sizing: border-box;
|
||||
padding-top: px2rem(45);
|
||||
padding-top: px2rem(8);
|
||||
}
|
||||
|
||||
b {
|
||||
@@ -443,7 +362,7 @@ body {
|
||||
width: px2rem(18);
|
||||
height: px2rem(18);
|
||||
display: inline-block;
|
||||
margin-top: px2rem(45);
|
||||
margin-top: px2rem(12);
|
||||
margin-right: px2rem(8);
|
||||
}
|
||||
|
||||
@@ -452,18 +371,17 @@ body {
|
||||
display: inline-block;
|
||||
width: px2rem(72);
|
||||
height: px2rem(36);
|
||||
margin-top: px2rem(37);
|
||||
}
|
||||
}
|
||||
|
||||
.but {
|
||||
width: px2rem(88);
|
||||
height: px2rem(42);
|
||||
background: #CDCED6;
|
||||
background: #62D0A8;
|
||||
border-radius: px2rem(42);
|
||||
position: absolute;
|
||||
right: px2rem(26);
|
||||
top: 0.69rem;
|
||||
top: px2rem(7);
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
line-height: px2rem(42);
|
||||
@@ -472,33 +390,33 @@ body {
|
||||
}
|
||||
|
||||
.chairman {
|
||||
width: px2rem(90);
|
||||
height: px2rem(34);
|
||||
line-height: px2rem(34);
|
||||
border-radius: px2rem(34);
|
||||
width: px2rem(78);
|
||||
height: px2rem(26);
|
||||
line-height: px2rem(26);
|
||||
border-radius: px2rem(26);
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
color: #333;
|
||||
font-size: px2rem(22);
|
||||
font-weight: 400;
|
||||
position: absolute;
|
||||
left: px2rem(28);
|
||||
top: px2rem(98);
|
||||
background: #04D5C6;
|
||||
left: px2rem(20);
|
||||
top: px2rem(71);
|
||||
background: linear-gradient(90deg, #FFEB67, #FFFCE7);
|
||||
display: none;
|
||||
}
|
||||
|
||||
.administrator {
|
||||
width: px2rem(90);
|
||||
height: px2rem(34);
|
||||
line-height: px2rem(34);
|
||||
border-radius: px2rem(34);
|
||||
width: px2rem(78);
|
||||
height: px2rem(26);
|
||||
line-height: px2rem(26);
|
||||
border-radius: px2rem(26);
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
color: #333;
|
||||
font-size: px2rem(22);
|
||||
font-weight: 400;
|
||||
position: absolute;
|
||||
left: px2rem(28);
|
||||
top: px2rem(98);
|
||||
left: px2rem(20);
|
||||
top: px2rem(71);
|
||||
background: linear-gradient(-90deg, #FBE1FF, #F090FF);
|
||||
display: none;
|
||||
}
|
||||
@@ -563,29 +481,36 @@ body {
|
||||
}
|
||||
}
|
||||
|
||||
.inveMember {
|
||||
width: px2rem(306);
|
||||
height: px2rem(96);
|
||||
border-radius: px2rem(96);
|
||||
line-height: px2rem(92);
|
||||
text-align: center;
|
||||
background: linear-gradient(90deg, #7CDD9B, #62D0A8);
|
||||
color: #fff;
|
||||
font-size: px2rem(34);
|
||||
position: fixed;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
z-index: 5;
|
||||
bottom: px2rem(80);
|
||||
|
||||
img {
|
||||
display: inline-block;
|
||||
width: px2rem(38);
|
||||
height: px2rem(42);
|
||||
vertical-align: middle;
|
||||
margin-top: -0.1rem;
|
||||
}
|
||||
|
||||
span {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
}
|
||||
}
|
||||
|
||||
.arabic {
|
||||
.back img {
|
||||
left: auto;
|
||||
right: 0.24rem;
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
|
||||
.header .tx {
|
||||
left: auto;
|
||||
right: 0.45333rem;
|
||||
}
|
||||
|
||||
.header .nick {
|
||||
left: auto;
|
||||
right: 2.93333rem;
|
||||
}
|
||||
|
||||
.header .id {
|
||||
left: auto;
|
||||
right: 2.93333rem;
|
||||
}
|
||||
|
||||
.guildList .top img {
|
||||
right: px2rem(30);
|
||||
}
|
||||
@@ -601,7 +526,7 @@ body {
|
||||
|
||||
.guildList ul li .chairman,
|
||||
.guildList ul li .administrator {
|
||||
right: px2rem(28);
|
||||
right: 0.1rem;
|
||||
left: auto;
|
||||
}
|
||||
|
||||
@@ -622,10 +547,6 @@ body {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.headerBox .headerBox_in div span {
|
||||
font-size: px2rem(25);
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.english {
|
||||
@@ -640,22 +561,9 @@ body {
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.headerBox .headerBox_in .guildInfoSet span,
|
||||
.headerBox .headerBox_in .adminSet span {
|
||||
// font-size: px2rem(20);
|
||||
}
|
||||
}
|
||||
|
||||
.arabic {
|
||||
.header .inveMember {
|
||||
right: auto;
|
||||
left: px2rem(32);
|
||||
}
|
||||
.headerBox .headerBox_in div{
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.header .headerBox {
|
||||
width: 8rem;
|
||||
|
||||
@@ -667,33 +575,4 @@ body {
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.guildList .top b {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.guildList .top i {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.guildList .top input {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.guildList .top img {
|
||||
right: 6.3rem;
|
||||
left: auto;
|
||||
transform: rotate(100deg);
|
||||
top: 0.1rem;
|
||||
}
|
||||
|
||||
.guildList .top span {
|
||||
float: right;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.agencylevel .agencylevelInfo .line .line_in {
|
||||
left: auto;
|
||||
right: 0;
|
||||
}
|
||||
}
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 2.0 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.6 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.4 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.2 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.2 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 345 B |
@@ -1,86 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="ar">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title class="text1"></title>
|
||||
<!-- 公会首页 -->
|
||||
<link rel="stylesheet" href="../../common/css/reset.css">
|
||||
<link rel="stylesheet" href="./css/incomeStatistics.css?v1.0">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<!-- 頂部返回 -->
|
||||
<div class="back">
|
||||
<img src="./images/travel/backB.png" alt="">
|
||||
<b class="text1"></b>
|
||||
</div>
|
||||
<!-- 我的收益 -->
|
||||
<div class="income">
|
||||
<div class="time">
|
||||
<b></b> <img src="./images/xia.png" alt="">
|
||||
</div>
|
||||
<h3 class="text2"></h3>
|
||||
<div class="gold">
|
||||
<img src="./images/goldBig.png" alt="">
|
||||
<b>0</b>
|
||||
</div>
|
||||
</div>
|
||||
<!-- tab切换 -->
|
||||
<div class="tab">
|
||||
<div class="act text3"></div>
|
||||
<div class="Member text4"></div>
|
||||
</div>
|
||||
<!-- 信息标题 -->
|
||||
<div class="titleInfo">
|
||||
<div class="text5"></div>
|
||||
<div class="text6"></div>
|
||||
<div class="text7"></div>
|
||||
</div>
|
||||
<!-- 成员数据 -->
|
||||
<ul class="userInfo">
|
||||
<li>
|
||||
<div class="tx">
|
||||
<img src="./images/logo.png" alt="">
|
||||
<span></span>
|
||||
</div>
|
||||
<div class="user">
|
||||
<p>名字</p>
|
||||
<b>ID:0</b>
|
||||
</div>
|
||||
<div class="incomes">0</div>
|
||||
<div class="duration">0h0m0s</div>
|
||||
</li>
|
||||
</ul>
|
||||
<!-- 每日数据 -->
|
||||
<ul class="dayDate">
|
||||
<li>
|
||||
<div>08.00</div>
|
||||
<div>0</div>
|
||||
<div>0h00m00s</div>
|
||||
</li>
|
||||
</ul>
|
||||
<!-- 选择周期 -->
|
||||
<div class="cycle">
|
||||
<div class="cycle_in">
|
||||
<ul>
|
||||
<li class="act">2024.08.01-2024.08.17</li>
|
||||
<li>2024.08.01-2024.08.18</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
<script src="../../common/js/flexible.js"></script>
|
||||
<script src="../../common/js/jquery-3.2.1.min.js"></script>
|
||||
<script src="../../common/js/common2.js"></script>
|
||||
<script src="../../common/js/layer.js"></script>
|
||||
<script src="../../common/js/vconsole.min.js"></script>
|
||||
<script src="../../common/js/route-constant.js"></script>
|
||||
<script src="./local/en.js"></script>
|
||||
<script src="./local/zh.js"></script>
|
||||
<script src="./local/ar.js"></script>
|
||||
<script src="./js/incomeStatistics.js?v=1.1"></script>
|
||||
<script src="../../common/local/langHandler.js"></script>
|
||||
@@ -23,11 +23,6 @@
|
||||
<!-- 工会长昵称 -->
|
||||
<div class="nick"></div>
|
||||
<div class="id"></div>
|
||||
<!-- 邀请成员 -->
|
||||
<div class="inveMember">
|
||||
<img src="./images/inveMemberIcon.png" alt="">
|
||||
<span class="text6">邀请成员</span>
|
||||
</div>
|
||||
<!-- 工会昵称 -->
|
||||
<!-- 公会:公会昵称 -->
|
||||
<!-- <div class="guildNick"></div> -->
|
||||
@@ -43,7 +38,7 @@
|
||||
<!-- 邀请成员 -->
|
||||
<!-- <div class="inveMember text6"></div> -->
|
||||
|
||||
<!-- <div class="headerBox">
|
||||
<div class="headerBox">
|
||||
<div class="memberFlow">
|
||||
<img src="./images/icon1.png" alt="">
|
||||
<span class="texts1"></span>
|
||||
@@ -64,47 +59,11 @@
|
||||
<img src="./images/icon2.png" alt="">
|
||||
<span class="texts5"></span>
|
||||
</div>
|
||||
</div> -->
|
||||
</div>
|
||||
<!-- 信息入口 -->
|
||||
<div class="headerBox">
|
||||
<div class="headerBox_in">
|
||||
<div class="incomeStatistics" style="width: 100%;">
|
||||
<img src="./images/icon33.png" alt="">
|
||||
<span class="newText1"></span>
|
||||
</div>
|
||||
<div class="guildInfoSet">
|
||||
<img src="./images/icon11.png" alt="">
|
||||
<span class="newText2"></span>
|
||||
</div>
|
||||
<div class="adminSet">
|
||||
<img src="./images/icon22.png" alt="">
|
||||
<span class="newText3"></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Agency level -->
|
||||
<div class="agencylevel">
|
||||
<div class="top">
|
||||
<span></span>
|
||||
<b class="newtext5"></b>
|
||||
</div>
|
||||
<div class="agencylevelInfo">
|
||||
<h3><strong class="newtext6"></strong> <b></b></h3>
|
||||
<h4><strong class="newtext7"></strong> <b></b></h4>
|
||||
<div class="line">
|
||||
<div class="line_in"></div>
|
||||
</div>
|
||||
<div class="bottom">
|
||||
<div></div>
|
||||
<div></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 公会成员列表 -->
|
||||
<div class="guildList">
|
||||
<div class="top">
|
||||
<span></span>
|
||||
<b class="text8"></b><i>(0)</i>
|
||||
<img src="./images/fdj.png" alt="">
|
||||
<input class="text16" type="number" placeholder="">
|
||||
@@ -136,6 +95,11 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 邀请成员 -->
|
||||
<div class="inveMember">
|
||||
<img src="./images/inveMemberIcon.png" alt="">
|
||||
<span class="text6">邀请成员</span>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
||||
@@ -44,7 +44,7 @@ $(function () {
|
||||
};
|
||||
// 頂部返回事件
|
||||
$('.back .backs').click(() => {
|
||||
window.history.back();
|
||||
window.location.href = document.referrer;
|
||||
})
|
||||
fuzzyMatchUpdateQueryStringParameterFun(); // 判断语言
|
||||
langReplace = window.lang.replace;
|
||||
|
||||
@@ -1,181 +0,0 @@
|
||||
let urlPrefix = getUrlPrefix()
|
||||
let browser = checkVersion()
|
||||
let env = EnvCheck();
|
||||
if (env == 'test') {
|
||||
new VConsole();
|
||||
}
|
||||
// 封裝layer消息提醒框
|
||||
let layerIndex
|
||||
var langReplace;
|
||||
var localLang;
|
||||
const showLoading = (content = langReplace(localLang.demoModule.layerIndex1)) => {
|
||||
layer.open({
|
||||
type: 2,
|
||||
shadeClose: false,
|
||||
content,
|
||||
success(e) {
|
||||
layerIndex = $(e).attr('index')
|
||||
}
|
||||
})
|
||||
}
|
||||
const hideLoading = (index) => {
|
||||
layer.close(index)
|
||||
}
|
||||
const toastMsg = (content = langReplace(localLang.demoModule.layerIndex2), time = 2) => {
|
||||
layer.open({
|
||||
content,
|
||||
time,
|
||||
skin: 'msg'
|
||||
})
|
||||
}
|
||||
var roleTypes = getQueryString().roleTypes;
|
||||
var index = 1;
|
||||
var totalGoldIncome = [];
|
||||
// 初始化函數
|
||||
$(function () {
|
||||
getInfoFromClient();
|
||||
fuzzyMatchUpdateQueryStringParameterFun(); // 判断语言
|
||||
setTimeout(function () {
|
||||
// 頁面全屏
|
||||
if (browser.app) {
|
||||
if (browser.android) {
|
||||
window.androidJsObj.initShowNav(false)
|
||||
} else {
|
||||
window.webkit.messageHandlers.initShowNav.postMessage(0)
|
||||
}
|
||||
};
|
||||
// 頂部返回事件
|
||||
$('.back img').click(() => {
|
||||
window.history.back();
|
||||
})
|
||||
fuzzyMatchUpdateQueryStringParameterFun(); // 判断语言
|
||||
langReplace = window.lang.replace;
|
||||
localLang = window.lang;
|
||||
translateFun();
|
||||
income();
|
||||
}, 100)
|
||||
})
|
||||
function translateFun() {
|
||||
var langReplace = window.lang.replace;
|
||||
var localLang = window.lang;
|
||||
$('.text1').text(langReplace(localLang.incomeStatistics.text1));
|
||||
// $('.text2').text(langReplace(localLang.incomeStatistics.text2));
|
||||
$('.text3').text(langReplace(localLang.incomeStatistics.text3));
|
||||
$('.text4').text(langReplace(localLang.incomeStatistics.text4));
|
||||
$('.text5').text(langReplace(localLang.incomeStatistics.text5));
|
||||
$('.text6').text(langReplace(localLang.incomeStatistics.text6));
|
||||
$('.text7').text(langReplace(localLang.incomeStatistics.text7));
|
||||
$('.text8').text(langReplace(localLang.incomeStatistics.text8));
|
||||
$('.text9').text(langReplace(localLang.incomeStatistics.text9));
|
||||
if (roleTypes != 1) {
|
||||
$('.Member').hide();
|
||||
} else {
|
||||
// $('.income h3').text(langReplace(localLang.incomeStatistics.text22));
|
||||
}
|
||||
$('.income h3').text(langReplace(localLang.incomeStatistics.text222));
|
||||
}
|
||||
//接口
|
||||
function income(startDate, endDate) {
|
||||
$('ul li').remove();
|
||||
networkRequest({
|
||||
type: 'get',
|
||||
url: urlPrefix + '/family/income',
|
||||
data: { startDate, endDate },
|
||||
success(res) {
|
||||
if (res.code === 200) {
|
||||
// 处理当前周期渲染
|
||||
$('.income .time b').text(`${res.data.curCycleDate.startDate}-${res.data.curCycleDate.endDate}`);
|
||||
// 渲染日收益统计
|
||||
var dailyIncomeListStr = '';
|
||||
res.data.dailyIncome.dailyIncomeList.forEach((res, i) => {
|
||||
dailyIncomeListStr += `
|
||||
<li class="${(i + 1) % 2 === 0 ? 'act' : ''}">
|
||||
<div>${res.date}</div>
|
||||
<div>${res.goldIncome}</div>
|
||||
<div>${res.micRemainTime}</div>
|
||||
</li>
|
||||
`
|
||||
})
|
||||
$('.dayDate').append(dailyIncomeListStr);
|
||||
// 渲染成员收益统计
|
||||
var memberIncomeStr = '';
|
||||
if (res.data.memberIncome) {
|
||||
totalGoldIncome[1] = res.data.memberIncome.totalGoldIncome;
|
||||
res.data.memberIncome.memberIncomeList.forEach((res, i) => {
|
||||
memberIncomeStr += `
|
||||
<li class="${(i + 1) % 2 === 0 ? 'act' : ''}">
|
||||
<div class="tx">
|
||||
<img src="${res.member.avatar}" alt="">
|
||||
<span style="display:${pubInfo.uid == res.member.uid ? 'block' : 'none'}">${langReplace(localLang.incomeStatistics.text8)}</span>
|
||||
</div>
|
||||
<div class="user">
|
||||
<p>${res.member.nick}</p>
|
||||
<b>ID:${res.member.erbanNo}</b>
|
||||
</div>
|
||||
<div class="incomes">${res.goldIncome}</div>
|
||||
<div class="duration">${res.micRemainTime}</div>
|
||||
</li>
|
||||
`
|
||||
})
|
||||
$('.userInfo').append(memberIncomeStr);
|
||||
}
|
||||
// 渲染周期
|
||||
var str = '';
|
||||
res.data.cycleDateList.forEach((val, i) => {
|
||||
str += `
|
||||
<li startDate="${val.startDate}" endDate="${val.endDate}" class="${`${startDate}-${endDate}` == `${val.startDate}-${val.endDate}` ? 'act' : ''}">${val.intervalFormatter}</li>
|
||||
`
|
||||
})
|
||||
$('.cycle .cycle_in ul').append(str);
|
||||
// 首次处理
|
||||
$('.titleInfo div').eq(0).text(index == 1 ? langReplace(localLang.incomeStatistics.text5) : langReplace(localLang.incomeStatistics.text9));
|
||||
totalGoldIncome[0] = res.data.dailyIncome.totalGoldIncome;
|
||||
$('.income .gold b').text(totalGoldIncome[index - 1]);
|
||||
} else {
|
||||
toastMsg(res.message)
|
||||
}
|
||||
hideLoading(layerIndex)
|
||||
},
|
||||
error(err) {
|
||||
hideLoading(layerIndex)
|
||||
toastMsg(langReplace(localLang.demoModule.layerIndex3))
|
||||
}
|
||||
})
|
||||
|
||||
}
|
||||
// tab切换
|
||||
$('.tab div').click(function () {
|
||||
index = $(this).index() + 1;
|
||||
$(this).addClass('act').siblings().removeClass('act');
|
||||
$('.dayDate,.userInfo').hide();
|
||||
$('.income .gold b').text(totalGoldIncome[index - 1]);
|
||||
if (index == 1) {
|
||||
$('.titleInfo').removeClass('titleInfoAct');
|
||||
$('.titleInfo div').eq(0).text(langReplace(localLang.incomeStatistics.text5));
|
||||
$('.dayDate').show();
|
||||
$('.income h3').text(langReplace(localLang.incomeStatistics.text222));
|
||||
} else {
|
||||
$('.titleInfo').addClass('titleInfoAct');
|
||||
$('.titleInfo div').eq(0).text(langReplace(localLang.incomeStatistics.text9));
|
||||
$('.userInfo').show();
|
||||
$('.income h3').text(langReplace(localLang.incomeStatistics.text22));
|
||||
}
|
||||
})
|
||||
// 打开周期选择
|
||||
$('.income .time').click(function () {
|
||||
$('.cycle').show();
|
||||
})
|
||||
// 选择周期按钮
|
||||
$('.cycle .cycle_in ul').on('click', ' li', function () {
|
||||
var text = $(this).text();
|
||||
var startDate = $(this).attr('startDate');
|
||||
var endDate = $(this).attr('endDate');
|
||||
// $(this).addClass('act').siblings().removeClass('act');
|
||||
$('.cycle').hide();
|
||||
$('.income .time b').text(text);
|
||||
income(startDate, endDate);
|
||||
})
|
||||
// 关闭
|
||||
$('.cycle').click(function () {
|
||||
$('.cycle').hide();
|
||||
})
|
||||
@@ -83,9 +83,6 @@ function translateFun() {
|
||||
$('.texts3').text(langReplace(localLang.demoModule.texts3));
|
||||
$('.texts4').text(langReplace(localLang.demoModule.texts4));
|
||||
$('.texts5').text(langReplace(localLang.demoModule.texts5));
|
||||
$('.newText1').text(langReplace(localLang.demoModule.newText1));
|
||||
$('.newText2').text(langReplace(localLang.demoModule.newText2));
|
||||
$('.newText3').text(langReplace(localLang.demoModule.newText3));
|
||||
}
|
||||
// 判断公会身份函数
|
||||
function guildFun(type) {
|
||||
@@ -93,22 +90,22 @@ function guildFun(type) {
|
||||
if (type == 1) {
|
||||
$('.guildList .top img').show()
|
||||
$('.guildList .top input').show()
|
||||
$('.headerBox .myWages').hide()
|
||||
$('.header .headerBox .myWages').hide()
|
||||
}
|
||||
// 管理员
|
||||
else if (type == 2) {
|
||||
$('.headerBox .guildInfoSet').hide();
|
||||
$('.headerBox .adminSet').hide();
|
||||
$('.header .headerBox .guildInfoSet').hide();
|
||||
$('.header .headerBox .adminSet').hide();
|
||||
$('.guildList .top input').show()
|
||||
$('.memberFlow2').hide()
|
||||
}
|
||||
// 普通成员
|
||||
else if (type == 3) {
|
||||
$('.headerBox .guildInfoSet').hide();
|
||||
$('.headerBox .adminSet').hide();
|
||||
$('.headerBox .memberFlow').hide();
|
||||
$('.memberFlowMy').show()
|
||||
$('.guildNick').show()
|
||||
$('.header .headerBox .guildInfoSet').hide();
|
||||
$('.header .headerBox .adminSet').hide();
|
||||
$('.header .headerBox .memberFlow').hide();
|
||||
$('.header .memberFlowMy').show()
|
||||
$('.header .guildNick').show()
|
||||
$('.guildList .top input').show()
|
||||
$('.memberFlow2').hide();
|
||||
|
||||
@@ -129,7 +126,8 @@ function get() {
|
||||
roleTypes = res.data.roleType;
|
||||
guildFun(roleTypes);
|
||||
if (res.data.wageEnable == false) {
|
||||
// $('.memberFlow2').hide();
|
||||
$('.memberFlow2').hide()
|
||||
$('.header .headerBox .myWages').hide()
|
||||
}
|
||||
$('.text2').text(res.data.name)
|
||||
// 渲染基本信息
|
||||
@@ -284,11 +282,11 @@ $('.pub .pub_in .butBox .close').click(function () {
|
||||
$('.pub').hide();
|
||||
})
|
||||
// 管理员设置
|
||||
$('.adminSet').click(function () {
|
||||
$('.header .adminSet').click(function () {
|
||||
window.location.href = `./adminSet2.html?roleTypes=${roleTypes}`
|
||||
})
|
||||
// 公会信息设置
|
||||
$('.guildInfoSet').click(function () {
|
||||
$('.header .guildInfoSet').click(function () {
|
||||
window.location.href = `./guildInfoSet.html?guildNick=${guildNick}&backgroundUrl=${backgroundUrl}&payoneer=${payoneer}&usdt=${usdt}&payPal=${payPal}`
|
||||
})
|
||||
// 金币收入统计
|
||||
@@ -296,7 +294,7 @@ $('.header .memberFlow').click(function (params) {
|
||||
window.location.href = `./memberFlow.html`
|
||||
})
|
||||
// 工资收入统计
|
||||
$('.memberFlow2').click(function (params) {
|
||||
$('.header .memberFlow2').click(function (params) {
|
||||
window.location.href = `./memberFlow2.html`
|
||||
})
|
||||
// 邀请成员
|
||||
@@ -306,8 +304,4 @@ $('.inveMember').click(function (params) {
|
||||
// 我的工资
|
||||
$(`.myWages`).click(function (params) {
|
||||
window.location.href = `./memberFlow222.html?familyMemberId=${familyMemberId}`
|
||||
})
|
||||
// 硬币收入统计
|
||||
$(`.incomeStatistics`).click(function (params) {
|
||||
window.location.href = `./incomeStatistics.html?roleTypes=${roleTypes}`
|
||||
})
|
||||
@@ -26,9 +26,6 @@ langAr = {
|
||||
texts3: "إعدادات معلومات الوكالة",
|
||||
texts4: "إعدادات مشرف الوكالة",
|
||||
texts5: "راتبي",
|
||||
newText1: `إحصائيات دخل العملة`,
|
||||
newText2: `الوكالة`,
|
||||
newText3: `المسؤول`,
|
||||
},
|
||||
adminSet: {
|
||||
text1: `إعدادات المشرف`,
|
||||
@@ -118,7 +115,7 @@ langAr = {
|
||||
text15: `تفاصيل`,
|
||||
text16: `تفاصيل`,
|
||||
text17: `الشهر الحالي `,
|
||||
textss: `إجمالي راتب العملات الذهبية:`
|
||||
textss:`إجمالي راتب العملات الذهبية:`
|
||||
},
|
||||
memberFlow22: {
|
||||
text1: `الراتب الشهري للأعضاء `,
|
||||
@@ -166,18 +163,5 @@ langAr = {
|
||||
ok: 'تأكيد',
|
||||
close: 'إلغاء',
|
||||
departed: 'غادر',
|
||||
},
|
||||
incomeStatistics: {
|
||||
text1: `إحصائيات الدخل`,
|
||||
text2: `إجمالي دخل العملات`,
|
||||
text22: `دخل الوكالة`,
|
||||
text222: `الدخل الشخصي`,
|
||||
text3: `البيانات الشخصية`,
|
||||
text4: `بيانات الأعضاء`,
|
||||
text5: `التاريخ`,
|
||||
text6: `دخل العملات`,
|
||||
text7: `المدة`,
|
||||
text8: `أنا`,
|
||||
text9: `عضو`,
|
||||
}
|
||||
}
|
||||
@@ -18,15 +18,12 @@ langEn = {
|
||||
text13: `Admin`,
|
||||
text14: `Delete`,
|
||||
text15: `Are you sure you want to remove this person?`,
|
||||
text16: `MoliStar ID`,
|
||||
text16: `Enter MoliStar ID to Search`,
|
||||
texts1: "Coin Income Statistics",
|
||||
texts2: "Salary Income Statistics",
|
||||
texts3: "Agency Settings",
|
||||
texts4: "Administrator Settings",
|
||||
texts5: "My Salary",
|
||||
newText1: `Coin Income Statistics`,
|
||||
newText2: `Agency`,
|
||||
newText3: `Administrator`,
|
||||
},
|
||||
adminSet: {
|
||||
text1: `Administrator`,
|
||||
@@ -116,7 +113,7 @@ langEn = {
|
||||
text15: `View`,
|
||||
text16: `Details`,
|
||||
text17: `Current`,
|
||||
textss: 'Total Coin Salary：'
|
||||
textss:'Total Coin Salary：'
|
||||
},
|
||||
memberFlow22: {
|
||||
text1: `Member Salary`,
|
||||
@@ -164,18 +161,5 @@ langEn = {
|
||||
ok: 'Confirm',
|
||||
close: 'Cancel',
|
||||
departed: 'Departed',
|
||||
},
|
||||
incomeStatistics:{
|
||||
text1:`Income Statistics`,
|
||||
text2:`Total Coins Income`,
|
||||
text22:`Agnecy Income`,
|
||||
text222:`Personal Income`,
|
||||
text3:`Personal Data`,
|
||||
text4:`Member Data`,
|
||||
text5:`Date`,
|
||||
text6:`Coins Income`,
|
||||
text7:`Duration`,
|
||||
text8:`Me`,
|
||||
text9:`Member`,
|
||||
}
|
||||
}
|
||||
|
||||
@@ -26,9 +26,6 @@ langZh = {
|
||||
texts3: `公會信息設置`,
|
||||
texts4: `公會管理員設置`,
|
||||
texts5: `我的工資`,
|
||||
newText1: `幣收入統計`,
|
||||
newText2: `機構`,
|
||||
newText3: `管理員`,
|
||||
},
|
||||
adminSet: {
|
||||
text1: `管理員設置`,
|
||||
@@ -168,17 +165,4 @@ langZh = {
|
||||
departed: '已离开',
|
||||
placeholder: '请添加',
|
||||
},
|
||||
incomeStatistics: {
|
||||
text1: `收入統計`,
|
||||
text2: `總幣收入`,
|
||||
text22:`公會收入`,
|
||||
text222:`個人收入`,
|
||||
text3:`個人資料`,
|
||||
text4: `會員數據`,
|
||||
text5: `日期`,
|
||||
text6: `幣收入`,
|
||||
text7: `持續時間`,
|
||||
text8: `我`,
|
||||
text9: `會員`,
|
||||
}
|
||||
}
|
||||
70
view/molistar/modules/h5Chat/css/index.css
Normal file
70
view/molistar/modules/h5Chat/css/index.css
Normal file
@@ -0,0 +1,70 @@
|
||||
body {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.bg {
|
||||
width: 10rem;
|
||||
height: 21.65333rem;
|
||||
background: url(../images/bg.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
position: relative;
|
||||
margin: 0 auto 0;
|
||||
}
|
||||
|
||||
.bg .chat {
|
||||
width: 7.41333rem;
|
||||
height: 4.88rem;
|
||||
position: absolute;
|
||||
left: 0.68rem;
|
||||
top: 12.66667rem;
|
||||
background: rgba(247, 245, 245, 0.3);
|
||||
}
|
||||
|
||||
.bottom {
|
||||
position: fixed;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
bottom: 0;
|
||||
width: 10rem;
|
||||
height: 1.62667rem;
|
||||
border-radius: 0.61333rem 0.61333rem 0 0;
|
||||
background: rgba(255, 255, 255, 0.2);
|
||||
}
|
||||
|
||||
.bottom .text {
|
||||
width: 2.4rem;
|
||||
height: 0.74667rem;
|
||||
line-height: 0.74667rem;
|
||||
border-radius: 0.74667rem;
|
||||
box-sizing: border-box;
|
||||
padding: 0 0.26667rem;
|
||||
position: absolute;
|
||||
background: rgba(0, 0, 0, 0.1);
|
||||
color: #fff;
|
||||
font-size: 0.26667rem;
|
||||
font-weight: 500;
|
||||
border: none;
|
||||
outline: none;
|
||||
position: absolute;
|
||||
left: 1.06667rem;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
}
|
||||
|
||||
.bottom .text::placeholder {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.bottom img {
|
||||
width: 0.77333rem;
|
||||
height: 0.77333rem;
|
||||
position: absolute;
|
||||
left: 3.82667rem;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.bottom #finishCall {
|
||||
display: none;
|
||||
}
|
||||
75
view/molistar/modules/h5Chat/css/index.scss
Normal file
75
view/molistar/modules/h5Chat/css/index.scss
Normal file
@@ -0,0 +1,75 @@
|
||||
@function px2rem($px) {
|
||||
@return $px / 75+rem;
|
||||
}
|
||||
|
||||
body {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.bg {
|
||||
width: px2rem(750);
|
||||
height: px2rem(1624);
|
||||
background: url(../images/bg.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
position: relative;
|
||||
margin: 0 auto 0;
|
||||
|
||||
.chat {
|
||||
width: px2rem(556);
|
||||
height: px2rem(366);
|
||||
position: absolute;
|
||||
left: px2rem(51);
|
||||
top: px2rem(950);
|
||||
background: rgba(247, 245, 245, 0.3);
|
||||
}
|
||||
}
|
||||
|
||||
.bottom {
|
||||
position: fixed;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
bottom: 0;
|
||||
width: px2rem(750);
|
||||
height: px2rem(122);
|
||||
border-radius: px2rem(46) px2rem(46) 0 0;
|
||||
background: rgba(255, 255, 255, .2);
|
||||
|
||||
.text {
|
||||
width: px2rem(180);
|
||||
height: px2rem(56);
|
||||
line-height: px2rem(56);
|
||||
border-radius: px2rem(56);
|
||||
box-sizing: border-box;
|
||||
padding: 0 px2rem(20);
|
||||
position: absolute;
|
||||
background: rgba(0, 0, 0, .1);
|
||||
color: #fff;
|
||||
font-size: px2rem(20);
|
||||
font-weight: 500;
|
||||
border: none;
|
||||
outline: none;
|
||||
position: absolute;
|
||||
left: px2rem(80);
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
|
||||
&::placeholder {
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
|
||||
img {
|
||||
width: px2rem(58);
|
||||
height: px2rem(58);
|
||||
// background: rgba(0, 0, 0, .1);
|
||||
position: absolute;
|
||||
left: px2rem(287);
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
#finishCall {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
BIN
view/molistar/modules/h5Chat/images/bg.png
Normal file
BIN
view/molistar/modules/h5Chat/images/bg.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 114 KiB |
BIN
view/molistar/modules/h5Chat/images/finishCall.png
Normal file
BIN
view/molistar/modules/h5Chat/images/finishCall.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 6.7 KiB |
BIN
view/molistar/modules/h5Chat/images/startCall.png
Normal file
BIN
view/molistar/modules/h5Chat/images/startCall.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 5.3 KiB |
35
view/molistar/modules/h5Chat/index.html
Normal file
35
view/molistar/modules/h5Chat/index.html
Normal file
@@ -0,0 +1,35 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>多人聊天</title>
|
||||
<script src="./js/NIM_Web_NERTC_v5.6.30.js"></script>
|
||||
<link rel="stylesheet" href="../../common/css/reset.css">
|
||||
<link rel="stylesheet" href="./css/index.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="bg">
|
||||
<!-- 文字聊天容器 -->
|
||||
<div class="chat">聊天内容</div>
|
||||
</div>
|
||||
<!-- 底部 -->
|
||||
<div class="bottom">
|
||||
<input type="text" class="text" placeholder="说点什么...">
|
||||
<img src="./images/startCall.png" alt="" id="startCall">
|
||||
<img src="./images/finishCall.png" alt="" id="finishCall">
|
||||
</div>
|
||||
<!-- <button type="button" id="startCall">开始通话</button>
|
||||
<button type="button" id="finishCall">结束通话</button> -->
|
||||
</body>
|
||||
|
||||
</html>
|
||||
<script src="../../common/js/flexible.js"></script>
|
||||
<script src="../../common/js/jquery-3.2.1.min.js"></script>
|
||||
<script src="../../common/js/common2.js"></script>
|
||||
<script src="../../common/js/layer.js"></script>
|
||||
<script src="../../common/js/vconsole.min.js"></script>
|
||||
<script src="../../common/js/route-constant.js"></script>
|
||||
<script src="./js/index.js"></script>
|
||||
17
view/molistar/modules/h5Chat/js/NIM_Web_NERTC_v5.6.30.js
Normal file
17
view/molistar/modules/h5Chat/js/NIM_Web_NERTC_v5.6.30.js
Normal file
File diff suppressed because one or more lines are too long
90
view/molistar/modules/h5Chat/js/index.js
Normal file
90
view/molistar/modules/h5Chat/js/index.js
Normal file
@@ -0,0 +1,90 @@
|
||||
let rtc = {};
|
||||
let client, localStream;
|
||||
let uid = getQueryString().uid;
|
||||
let channelName = '消失的房间111';
|
||||
const main = async () => {
|
||||
client = NERTC.createClient({
|
||||
appkey: '2f9b0121d8e1338564b3fea38236390b', //您的 App Key
|
||||
debug: false, //是否开启调试日志
|
||||
});
|
||||
// 加入房间
|
||||
try {
|
||||
await client.join({
|
||||
channelName,
|
||||
uid: uid,
|
||||
token: null // 调试模式下可设置为 null
|
||||
});
|
||||
console.info('加入房间成功...');
|
||||
await initLocalStream();
|
||||
} catch (error) {
|
||||
console.error('加入房间失败:', error);
|
||||
}
|
||||
|
||||
}
|
||||
//初始化本地流并且发布
|
||||
async function initLocalStream() {
|
||||
// 监听事件
|
||||
client.on('stream-added', event => {
|
||||
const remoteStream = event.stream;
|
||||
console.warn('收到别人的发布消息: ', remoteStream.streamID, 'mediaType: ', event.mediaType)
|
||||
//订阅远端流
|
||||
client.subscribe(remoteStream).then(() => {
|
||||
console.warn(`subscribe 成功 ${remoteStream.streamID}`)
|
||||
});
|
||||
});
|
||||
client.on('stream-subscribed', event => {
|
||||
// 远端流订阅成功
|
||||
const remoteStream = event.stream;
|
||||
console.warn('订阅别人的流成功的通知: ', remoteStream.streamID, 'mediaType: ', event.mediaType)
|
||||
// 设置远端视频画布
|
||||
remoteStream.setRemoteRenderMode({
|
||||
width: 640,
|
||||
height: 480
|
||||
});
|
||||
// 播放远端流
|
||||
remoteStream.play('remoteVideoContent');
|
||||
|
||||
});
|
||||
// 进房成功后开始推流
|
||||
try {
|
||||
// await client.join({ channelName, uid });
|
||||
localStream = NERTC.createStream({ uid, audio: false, video: false, client });
|
||||
localStream.setAudioProfile("high_quality_stereo");
|
||||
await localStream.init();
|
||||
await client.publish(localStream);
|
||||
} catch (error) {
|
||||
console.error(error);
|
||||
}
|
||||
}
|
||||
// 开启麦克风-按钮
|
||||
document.getElementById('startCall').onclick = async function () {
|
||||
try {
|
||||
// localStream.audio = true;
|
||||
// await localStream.init();
|
||||
// await client.publish(localStream);
|
||||
localStream.open({type:'audio'})
|
||||
$(this).hide();
|
||||
$('.bottom #finishCall').show();
|
||||
} catch (error) {
|
||||
console.error('开启麦克风失败', error);
|
||||
}
|
||||
};
|
||||
|
||||
// 关闭麦克风-按钮
|
||||
document.getElementById('finishCall').onclick = async function () {
|
||||
//结束通话 await client.leave();
|
||||
try {
|
||||
// localStream.audio = false;
|
||||
// await localStream.init();
|
||||
// await client.publish(localStream);
|
||||
localStream.close({ type: "audio"});
|
||||
$(this).hide();
|
||||
$('.bottom #startCall').show();
|
||||
} catch (error) {
|
||||
console.error('关闭麦克风失败', error);
|
||||
}
|
||||
};
|
||||
|
||||
$(function () {
|
||||
main()
|
||||
})
|
||||
25
view/molistar/modules/h5Chat/package-lock.json
generated
Normal file
25
view/molistar/modules/h5Chat/package-lock.json
generated
Normal file
@@ -0,0 +1,25 @@
|
||||
{
|
||||
"name": "dome",
|
||||
"lockfileVersion": 3,
|
||||
"requires": true,
|
||||
"packages": {
|
||||
"": {
|
||||
"dependencies": {
|
||||
"nertc-web-sdk": "^5.6.30"
|
||||
}
|
||||
},
|
||||
"node_modules/@types/webrtc": {
|
||||
"version": "0.0.31",
|
||||
"resolved": "https://registry.npmmirror.com/@types/webrtc/-/webrtc-0.0.31.tgz",
|
||||
"integrity": "sha512-GEoJIoM/ddxdaGnu0enJVDTdvwwr3/tPkpXz0LBTSi282gqxWDg1ffk4fzHU2dosNshp+Slq1kfGxpKs5083Nw=="
|
||||
},
|
||||
"node_modules/nertc-web-sdk": {
|
||||
"version": "5.6.30",
|
||||
"resolved": "https://registry.npmmirror.com/nertc-web-sdk/-/nertc-web-sdk-5.6.30.tgz",
|
||||
"integrity": "sha512-1dU4K6uIqkKC9hI7aDw5uz1i78cMZ3H5CQ1aLmPcZUbr6i9twQOLSwfHcbhiOc7xXPC2fi49t/xVyDPjUTJfRQ==",
|
||||
"dependencies": {
|
||||
"@types/webrtc": "^0.0.31"
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
5
view/molistar/modules/h5Chat/package.json
Normal file
5
view/molistar/modules/h5Chat/package.json
Normal file
@@ -0,0 +1,5 @@
|
||||
{
|
||||
"dependencies": {
|
||||
"nertc-web-sdk": "^5.6.30"
|
||||
}
|
||||
}
|
||||
@@ -1 +1 @@
|
||||
<!DOCTYPE html><html><head><meta charset=UTF-8><meta name=viewport content="width=device-width,user-scalable=no,initial-scale=1,maximum-scale=1,minimum-scale=1"><title>molistar</title><link href=./static/css/app.e8f91c8f89231ddcc6daca50f174298c.css rel=stylesheet></head><body><div id=app></div><script type=text/javascript src=./static/js/manifest.88b78acf469d0acf38e9.js></script><script type=text/javascript src=./static/js/vendor.ef63a6e67767f10f7bb6.js></script><script type=text/javascript src=./static/js/app.7ca308c825d5ae771d3f.js></script></body></html>
|
||||
<!DOCTYPE html><html><head><meta charset=UTF-8><meta name=viewport content="width=device-width,user-scalable=no,initial-scale=1,maximum-scale=1,minimum-scale=1"><title>molistar</title><link href=./static/css/app.3bf26cf8aefc192127a20f8ba996bfe9.css rel=stylesheet></head><body><div id=app></div><script type=text/javascript src=./static/js/manifest.90cb57975173c57d4e84.js></script><script type=text/javascript src=./static/js/vendor.ef63a6e67767f10f7bb6.js></script><script type=text/javascript src=./static/js/app.e8e410dbf357b49f1bc2.js></script></body></html>
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@@ -1,2 +1,2 @@
|
||||
!function(e){var n=window.webpackJsonp;window.webpackJsonp=function(r,a,c){for(var f,i,u,d=0,s=[];d<r.length;d++)i=r[d],t[i]&&s.push(t[i][0]),t[i]=0;for(f in a)Object.prototype.hasOwnProperty.call(a,f)&&(e[f]=a[f]);for(n&&n(r,a,c);s.length;)s.shift()();if(c)for(d=0;d<c.length;d++)u=o(o.s=c[d]);return u};var r={},t={15:0};function o(n){if(r[n])return r[n].exports;var t=r[n]={i:n,l:!1,exports:{}};return e[n].call(t.exports,t,t.exports,o),t.l=!0,t.exports}o.e=function(e){var n=t[e];if(0===n)return new Promise(function(e){e()});if(n)return n[2];var r=new Promise(function(r,o){n=t[e]=[r,o]});n[2]=r;var a=document.getElementsByTagName("head")[0],c=document.createElement("script");c.type="text/javascript",c.charset="utf-8",c.async=!0,c.timeout=12e4,o.nc&&c.setAttribute("nonce",o.nc),c.src=o.p+"static/js/"+e+"."+{0:"9b42e162ef90c3d92a52",1:"c2ef46c6dcac24931ba4",2:"17debe0f6011a97521e8",3:"a4c2cd2893242b26adcb",4:"1c8935faedda18361064",5:"29aedabb66ce105db013",6:"0e7ac399b5d59483b7f2",7:"770781e704ff5805cd00",8:"4218eb5becaddd649623",9:"d02156509389fc441584",10:"8520f094936f10a3326e",11:"a5e798e367bdaa3003e9",12:"014c35f45254c9a43fa6"}[e]+".js";var f=setTimeout(i,12e4);function i(){c.onerror=c.onload=null,clearTimeout(f);var n=t[e];0!==n&&(n&&n[1](new Error("Loading chunk "+e+" failed.")),t[e]=void 0)}return c.onerror=c.onload=i,a.appendChild(c),r},o.m=e,o.c=r,o.d=function(e,n,r){o.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:r})},o.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(n,"a",n),n},o.o=function(e,n){return Object.prototype.hasOwnProperty.call(e,n)},o.p="./",o.oe=function(e){throw console.error(e),e}}([]);
|
||||
//# sourceMappingURL=manifest.88b78acf469d0acf38e9.js.map
|
||||
!function(e){var n=window.webpackJsonp;window.webpackJsonp=function(r,a,c){for(var f,i,u,d=0,s=[];d<r.length;d++)i=r[d],t[i]&&s.push(t[i][0]),t[i]=0;for(f in a)Object.prototype.hasOwnProperty.call(a,f)&&(e[f]=a[f]);for(n&&n(r,a,c);s.length;)s.shift()();if(c)for(d=0;d<c.length;d++)u=o(o.s=c[d]);return u};var r={},t={15:0};function o(n){if(r[n])return r[n].exports;var t=r[n]={i:n,l:!1,exports:{}};return e[n].call(t.exports,t,t.exports,o),t.l=!0,t.exports}o.e=function(e){var n=t[e];if(0===n)return new Promise(function(e){e()});if(n)return n[2];var r=new Promise(function(r,o){n=t[e]=[r,o]});n[2]=r;var a=document.getElementsByTagName("head")[0],c=document.createElement("script");c.type="text/javascript",c.charset="utf-8",c.async=!0,c.timeout=12e4,o.nc&&c.setAttribute("nonce",o.nc),c.src=o.p+"static/js/"+e+"."+{0:"9b42e162ef90c3d92a52",1:"c2ef46c6dcac24931ba4",2:"17debe0f6011a97521e8",3:"a4c2cd2893242b26adcb",4:"1c8935faedda18361064",5:"f435e0adfd15f2f66756",6:"0e7ac399b5d59483b7f2",7:"770781e704ff5805cd00",8:"4218eb5becaddd649623",9:"d02156509389fc441584",10:"8520f094936f10a3326e",11:"a5e798e367bdaa3003e9",12:"014c35f45254c9a43fa6"}[e]+".js";var f=setTimeout(i,12e4);function i(){c.onerror=c.onload=null,clearTimeout(f);var n=t[e];0!==n&&(n&&n[1](new Error("Loading chunk "+e+" failed.")),t[e]=void 0)}return c.onerror=c.onload=i,a.appendChild(c),r},o.m=e,o.c=r,o.d=function(e,n,r){o.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:r})},o.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(n,"a",n),n},o.o=function(e,n){return Object.prototype.hasOwnProperty.call(e,n)},o.p="./",o.oe=function(e){throw console.error(e),e}}([]);
|
||||
//# sourceMappingURL=manifest.90cb57975173c57d4e84.js.map
|
||||
@@ -1,116 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title class="text1"></title>
|
||||
<link rel="stylesheet" href="../../common/css/reset.css">
|
||||
<link rel="stylesheet" href="./style/cpRule.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<h2 class="text2"></h2>
|
||||
<h3 class="text3"></h3>
|
||||
<img src="./images/rule1.png" alt="" class="img1">
|
||||
<img src="./images/rule2.png" alt="" class="img2">
|
||||
<h2 class="text4"></h2>
|
||||
<h3 class="text5"></h3>
|
||||
<img src="./images/rule3.png" alt="" class="img3">
|
||||
<h2 class="text6"></h2>
|
||||
<img src="./images/rule4.png" alt="" class="img4">
|
||||
<h2 class="text7"></h2>
|
||||
<img src="./images/rule5.png" alt="" class="img5">
|
||||
<h2 class="text8"></h2>
|
||||
<img src="./images/rule6.png" alt="" class="img6">
|
||||
<h2 class="text9"></h2>
|
||||
<img src="./images/rule7.png" alt="" class="img7">
|
||||
<h2 class="text10"></h2>
|
||||
<img src="./images/rule8.png" alt="" class="img8">
|
||||
<h2 class="text11"></h2>
|
||||
<h3 class="text12"></h3>
|
||||
<h2 class="text13"></h2>
|
||||
<img src="./images/rule9.png" alt="" class="img9">
|
||||
<h2 class="text14"></h2>
|
||||
<img src="./images/rule10.png" alt="" class="img10">
|
||||
<h2 class="text15"></h2>
|
||||
<img src="./images/rule11.png" alt="" class="img11">
|
||||
<!-- <h2 class="text16"></h2>
|
||||
<img src="./images/rule12.png" alt="" class="img12"> -->
|
||||
<h2 class="text17"></h2>
|
||||
<div class="imgBox">
|
||||
<img src="./images/simg1.png" alt="">
|
||||
<img src="./images/simg2.png" alt="">
|
||||
</div>
|
||||
<!-- <h2 class="text18"></h2>
|
||||
<div class="imgBox">
|
||||
<img src="./images/simg3.png" alt="">
|
||||
<img src="./images/simg4.png" alt="">
|
||||
</div> -->
|
||||
<h2 class="text19"></h2>
|
||||
<div class="imgBox">
|
||||
<img src="./images/simg3.png" alt="">
|
||||
<img src="./images/simg4.png" alt="">
|
||||
</div>
|
||||
<h2 class="text20"></h2>
|
||||
<div class="imgBox">
|
||||
<img src="./images/simg5.png" alt="">
|
||||
<img src="./images/simg6.png" alt="">
|
||||
</div>
|
||||
<h2 class="text21"></h2>
|
||||
<h3 class="text22"></h3>
|
||||
<div class="null"></div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
<script src="../../common/js/flexible.js"></script>
|
||||
<script src="../../common/js/jquery-3.2.1.min.js"></script>
|
||||
<script src="../../common/js/common2.js"></script>
|
||||
<script src="../../common/js/layer.js"></script>
|
||||
<script src="../../common/js/vconsole.min.js"></script>
|
||||
<script src="../../common/js/route-constant.js"></script>
|
||||
<script src="./local/en.js"></script>
|
||||
<script src="./local/zh.js"></script>
|
||||
<script src="./local/ar.js"></script>
|
||||
<script src="../../common/local/langHandler.js"></script>
|
||||
<script>
|
||||
var langReplace;
|
||||
var localLang;
|
||||
// 初始化函數
|
||||
$(function () {
|
||||
getInfoFromClient();
|
||||
fuzzyMatchUpdateQueryStringParameterFun(); // 判断语言
|
||||
setTimeout(function () {
|
||||
fuzzyMatchUpdateQueryStringParameterFun(); // 判断语言
|
||||
langReplace = window.lang.replace;
|
||||
localLang = window.lang;
|
||||
translateFun();
|
||||
}, 100)
|
||||
})
|
||||
function translateFun() {
|
||||
var langReplace = window.lang.replace;
|
||||
var localLang = window.lang;
|
||||
$('.text1').text(langReplace(localLang.cpRule.text1));
|
||||
$('.text2').text(langReplace(localLang.cpRule.text2));
|
||||
$('.text3').text(langReplace(localLang.cpRule.text3));
|
||||
$('.text4').text(langReplace(localLang.cpRule.text4));
|
||||
$('.text5').text(langReplace(localLang.cpRule.text5));
|
||||
$('.text6').text(langReplace(localLang.cpRule.text6));
|
||||
$('.text7').text(langReplace(localLang.cpRule.text7));
|
||||
$('.text8').text(langReplace(localLang.cpRule.text8));
|
||||
$('.text9').text(langReplace(localLang.cpRule.text9));
|
||||
$('.text10').text(langReplace(localLang.cpRule.text10));
|
||||
$('.text11').text(langReplace(localLang.cpRule.text11));
|
||||
$('.text12').text(langReplace(localLang.cpRule.text12));
|
||||
$('.text13').text(langReplace(localLang.cpRule.text13));
|
||||
$('.text14').text(langReplace(localLang.cpRule.text14));
|
||||
$('.text15').text(langReplace(localLang.cpRule.text15));
|
||||
$('.text16').text(langReplace(localLang.cpRule.text16));
|
||||
$('.text17').text(langReplace(localLang.cpRule.text17));
|
||||
$('.text18').text(langReplace(localLang.cpRule.text18));
|
||||
$('.text19').text(langReplace(localLang.cpRule.text19));
|
||||
$('.text20').text(langReplace(localLang.cpRule.text20));
|
||||
$('.text21').text(langReplace(localLang.cpRule.text21));
|
||||
$('.text22').html(langReplace(localLang.cpRule.text22));
|
||||
}
|
||||
</script>
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 48 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 58 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 60 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 60 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 99 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 59 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 57 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 60 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 59 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 68 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 75 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 49 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 37 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 53 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 39 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 52 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 41 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 66 KiB |
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
@@ -59,84 +59,8 @@
|
||||
}
|
||||
</style>
|
||||
|
||||
<!-- <body id="sdk_body"> -->
|
||||
|
||||
<body>
|
||||
<p class="title">MoliStar Third-party SDK Directory</p>
|
||||
<p>To ensure the realization ofcertain independent functions and to enable you to use and enjoy more services and
|
||||
functions, we embed third-party SDKs in the application.We will carefully evaluate the purpose of using such
|
||||
SDKs.</p>
|
||||
<p>Please understand that the functions and services of thirdparty SDKs are constantly updated and developed. The
|
||||
types of data they handle and other content may change due to functional or policy adjustments. Please refer to
|
||||
the relevant introduction of personal information publicly disclosed by the third party.</p>
|
||||
<figure class="wp-block-table">
|
||||
<table border class="has-fixed-layout">
|
||||
<tbody>
|
||||
<tr>
|
||||
<th>SDK Name</th>
|
||||
<th>Purpose of Use</th>
|
||||
<th>Types of Personal Information</th>
|
||||
<th>Third-party Privacy Policy Link</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>NetEase Yidun</td>
|
||||
<td>Implementing UGC Content Filtering Functionality</td>
|
||||
<td>WiFi network status, network status, operator information, change network connection status,
|
||||
phone status, external storage of the reader, obtain MAC address</td>
|
||||
<td>https://dun.163.com/clause/privacy</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>NetEase Cloud IM SDK</td>
|
||||
<td>Collect and send end-user voice information</td>
|
||||
<td>Networkaccess, Wi-Fi access status, device information, storage card content, obtain IMEI
|
||||
information, obtain lMSI information, obtain MAC obtain APNS Token, operator type, obtain
|
||||
application information installed by the system</td>
|
||||
<td>https://commsease.com/en/clauses?serviceType=3</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Tencent Cloud Object Storage</td>
|
||||
<td>Upload user avatar, publish dynamic content</td>
|
||||
<td>Network access, read/write external storage</td>
|
||||
<td>https://privacy.qq.com/document/preview/e822b3b07d36440db40abf7afa48574e</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Agora</td>
|
||||
<td>Provide real-time audio and video cloud services</td>
|
||||
<td>Recording microphone permission, camera permission, phone status, Wi-Fi status access, network
|
||||
status, operator information, Bluetooth access, network access, modify audio settings,
|
||||
read/write external storage, keep device awake</td>
|
||||
<td>https://www.agora.io/cn/privacy-policy</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Tencent Cloud TRTC SDK</td>
|
||||
<td>Provide real-time audio and video cloud services</td>
|
||||
<td>Manufacturer of the device, device model, system version, network type, screen resolution, CPU
|
||||
information, IP address, network permissions, storage permissions, microphone permissions, audio
|
||||
permissions, Bluetooth permissions, camera permissions, phone permissions</td>
|
||||
<td>https://trtc.io/document/48827</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>SudMGP</td>
|
||||
<td>Provide interactive gaming-related services</td>
|
||||
<td>Personal information types, device cache count, invocation of device speaker and vibration
|
||||
motor, device type, device model, CPU information, storage information, operating system
|
||||
information, IP address, signal strength information, network type, sender and receiver user ID,
|
||||
user attributes, usage duration, personal information setting name, nickname, logs</td>
|
||||
<td>https://console.sud.tech/privacy</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>MobTech SDK</td>
|
||||
<td>Provide timely message push and notification functionality for testing a sample application of
|
||||
mobile cross-platform development tools</td>
|
||||
<td>System operation information, network access, obtaining MAC address, obtaining IMEI information,
|
||||
obtaining anonymous device identifiers (OAID), International Mobile Subscriber Identity (IMSI),
|
||||
obtaining installed applications, base station information, obtaining running process
|
||||
information</td>
|
||||
<td>https://www.mob.com/about/policy</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</figure>
|
||||
<body id="sdk_body">
|
||||
|
||||
|
||||
</body>
|
||||
|
||||
|
||||
@@ -1,67 +0,0 @@
|
||||
body {
|
||||
width: 10rem;
|
||||
height: 17.78667rem;
|
||||
background: #F5F7F9;
|
||||
box-sizing: border-box;
|
||||
padding: 0.26667rem 0.42667rem 1.09333rem;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
h2 {
|
||||
width: 100%;
|
||||
color: #313131;
|
||||
font-size: 0.37333rem;
|
||||
font-weight: 500;
|
||||
line-height: 0.53333rem;
|
||||
}
|
||||
|
||||
h3 {
|
||||
width: 100%;
|
||||
color: #7B7B7D;
|
||||
font-size: 0.34667rem;
|
||||
font-weight: 400;
|
||||
margin-bottom: 0.18667rem;
|
||||
line-height: 0.53333rem;
|
||||
}
|
||||
|
||||
img {
|
||||
display: block;
|
||||
width: 9.14667rem;
|
||||
margin-bottom: 0.18667rem;
|
||||
margin-top: 0.18667rem;
|
||||
}
|
||||
|
||||
.img1 {
|
||||
height: 4.26667rem;
|
||||
}
|
||||
|
||||
.img2 {
|
||||
height: 5.44rem;
|
||||
}
|
||||
|
||||
.img3 {
|
||||
height: 3.46667rem;
|
||||
}
|
||||
|
||||
.img9,
|
||||
.img10,
|
||||
.img11,
|
||||
.img12 {
|
||||
margin-top: 0.18667rem;
|
||||
}
|
||||
|
||||
.imgBox {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin-bottom: 0.18667rem;
|
||||
margin-top: 0.18667rem;
|
||||
}
|
||||
|
||||
.imgBox img {
|
||||
width: 4.48rem;
|
||||
}
|
||||
|
||||
.null {
|
||||
height: 1.09333rem;
|
||||
}
|
||||
@@ -1,71 +0,0 @@
|
||||
@function px2rem($px) {
|
||||
@return $px / 75+rem;
|
||||
}
|
||||
|
||||
body {
|
||||
width: px2rem(750);
|
||||
height: px2rem(1334);
|
||||
background: #F5F7F9;
|
||||
box-sizing: border-box;
|
||||
padding: px2rem(20) px2rem(32) px2rem(82);
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
h2 {
|
||||
width: 100%;
|
||||
color: #313131;
|
||||
font-size: px2rem(28);
|
||||
font-weight: 500;
|
||||
line-height: px2rem(40);
|
||||
}
|
||||
|
||||
h3 {
|
||||
width: 100%;
|
||||
color: #7B7B7D;
|
||||
font-size: px2rem(26);
|
||||
font-weight: 400;
|
||||
margin-bottom: px2rem(14);
|
||||
line-height: px2rem(40);
|
||||
}
|
||||
|
||||
img {
|
||||
display: block;
|
||||
width: px2rem(686);
|
||||
margin-bottom: px2rem(14);
|
||||
margin-top: px2rem(14);
|
||||
}
|
||||
|
||||
.img1 {
|
||||
height: px2rem(320);
|
||||
}
|
||||
|
||||
.img2 {
|
||||
height: px2rem(408);
|
||||
}
|
||||
|
||||
.img3 {
|
||||
height: px2rem(260);
|
||||
}
|
||||
|
||||
.img9,
|
||||
.img10,
|
||||
.img11,
|
||||
.img12 {
|
||||
margin-top: px2rem(14);
|
||||
}
|
||||
|
||||
.imgBox {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin-bottom: px2rem(14);
|
||||
margin-top: px2rem(14);
|
||||
|
||||
img {
|
||||
width: px2rem(336);
|
||||
}
|
||||
}
|
||||
|
||||
.null {
|
||||
height: px2rem(82);
|
||||
}
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 313 KiB After Width: | Height: | Size: 512 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 375 KiB After Width: | Height: | Size: 509 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 303 KiB After Width: | Height: | Size: 477 KiB |
@@ -1,6 +1,5 @@
|
||||
const ar = {
|
||||
diamondLog: {
|
||||
解除CP手续费: 'بالتأكيد',
|
||||
SS公会活动奖励: 'جوائز حدث نقابة SS',
|
||||
公會usd兌換給代儲收入: 'دخل تبادل الدولار للإيداع',
|
||||
公會usd兌換金幣收入: 'دخل تبادل الدولار لعملات الذهب',
|
||||
|
||||
@@ -1,6 +1,5 @@
|
||||
const en = {
|
||||
diamondLog: {
|
||||
解除CP手续费: 'Pay Fee',
|
||||
SS公会活动奖励: 'SS Guild Event Rewards',
|
||||
公會usd兌換給代儲收入: ' Guild USD for Deposit Income',
|
||||
公會usd兌換金幣收入: 'Guild USD for Gold Income',
|
||||
|
||||
@@ -1,6 +1,5 @@
|
||||
const zh = {
|
||||
diamondLog: {
|
||||
解除CP手续费: '解除CP手續費',
|
||||
SS公会活动奖励: 'SS公會活動奬勵',
|
||||
公會usd兌換給代儲收入: '公會usd兌換給代儲收入',
|
||||
公會usd兌換金幣收入: '公會usd兌換金幣收入',
|
||||
|
||||
@@ -248,9 +248,6 @@
|
||||
<p v-else-if="tab === 12 && item1.objType === 117">
|
||||
{{ $t("diamondLog.遊戲開黑支出") }}
|
||||
</p>
|
||||
<p v-else-if="tab === 12 && item1.objType === 126">
|
||||
{{ $t("diamondLog.解除CP手续费") }}
|
||||
</p>
|
||||
<p v-else-if="tab === 12 && item1.objType === 90">
|
||||
{{ $t("diamondLog.轉贈金幣給") }} {{ item1.targetNick.length > 7 ? item1.targetNick.slice(0, 7) + '...' : item1.targetNick }}
|
||||
{{ item1.sendDiamondAmount }}{{ $t("diamondLog.金幣") }}
|
||||
|
||||
Reference in New Issue
Block a user