Compare commits
18 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
|
7aaa2b47b3 | ||
|
|
e107cea8c9 | ||
|
|
0f5aa15201 | ||
|
|
e2301327df | ||
|
|
3cf68e463e | ||
|
|
4dd4f27a06 | ||
|
|
fc9885f271 | ||
|
|
797f724485 | ||
|
|
07f7f634a7 | ||
|
|
95a27e7b3b | ||
|
|
a241918253 | ||
|
|
aa3f9a7203 | ||
|
|
9cfd53a88c | ||
|
|
2ef8354480 | ||
|
|
f907063751 | ||
|
|
c3307b083c | ||
|
|
be26cc3637 | ||
|
|
1e1db9a721 |
@@ -1147,7 +1147,7 @@ body {
|
||||
}
|
||||
|
||||
.english .giftBox .textBox .p1 {
|
||||
width: 70%;
|
||||
width: 73%;
|
||||
margin-left: 2rem;
|
||||
padding-right: 0;
|
||||
line-height: 0.34rem;
|
||||
@@ -1195,7 +1195,7 @@ body {
|
||||
width: 75%;
|
||||
padding-right: 0;
|
||||
white-space: nowrap;
|
||||
font-size: 0.21333rem;
|
||||
font-size: 0.24rem;
|
||||
}
|
||||
|
||||
.arabic .giftBox .giftList div .exp {
|
||||
|
||||
@@ -1160,7 +1160,7 @@ body {
|
||||
// 英语
|
||||
.english {
|
||||
.giftBox .textBox .p1 {
|
||||
width: 70%;
|
||||
width: 73%;
|
||||
margin-left: 2rem;
|
||||
padding-right: 0;
|
||||
line-height: 0.34rem;
|
||||
@@ -1213,7 +1213,7 @@ body {
|
||||
width: 75%;
|
||||
padding-right: 0;
|
||||
white-space: nowrap;
|
||||
font-size: px2rem(16);
|
||||
font-size: px2rem(18);
|
||||
}
|
||||
|
||||
.giftBox .giftList div .exp {
|
||||
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 44 KiB After Width: | Height: | Size: 236 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 24 KiB After Width: | Height: | Size: 131 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 215 KiB After Width: | Height: | Size: 1.1 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 102 KiB After Width: | Height: | Size: 492 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 105 KiB After Width: | Height: | Size: 480 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 193 KiB After Width: | Height: | Size: 1.0 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 188 KiB After Width: | Height: | Size: 1012 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 199 KiB After Width: | Height: | Size: 1.0 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 105 KiB After Width: | Height: | Size: 462 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 106 KiB After Width: | Height: | Size: 478 KiB |
@@ -16,7 +16,7 @@ langAr = {
|
||||
newIMg4:`./images/giftList4_ar.png`,
|
||||
text1: `تحدى زيادة المستوى`,
|
||||
text2: `قاعدة`,
|
||||
text3: `توقيت الحدث :2024.08.22-2024.08.13`,
|
||||
text3: `وقت النشاط:2024.08.13 إلى 08.22`,
|
||||
text4: `ارسال هديا ،لزيادة المستوى`,
|
||||
text5: `مستخدم vip:يمكنه ارسال هديا الحدث والحصول على اعلي نقاط`,
|
||||
text6: `509564EXP!`,
|
||||
|
||||
@@ -15,19 +15,19 @@ langEn = {
|
||||
text1: `level event`,
|
||||
text2: `rule`,
|
||||
text3: `the time of event :2024.08.13-2024.08.22`,
|
||||
text4: `send gifts and increase ur level`,
|
||||
text5: `vip users can get more exp ,when they send gifts`,
|
||||
text4: `Send following gifts to get EXP`,
|
||||
text5: ` VIP5-9 can get additional EXP, UP TO`,
|
||||
text6: `1001000EXP!`,
|
||||
text7: `Moon ring`,
|
||||
text8: `Holy Demon Staff`,
|
||||
text8: `Crystal Moon`,
|
||||
text9: `Interstellar`,
|
||||
text10: `Interstellar Overlord`,
|
||||
text11: `level`,
|
||||
text12: `reward`,
|
||||
text13: `Level`,
|
||||
text14: `Headwear`,
|
||||
text14: `AvatarFr`,
|
||||
text15: `Chat bubble`,
|
||||
text16: `Entry`,
|
||||
text16: `Mount`,
|
||||
text17: `Medal`,
|
||||
text18: `Chat bubble`,
|
||||
text19: `Level's rewards`,
|
||||
@@ -38,10 +38,10 @@ langEn = {
|
||||
text23: ` `,
|
||||
text24: `Current:LV.`,
|
||||
text25: `more detalis`,
|
||||
text26: `Ranked according to the EXP increased by sending event gifts, EXP The higher the rank, the higher the rank`,
|
||||
text27: `(The top 50 users with the most EXP will receive event awards)`,
|
||||
text26: `Ranked according to the EXP increased by sending event gifts. the higher the EXP, the higher the rank`,
|
||||
text27: `(The top 50 will receive more rewards)`,
|
||||
text28: `EXP Points`,
|
||||
text29: `(Send gifts and increase ur level ,and get rewards)`,
|
||||
text29: `(Send following gifts to get EXP ,and get rewards)`,
|
||||
text30: `The all expx points`,
|
||||
text31: `The event rules`,
|
||||
text32: `Leaderboard rewards`,
|
||||
|
||||
@@ -739,11 +739,11 @@ function getInfoFromClient() {
|
||||
}
|
||||
|
||||
} else {
|
||||
// 非app环境调试参数
|
||||
pubInfo.uid = sessionStorage.getItem("uid") ? sessionStorage.getItem("uid") : '';
|
||||
// pubInfo.ticket = sessionStorage.getItem("ticket") ? sessionStorage.getItem("ticket") : '';
|
||||
pubInfo.h5_token = sessionStorage.getItem("ticket") ? sessionStorage.getItem("ticket") : '';
|
||||
pubInfo.deviceId = "0";
|
||||
// 非app环境调试参数
|
||||
pubInfo.uid = sessionStorage.getItem("uid") ? sessionStorage.getItem("uid") : '';
|
||||
// pubInfo.ticket = sessionStorage.getItem("ticket") ? sessionStorage.getItem("ticket") : '';
|
||||
pubInfo.h5_token = sessionStorage.getItem("ticket") ? sessionStorage.getItem("ticket") : '';
|
||||
pubInfo.deviceId = "0";
|
||||
pubInfo.deviceInfo = {
|
||||
app: 'molistarApp',
|
||||
appVersion: '9.9.9',
|
||||
@@ -829,11 +829,11 @@ function langCodeFun(langCode) {
|
||||
// if (window.location.href.match(/guildAr/)) {
|
||||
// return
|
||||
// }
|
||||
var body = document.body;
|
||||
body.style.display = 'none';
|
||||
setTimeout(function () {
|
||||
body.style.display = 'block';
|
||||
}, 500)
|
||||
// var body = document.body;
|
||||
// body.style.display = 'none';
|
||||
// setTimeout(function () {
|
||||
// body.style.display = 'block';
|
||||
// }, 500)
|
||||
if (langCode == "ar") {
|
||||
document.documentElement.setAttribute("dir", "rtl");
|
||||
document.body.classList.add('arabic');
|
||||
|
||||
62
view/molistar/modules/guild-ar/adminSet.html
Normal file
62
view/molistar/modules/guild-ar/adminSet.html
Normal file
@@ -0,0 +1,62 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title class="text1"></title>
|
||||
<!-- 添加管理员页面 -->
|
||||
<link rel="stylesheet" href="../../common/css/reset.css">
|
||||
<link rel="stylesheet" href="./css/adminSet.css?v=1.0">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<!-- 顶部 -->
|
||||
<div class="back">
|
||||
<img src="./images/travel/backB.png" alt="" class="backs">
|
||||
<img src="./images/fdj.png" alt="" class="fdj">
|
||||
<input class="text16" type="text" placeholder="">
|
||||
<div class="text text2"></div>
|
||||
</div>
|
||||
<!-- 内容 -->
|
||||
<ul>
|
||||
<!-- <li>
|
||||
<img src="./images/logo.png" alt="" class="tx">
|
||||
<div class="user">
|
||||
<p>昵称昵称昵称昵称</p>
|
||||
<img src="./images/boy.png" alt="" class="sex">
|
||||
<img src="./images/icon1.png" alt="" class="wealth">
|
||||
<img src="./images/icon2.png" alt="" class="charm">
|
||||
<b>ID:0</b>
|
||||
</div>
|
||||
<div class="but">إضافة </div>
|
||||
</li> -->
|
||||
<li class="null">
|
||||
<img src="./images/null.png" alt="">
|
||||
<span class="text3"></span>
|
||||
</li>
|
||||
</ul>
|
||||
<!-- 设置管理员弹窗 -->
|
||||
<div class="pub">
|
||||
<div class="pub_in">
|
||||
<p class="text4"></p>
|
||||
<div class="butBox">
|
||||
<div class="close texts1"></div>
|
||||
<div class="ok texts2"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
<script src="../../common/js/flexible.js"></script>
|
||||
<script src="../../common/js/jquery-3.2.1.min.js"></script>
|
||||
<script src="../../common/js/common2.js"></script>
|
||||
<script src="../../common/js/layer.js"></script>
|
||||
<script src="../../common/js/vconsole.min.js"></script>
|
||||
<script src="../../common/js/route-constant.js"></script>
|
||||
<script src="./local/en.js"></script>
|
||||
<script src="./local/zh.js"></script>
|
||||
<script src="./local/ar.js"></script>
|
||||
<script src="./js/adminSet.js"></script>
|
||||
<script src="../../common/local/langHandler.js"></script>
|
||||
62
view/molistar/modules/guild-ar/adminSet2.html
Normal file
62
view/molistar/modules/guild-ar/adminSet2.html
Normal file
@@ -0,0 +1,62 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title class="text1"></title>
|
||||
<!-- 移除管理员页面 -->
|
||||
<link rel="stylesheet" href="../../common/css/reset.css">
|
||||
<link rel="stylesheet" href="./css/adminSet2.css?v=1.0">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<!-- 顶部 -->
|
||||
<div class="back">
|
||||
<img src="./images/travel/backB.png" alt="" class="backs">
|
||||
<div class="title text2"> </div>
|
||||
<div class="text text3"></div>
|
||||
</div>
|
||||
<!-- 内容 -->
|
||||
<ul>
|
||||
<!-- <li>
|
||||
<img src="./images/logo.png" alt="" class="tx">
|
||||
<div class="user">
|
||||
<p>昵称昵称昵称昵称</p>
|
||||
<img src="./images/boy.png" alt="" class="sex">
|
||||
<img src="./images/icon1.png" alt="" class="wealth">
|
||||
<img src="./images/icon2.png" alt="" class="charm">
|
||||
<b>ID:0</b>
|
||||
</div>
|
||||
<div class="but">حذف </div>
|
||||
</li> -->
|
||||
<li class="null">
|
||||
<img src="./images/null.png" alt="">
|
||||
<span class="text4"></span>
|
||||
</li>
|
||||
</ul>
|
||||
<!-- 设置管理员弹窗 -->
|
||||
<div class="pub">
|
||||
<div class="pub_in">
|
||||
<!-- 移除管理员 -->
|
||||
<p class="text5"></p>
|
||||
<div class="butBox">
|
||||
<div class="close text6"></div>
|
||||
<div class="ok text7"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
<script src="../../common/js/flexible.js"></script>
|
||||
<script src="../../common/js/jquery-3.2.1.min.js"></script>
|
||||
<script src="../../common/js/common2.js"></script>
|
||||
<script src="../../common/js/layer.js"></script>
|
||||
<script src="../../common/js/vconsole.min.js"></script>
|
||||
<script src="../../common/js/route-constant.js"></script>
|
||||
<script src="./local/en.js"></script>
|
||||
<script src="./local/zh.js"></script>
|
||||
<script src="./local/ar.js"></script>
|
||||
<script src="./js/adminSet2.js"></script>
|
||||
<script src="../../common/local/langHandler.js"></script>
|
||||
65
view/molistar/modules/guild-ar/bill.html
Normal file
65
view/molistar/modules/guild-ar/bill.html
Normal file
@@ -0,0 +1,65 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<title id="bill_title" class="text1">Bill</title>
|
||||
<meta name="viewport"
|
||||
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" />
|
||||
<meta name="apple-mobile-web-app-capable" content="yes" />
|
||||
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
|
||||
<meta name="format-detection" content="telephone=no" />
|
||||
<meta http-equiv="pragma" content="no-cache" />
|
||||
<meta http-equiv="cache-control" content="no-cache" />
|
||||
<meta http-equiv="expires" content="" />
|
||||
<script src="../../common/js/flexible.js"></script>
|
||||
<link rel="stylesheet" href="../../common/css/reset.css" />
|
||||
<link rel="stylesheet" href="css/bill.css" />
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="nav">
|
||||
<img src="./images/travel/back3.png" class="back" alt="" />
|
||||
<p class="text1"></p>
|
||||
</div>
|
||||
<div class="income_expenses">
|
||||
<p class="item act text2"></p>
|
||||
<p class="item text3"></p>
|
||||
</div>
|
||||
|
||||
<ul>
|
||||
<!-- <li>
|
||||
<div>
|
||||
<p>Salary exchange for coins</p>
|
||||
<b>-0ÜS</b>
|
||||
</div>
|
||||
<div>
|
||||
<span>Salary:100ÜS->50ÜS</span>
|
||||
<span>2024/06/11 11:12:56</span>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div>
|
||||
<p>Salary exchange for coins</p>
|
||||
<b>-0ÜS</b>
|
||||
</div>
|
||||
<div>
|
||||
<span>Salary:100ÜS->50ÜS</span>
|
||||
<span>2024/06/11 11:12:56</span>
|
||||
</div>
|
||||
</li> -->
|
||||
</ul>
|
||||
|
||||
<script src="../../common/js/jquery-3.2.1.min.js"></script>
|
||||
<script src="../../common/js/flexible.js"></script>
|
||||
<script src="../../common/js/vconsole.min.js"></script>
|
||||
<script src="../../common/js/common2.js"></script>
|
||||
<script src="../../common/js/layer.js"></script>
|
||||
<script src="./local/en.js"></script>
|
||||
<script src="./local/zh.js"></script>
|
||||
<script src="./local/ar.js"></script>
|
||||
<script src="./js/bill.js"></script>
|
||||
<script src="../../common/local/langHandler.js"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
276
view/molistar/modules/guild-ar/css/adminSet.css
Normal file
276
view/molistar/modules/guild-ar/css/adminSet.css
Normal file
@@ -0,0 +1,276 @@
|
||||
html,
|
||||
body {
|
||||
width: 100%;
|
||||
height: 17.78667rem;
|
||||
background: #eaeaec;
|
||||
}
|
||||
|
||||
.back {
|
||||
width: 100%;
|
||||
height: 2.8rem;
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 0rem;
|
||||
text-align: center;
|
||||
color: #FFFFFF;
|
||||
font-size: 0.50667rem;
|
||||
font-weight: bold;
|
||||
z-index: 10;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.back .backs {
|
||||
width: 0.58667rem;
|
||||
height: 0.58667rem;
|
||||
position: absolute;
|
||||
left: 0.24rem;
|
||||
top: 54%;
|
||||
}
|
||||
|
||||
.back .fdj {
|
||||
width: 0.42667rem;
|
||||
height: 0.42667rem;
|
||||
position: absolute;
|
||||
top: 58%;
|
||||
left: 1.41333rem;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.back input {
|
||||
border: none;
|
||||
outline: none;
|
||||
background: #eaeaec;
|
||||
width: 6.8rem;
|
||||
height: 0.74667rem;
|
||||
line-height: 0.74667rem;
|
||||
border-radius: 0.74667rem;
|
||||
box-sizing: border-box;
|
||||
padding-left: 0.72rem;
|
||||
position: absolute;
|
||||
left: 1.22667rem;
|
||||
top: 65%;
|
||||
transform: translateY(-50%);
|
||||
color: #333;
|
||||
font-size: 0.32rem;
|
||||
}
|
||||
|
||||
.back input::placeholder {
|
||||
color: #BCBDCB;
|
||||
font-size: 0.29333rem;
|
||||
}
|
||||
|
||||
.back .text {
|
||||
position: absolute;
|
||||
right: 0.62667rem;
|
||||
height: 100%;
|
||||
top: 0;
|
||||
line-height: 3.73333rem;
|
||||
color: #333333;
|
||||
font-size: 0.45333rem;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
ul {
|
||||
width: 10rem;
|
||||
height: 18rem;
|
||||
margin: 2.53333rem auto 0;
|
||||
overflow-y: scroll;
|
||||
padding-top: 0.34667rem;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
ul::-webkit-scrollbar {
|
||||
display: none;
|
||||
}
|
||||
|
||||
ul li {
|
||||
width: 9.06667rem;
|
||||
height: 2.13333rem;
|
||||
box-sizing: border-box;
|
||||
overflow: hidden;
|
||||
margin: 0 auto 0.44rem;
|
||||
position: relative;
|
||||
background: #fff;
|
||||
border-radius: 0.13333rem;
|
||||
}
|
||||
|
||||
ul li .tx {
|
||||
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.44rem;
|
||||
}
|
||||
|
||||
ul li .user {
|
||||
float: left;
|
||||
width: 6rem;
|
||||
}
|
||||
|
||||
ul li .user p {
|
||||
color: #515665;
|
||||
font-size: 0.37333rem;
|
||||
font-weight: bold;
|
||||
display: inline-block;
|
||||
margin-right: 0.10667rem;
|
||||
margin-bottom: 0.16rem;
|
||||
width: 2.7rem;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
box-sizing: border-box;
|
||||
padding-top: 0.66667rem;
|
||||
}
|
||||
|
||||
ul li .user b {
|
||||
display: block;
|
||||
color: #A4ABB2;
|
||||
font-size: 0.32rem;
|
||||
}
|
||||
|
||||
ul li .user .sex {
|
||||
width: 0.24rem;
|
||||
height: 0.24rem;
|
||||
display: inline-block;
|
||||
margin-top: 0.81333rem;
|
||||
margin-right: 0.10667rem;
|
||||
}
|
||||
|
||||
ul li .user .wealth,
|
||||
ul li .user .charm {
|
||||
display: inline-block;
|
||||
width: 0.96rem;
|
||||
height: 0.48rem;
|
||||
margin-top: 0.64rem;
|
||||
}
|
||||
|
||||
ul li .but {
|
||||
width: 1.17333rem;
|
||||
height: 0.56rem;
|
||||
background: #AA6CF5;
|
||||
border-radius: 0.56rem;
|
||||
position: absolute;
|
||||
right: 0.34667rem;
|
||||
top: 1.18667rem;
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
line-height: 0.56rem;
|
||||
font-size: 0.34667rem;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
ul li .chairman {
|
||||
width: 1.04rem;
|
||||
height: 0.34667rem;
|
||||
line-height: 0.34667rem;
|
||||
border-radius: 0.34667rem;
|
||||
text-align: center;
|
||||
color: #333;
|
||||
font-size: 0.29333rem;
|
||||
font-weight: 400;
|
||||
position: absolute;
|
||||
left: 0.16rem;
|
||||
top: 0.94667rem;
|
||||
background: linear-gradient(90deg, #FFEB67, #FFFCE7);
|
||||
}
|
||||
|
||||
ul li .administrator {
|
||||
width: 1.04rem;
|
||||
height: 0.34667rem;
|
||||
line-height: 0.34667rem;
|
||||
border-radius: 0.34667rem;
|
||||
text-align: center;
|
||||
color: #333;
|
||||
font-size: 0.29333rem;
|
||||
font-weight: 400;
|
||||
position: absolute;
|
||||
left: 0.16rem;
|
||||
top: 0.94667rem;
|
||||
background: linear-gradient(-90deg, #FBE1FF, #F090FF);
|
||||
}
|
||||
|
||||
ul .null {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
ul .null img {
|
||||
width: 1.96rem;
|
||||
height: 2.01333rem;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
}
|
||||
|
||||
ul .null span {
|
||||
width: 100%;
|
||||
left: 0;
|
||||
top: 55%;
|
||||
transform: translateY(-50%);
|
||||
color: #A9A9A9;
|
||||
font-size: 0.4rem;
|
||||
font-weight: 400;
|
||||
position: absolute;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.pub {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
background: rgba(0, 0, 0, 0.6);
|
||||
z-index: 11;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.pub .pub_in {
|
||||
background: #fff;
|
||||
border-radius: 0.4rem;
|
||||
box-sizing: border-box;
|
||||
padding: 0.66667rem 0.45333rem;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
}
|
||||
|
||||
.pub .pub_in p {
|
||||
text-align: center;
|
||||
color: #333333;
|
||||
font-size: 0.45333rem;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.pub .pub_in .butBox {
|
||||
width: 6.85333rem;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin: 0.66667rem auto 0;
|
||||
}
|
||||
|
||||
.pub .pub_in .butBox div {
|
||||
width: 3.2rem;
|
||||
height: 1.01333rem;
|
||||
text-align: center;
|
||||
line-height: 1.01333rem;
|
||||
border-radius: 1.01333rem;
|
||||
font-size: 0.45333rem;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.pub .pub_in .butBox .close {
|
||||
background: #F5F5F5;
|
||||
color: #999999;
|
||||
}
|
||||
|
||||
.pub .pub_in .butBox .ok {
|
||||
background: linear-gradient(90deg, #53C7D4, #7C5EFD);
|
||||
color: #fff;
|
||||
}
|
||||
280
view/molistar/modules/guild-ar/css/adminSet.scss
Normal file
280
view/molistar/modules/guild-ar/css/adminSet.scss
Normal file
@@ -0,0 +1,280 @@
|
||||
@function px2rem($px) {
|
||||
@return $px / 75+rem;
|
||||
}
|
||||
|
||||
html,
|
||||
body {
|
||||
width: 100%;
|
||||
height: px2rem(1334);
|
||||
background: #eaeaec;
|
||||
}
|
||||
|
||||
.back {
|
||||
width: 100%;
|
||||
height: px2rem(210);
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: px2rem(0);
|
||||
text-align: center;
|
||||
color: #FFFFFF;
|
||||
font-size: px2rem(38);
|
||||
font-weight: bold;
|
||||
z-index: 10;
|
||||
background: #fff;
|
||||
|
||||
.backs {
|
||||
width: px2rem(44);
|
||||
height: px2rem(44);
|
||||
position: absolute;
|
||||
left: px2rem(18);
|
||||
top: 54%;
|
||||
}
|
||||
|
||||
.fdj {
|
||||
width: px2rem(32);
|
||||
height: px2rem(32);
|
||||
position: absolute;
|
||||
top:58%;
|
||||
left: px2rem(106);
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
input {
|
||||
border: none;
|
||||
outline: none;
|
||||
background: #eaeaec;
|
||||
width: px2rem(510);
|
||||
height: px2rem(56);
|
||||
line-height: px2rem(56);
|
||||
border-radius: px2rem(56);
|
||||
box-sizing: border-box;
|
||||
padding-left: px2rem(54);
|
||||
position: absolute;
|
||||
left: px2rem(92);
|
||||
top: 65%;
|
||||
transform: translateY(-50%);
|
||||
color: #333;
|
||||
font-size: px2rem(24);
|
||||
|
||||
&::placeholder {
|
||||
color: #BCBDCB;
|
||||
font-size: px2rem(22);
|
||||
}
|
||||
}
|
||||
|
||||
.text {
|
||||
position: absolute;
|
||||
right: px2rem(47);
|
||||
height: 100%;
|
||||
top: 0;
|
||||
line-height: px2rem(280);
|
||||
color: #333333;
|
||||
font-size: px2rem(34);
|
||||
font-weight: bold;
|
||||
}
|
||||
}
|
||||
|
||||
ul {
|
||||
width: px2rem(750);
|
||||
height: px2rem(1350);
|
||||
margin: px2rem(190) auto 0;
|
||||
overflow-y: scroll;
|
||||
padding-top: px2rem(26);
|
||||
box-sizing: border-box;
|
||||
|
||||
&::-webkit-scrollbar {
|
||||
display: none;
|
||||
}
|
||||
|
||||
li {
|
||||
width: px2rem(680);
|
||||
height: px2rem(160);
|
||||
box-sizing: border-box;
|
||||
overflow: hidden;
|
||||
margin: 0 auto px2rem(33);
|
||||
position: relative;
|
||||
background: #fff;
|
||||
border-radius: px2rem(10);
|
||||
|
||||
.tx {
|
||||
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(33);
|
||||
}
|
||||
|
||||
.user {
|
||||
float: left;
|
||||
width: 6rem;
|
||||
|
||||
p {
|
||||
color: #515665;
|
||||
font-size: px2rem(28);
|
||||
font-weight: bold;
|
||||
display: inline-block;
|
||||
margin-right: px2rem(8);
|
||||
margin-bottom: px2rem(12);
|
||||
width: 2.7rem;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
box-sizing: border-box;
|
||||
padding-top: px2rem(50);
|
||||
}
|
||||
|
||||
b {
|
||||
display: block;
|
||||
color: #A4ABB2;
|
||||
font-size: px2rem(24);
|
||||
}
|
||||
|
||||
.sex {
|
||||
width: px2rem(18);
|
||||
height: px2rem(18);
|
||||
display: inline-block;
|
||||
margin-top: px2rem(61);
|
||||
margin-right: px2rem(8);
|
||||
}
|
||||
|
||||
.wealth,
|
||||
.charm {
|
||||
display: inline-block;
|
||||
width: px2rem(72);
|
||||
height: px2rem(36);
|
||||
margin-top: px2rem(48);
|
||||
}
|
||||
}
|
||||
|
||||
.but {
|
||||
width: px2rem(88);
|
||||
height: px2rem(42);
|
||||
background: #AA6CF5;
|
||||
border-radius: px2rem(42);
|
||||
position: absolute;
|
||||
right: px2rem(26);
|
||||
top: px2rem(89);
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
line-height: px2rem(42);
|
||||
font-size: px2rem(26);
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.chairman {
|
||||
width: px2rem(78);
|
||||
height: px2rem(26);
|
||||
line-height: px2rem(26);
|
||||
border-radius: px2rem(26);
|
||||
text-align: center;
|
||||
color: #333;
|
||||
font-size: px2rem(22);
|
||||
font-weight: 400;
|
||||
position: absolute;
|
||||
left: px2rem(12);
|
||||
top: px2rem(71);
|
||||
background: linear-gradient(90deg, #FFEB67, #FFFCE7);
|
||||
}
|
||||
|
||||
.administrator {
|
||||
width: px2rem(78);
|
||||
height: px2rem(26);
|
||||
line-height: px2rem(26);
|
||||
border-radius: px2rem(26);
|
||||
text-align: center;
|
||||
color: #333;
|
||||
font-size: px2rem(22);
|
||||
font-weight: 400;
|
||||
position: absolute;
|
||||
left: px2rem(12);
|
||||
top: px2rem(71);
|
||||
background: linear-gradient(-90deg, #FBE1FF, #F090FF);
|
||||
}
|
||||
}
|
||||
|
||||
.null {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: relative;
|
||||
|
||||
img {
|
||||
width: px2rem(147);
|
||||
height: px2rem(151);
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
}
|
||||
|
||||
span {
|
||||
width: 100%;
|
||||
left: 0;
|
||||
top: 55%;
|
||||
transform: translateY(-50%);
|
||||
color: #A9A9A9;
|
||||
font-size: px2rem(30);
|
||||
font-weight: 400;
|
||||
position: absolute;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.pub {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
background: rgba(0, 0, 0, .6);
|
||||
z-index: 11;
|
||||
display: none;
|
||||
|
||||
.pub_in {
|
||||
background: #fff;
|
||||
border-radius: px2rem(30);
|
||||
box-sizing: border-box;
|
||||
padding: px2rem(50) px2rem(34);
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
|
||||
p {
|
||||
text-align: center;
|
||||
color: #333333;
|
||||
font-size: px2rem(34);
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.butBox {
|
||||
width: px2rem(514);
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin: px2rem(50) auto 0;
|
||||
|
||||
div {
|
||||
width: px2rem(240);
|
||||
height: px2rem(76);
|
||||
text-align: center;
|
||||
line-height: px2rem(76);
|
||||
border-radius: px2rem(76);
|
||||
font-size: px2rem(34);
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.close {
|
||||
background: #F5F5F5;
|
||||
color: #999999;
|
||||
}
|
||||
|
||||
.ok {
|
||||
background: linear-gradient(90deg, #53C7D4, #7C5EFD);
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
257
view/molistar/modules/guild-ar/css/adminSet2.css
Normal file
257
view/molistar/modules/guild-ar/css/adminSet2.css
Normal file
@@ -0,0 +1,257 @@
|
||||
html,
|
||||
body {
|
||||
width: 100%;
|
||||
height: 17.78667rem;
|
||||
background: #eaeaec;
|
||||
}
|
||||
|
||||
.back {
|
||||
width: 100%;
|
||||
height: 2.8rem;
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 0rem;
|
||||
text-align: center;
|
||||
color: #FFFFFF;
|
||||
font-size: 0.50667rem;
|
||||
font-weight: bold;
|
||||
z-index: 10;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.back .backs {
|
||||
width: 0.58667rem;
|
||||
height: 0.58667rem;
|
||||
position: absolute;
|
||||
left: 0.24rem;
|
||||
top: 54%;
|
||||
}
|
||||
|
||||
.back .title {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
height: 100%;
|
||||
top: 0;
|
||||
line-height: 3.6rem;
|
||||
color: #333333;
|
||||
font-size: 0.45333rem;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.back .text {
|
||||
position: absolute;
|
||||
right: 0.62667rem;
|
||||
height: 100%;
|
||||
top: 0;
|
||||
line-height: 3.6rem;
|
||||
color: #333333;
|
||||
font-size: 0.4rem;
|
||||
}
|
||||
|
||||
ul {
|
||||
width: 10rem;
|
||||
height: 18rem;
|
||||
margin: 2.93333rem auto 0;
|
||||
overflow-y: scroll;
|
||||
padding-top: 0.34667rem;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
ul::-webkit-scrollbar {
|
||||
display: none;
|
||||
}
|
||||
|
||||
ul li {
|
||||
width: 9.06667rem;
|
||||
height: 2.13333rem;
|
||||
box-sizing: border-box;
|
||||
overflow: hidden;
|
||||
margin: 0 auto 0.44rem;
|
||||
position: relative;
|
||||
background: #fff;
|
||||
border-radius: 0.13333rem;
|
||||
}
|
||||
|
||||
ul li .tx {
|
||||
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.44rem;
|
||||
}
|
||||
|
||||
ul li .user {
|
||||
float: left;
|
||||
width: 6rem;
|
||||
}
|
||||
|
||||
ul li .user p {
|
||||
color: #515665;
|
||||
font-size: 0.37333rem;
|
||||
font-weight: bold;
|
||||
display: inline-block;
|
||||
margin-right: 0.10667rem;
|
||||
margin-bottom: 0.16rem;
|
||||
width: 2.7rem;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
box-sizing: border-box;
|
||||
padding-top: 0.66667rem;
|
||||
}
|
||||
|
||||
ul li .user b {
|
||||
display: block;
|
||||
color: #A4ABB2;
|
||||
font-size: 0.32rem;
|
||||
}
|
||||
|
||||
ul li .user .sex {
|
||||
width: 0.24rem;
|
||||
height: 0.24rem;
|
||||
display: inline-block;
|
||||
margin-top: 0.81333rem;
|
||||
margin-right: 0.10667rem;
|
||||
}
|
||||
|
||||
ul li .user .wealth,
|
||||
ul li .user .charm {
|
||||
display: inline-block;
|
||||
width: 0.96rem;
|
||||
height: 0.48rem;
|
||||
margin-top: 0.64rem;
|
||||
}
|
||||
|
||||
ul li .but {
|
||||
width: 1.17333rem;
|
||||
height: 0.56rem;
|
||||
background: #71BCDB;
|
||||
border-radius: 0.56rem;
|
||||
position: absolute;
|
||||
right: 0.34667rem;
|
||||
top: 1.18667rem;
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
line-height: 0.56rem;
|
||||
font-size: 0.34667rem;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
ul li .chairman {
|
||||
width: 1.04rem;
|
||||
height: 0.34667rem;
|
||||
line-height: 0.34667rem;
|
||||
border-radius: 0.34667rem;
|
||||
text-align: center;
|
||||
color: #333;
|
||||
font-size: 0.29333rem;
|
||||
font-weight: 400;
|
||||
position: absolute;
|
||||
left: 0.16rem;
|
||||
top: 0.94667rem;
|
||||
background: linear-gradient(90deg, #FFEB67, #FFFCE7);
|
||||
display: none;
|
||||
}
|
||||
|
||||
ul li .administrator {
|
||||
width: 1.04rem;
|
||||
height: 0.34667rem;
|
||||
line-height: 0.34667rem;
|
||||
border-radius: 0.34667rem;
|
||||
text-align: center;
|
||||
color: #333;
|
||||
font-size: 0.29333rem;
|
||||
font-weight: 400;
|
||||
position: absolute;
|
||||
left: 0.16rem;
|
||||
top: 0.94667rem;
|
||||
background: linear-gradient(-90deg, #FBE1FF, #F090FF);
|
||||
display: none;
|
||||
}
|
||||
|
||||
ul .null {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
ul .null img {
|
||||
width: 1.96rem;
|
||||
height: 2.01333rem;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
}
|
||||
|
||||
ul .null span {
|
||||
width: 100%;
|
||||
left: 0;
|
||||
top: 57%;
|
||||
transform: translateY(-50%);
|
||||
color: #A9A9A9;
|
||||
font-size: 0.4rem;
|
||||
font-weight: 400;
|
||||
position: absolute;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.pub {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
background: rgba(0, 0, 0, 0.6);
|
||||
z-index: 11;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.pub .pub_in {
|
||||
background: #fff;
|
||||
border-radius: 0.4rem;
|
||||
box-sizing: border-box;
|
||||
padding: 0.66667rem 0.45333rem;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
}
|
||||
|
||||
.pub .pub_in p {
|
||||
text-align: center;
|
||||
color: #333333;
|
||||
font-size: 0.45333rem;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.pub .pub_in .butBox {
|
||||
width: 6.85333rem;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin: 0.66667rem auto 0;
|
||||
}
|
||||
|
||||
.pub .pub_in .butBox div {
|
||||
width: 3.2rem;
|
||||
height: 1.01333rem;
|
||||
text-align: center;
|
||||
line-height: 1.01333rem;
|
||||
border-radius: 1.01333rem;
|
||||
font-size: 0.45333rem;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.pub .pub_in .butBox .close {
|
||||
background: #F5F5F5;
|
||||
color: #999999;
|
||||
}
|
||||
|
||||
.pub .pub_in .butBox .ok {
|
||||
background: linear-gradient(90deg, #53C7D4, #7C5EFD);
|
||||
color: #fff;
|
||||
}
|
||||
261
view/molistar/modules/guild-ar/css/adminSet2.scss
Normal file
261
view/molistar/modules/guild-ar/css/adminSet2.scss
Normal file
@@ -0,0 +1,261 @@
|
||||
@function px2rem($px) {
|
||||
@return $px / 75+rem;
|
||||
}
|
||||
|
||||
html,
|
||||
body {
|
||||
width: 100%;
|
||||
height: px2rem(1334);
|
||||
background: #eaeaec;
|
||||
}
|
||||
|
||||
.back {
|
||||
width: 100%;
|
||||
height: px2rem(210);
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: px2rem(0);
|
||||
text-align: center;
|
||||
color: #FFFFFF;
|
||||
font-size: px2rem(38);
|
||||
font-weight: bold;
|
||||
z-index: 10;
|
||||
background: #fff;
|
||||
|
||||
.backs {
|
||||
width: px2rem(44);
|
||||
height: px2rem(44);
|
||||
position: absolute;
|
||||
left: px2rem(18);
|
||||
top: 54%;
|
||||
}
|
||||
|
||||
.title {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
height: 100%;
|
||||
top: 0;
|
||||
line-height: px2rem(270);
|
||||
color: #333333;
|
||||
font-size: px2rem(34);
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.text {
|
||||
position: absolute;
|
||||
right: px2rem(47);
|
||||
height: 100%;
|
||||
top: 0;
|
||||
line-height: px2rem(270);
|
||||
color: #333333;
|
||||
font-size: px2rem(30);
|
||||
}
|
||||
}
|
||||
|
||||
ul {
|
||||
width: px2rem(750);
|
||||
height: px2rem(1350);
|
||||
margin: px2rem(220) auto 0;
|
||||
overflow-y: scroll;
|
||||
padding-top: px2rem(26);
|
||||
box-sizing: border-box;
|
||||
|
||||
&::-webkit-scrollbar {
|
||||
display: none;
|
||||
}
|
||||
|
||||
li {
|
||||
width: px2rem(680);
|
||||
height: px2rem(160);
|
||||
box-sizing: border-box;
|
||||
overflow: hidden;
|
||||
margin: 0 auto px2rem(33);
|
||||
position: relative;
|
||||
background: #fff;
|
||||
border-radius: px2rem(10);
|
||||
|
||||
.tx {
|
||||
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(33);
|
||||
}
|
||||
|
||||
.user {
|
||||
float: left;
|
||||
width: 6rem;
|
||||
|
||||
p {
|
||||
color: #515665;
|
||||
font-size: px2rem(28);
|
||||
font-weight: bold;
|
||||
display: inline-block;
|
||||
margin-right: px2rem(8);
|
||||
margin-bottom: px2rem(12);
|
||||
width: 2.7rem;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
box-sizing: border-box;
|
||||
padding-top: px2rem(50);
|
||||
}
|
||||
|
||||
b {
|
||||
display: block;
|
||||
color: #A4ABB2;
|
||||
font-size: px2rem(24);
|
||||
}
|
||||
|
||||
.sex {
|
||||
width: px2rem(18);
|
||||
height: px2rem(18);
|
||||
display: inline-block;
|
||||
margin-top: px2rem(61);
|
||||
margin-right: px2rem(8);
|
||||
}
|
||||
|
||||
.wealth,
|
||||
.charm {
|
||||
display: inline-block;
|
||||
width: px2rem(72);
|
||||
height: px2rem(36);
|
||||
margin-top: px2rem(48);
|
||||
}
|
||||
}
|
||||
|
||||
.but {
|
||||
width: px2rem(88);
|
||||
height: px2rem(42);
|
||||
background: #71BCDB;
|
||||
border-radius: px2rem(42);
|
||||
position: absolute;
|
||||
right: px2rem(26);
|
||||
top: px2rem(89);
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
line-height: px2rem(42);
|
||||
font-size: px2rem(26);
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.chairman {
|
||||
width: px2rem(78);
|
||||
height: px2rem(26);
|
||||
line-height: px2rem(26);
|
||||
border-radius: px2rem(26);
|
||||
text-align: center;
|
||||
color: #333;
|
||||
font-size: px2rem(22);
|
||||
font-weight: 400;
|
||||
position: absolute;
|
||||
left: px2rem(12);
|
||||
top: px2rem(71);
|
||||
background: linear-gradient(90deg, #FFEB67, #FFFCE7);
|
||||
display: none;
|
||||
}
|
||||
|
||||
.administrator {
|
||||
width: px2rem(78);
|
||||
height: px2rem(26);
|
||||
line-height: px2rem(26);
|
||||
border-radius: px2rem(26);
|
||||
text-align: center;
|
||||
color: #333;
|
||||
font-size: px2rem(22);
|
||||
font-weight: 400;
|
||||
position: absolute;
|
||||
left: px2rem(12);
|
||||
top: px2rem(71);
|
||||
background: linear-gradient(-90deg, #FBE1FF, #F090FF);
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.null {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: relative;
|
||||
|
||||
img {
|
||||
width: px2rem(147);
|
||||
height: px2rem(151);
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
}
|
||||
|
||||
span {
|
||||
width: 100%;
|
||||
left: 0;
|
||||
top: 57%;
|
||||
transform: translateY(-50%);
|
||||
color: #A9A9A9;
|
||||
font-size: px2rem(30);
|
||||
font-weight: 400;
|
||||
position: absolute;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.pub {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
background: rgba(0, 0, 0, .6);
|
||||
z-index: 11;
|
||||
display: none;
|
||||
|
||||
.pub_in {
|
||||
background: #fff;
|
||||
border-radius: px2rem(30);
|
||||
box-sizing: border-box;
|
||||
padding: px2rem(50) px2rem(34);
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
|
||||
p {
|
||||
text-align: center;
|
||||
color: #333333;
|
||||
font-size: px2rem(34);
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.butBox {
|
||||
width: px2rem(514);
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin: px2rem(50) auto 0;
|
||||
|
||||
div {
|
||||
width: px2rem(240);
|
||||
height: px2rem(76);
|
||||
text-align: center;
|
||||
line-height: px2rem(76);
|
||||
border-radius: px2rem(76);
|
||||
font-size: px2rem(34);
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.close {
|
||||
background: #F5F5F5;
|
||||
color: #999999;
|
||||
}
|
||||
|
||||
.ok {
|
||||
background: linear-gradient(90deg, #53C7D4, #7C5EFD);
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
125
view/molistar/modules/guild-ar/css/bill.css
Normal file
125
view/molistar/modules/guild-ar/css/bill.css
Normal file
@@ -0,0 +1,125 @@
|
||||
body,
|
||||
html {
|
||||
width: 100%;
|
||||
background: #F4F4F4;
|
||||
}
|
||||
|
||||
.nav {
|
||||
width: 100%;
|
||||
height: 2.34667rem;
|
||||
background: #F4F4F4;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
z-index: 100;
|
||||
}
|
||||
|
||||
.nav .back {
|
||||
width: 0.58667rem;
|
||||
height: 0.58667rem;
|
||||
position: absolute;
|
||||
left: 0.4rem;
|
||||
bottom: 0.29333rem;
|
||||
}
|
||||
|
||||
.nav p {
|
||||
height: 0.58667rem;
|
||||
line-height: 0.58667rem;
|
||||
font-size: 0.42667rem;
|
||||
font-weight: 500;
|
||||
color: #313131;
|
||||
position: absolute;
|
||||
bottom: 0.26667rem;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
|
||||
.income_expenses {
|
||||
width: 10rem;
|
||||
height: 1rem;
|
||||
background: #f4f4f4;
|
||||
position: fixed;
|
||||
top: 2.34667rem;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
z-index: 100;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-evenly;
|
||||
}
|
||||
|
||||
.income_expenses p {
|
||||
height: 0.58667rem;
|
||||
line-height: 0.58667rem;
|
||||
font-size: 0.42667rem;
|
||||
font-weight: 500;
|
||||
color: #afb1b3;
|
||||
}
|
||||
|
||||
.income_expenses .act {
|
||||
color: #313131;
|
||||
}
|
||||
|
||||
.income_expenses .act::after {
|
||||
content: "";
|
||||
display: block;
|
||||
width: 0.37333rem;
|
||||
height: 0.10667rem;
|
||||
border-radius: 0.37333rem;
|
||||
background: #04D5C6;
|
||||
vertical-align: bottom;
|
||||
margin: 0.10667rem auto 0;
|
||||
}
|
||||
|
||||
ul {
|
||||
width: 9.14667rem;
|
||||
margin: 3.46667rem auto 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
ul li {
|
||||
width: 100%;
|
||||
height: 2.08rem;
|
||||
background: #ffffff;
|
||||
border-radius: 0.32rem;
|
||||
margin-bottom: 0.37333rem;
|
||||
box-sizing: border-box;
|
||||
padding: 0 0.24rem;
|
||||
}
|
||||
|
||||
ul li div {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
ul li div p {
|
||||
font-weight: 600;
|
||||
font-size: 0.4rem;
|
||||
color: #313131;
|
||||
margin-top: 0.4rem;
|
||||
}
|
||||
|
||||
ul li div b {
|
||||
font-weight: 600;
|
||||
font-size: 0.48rem;
|
||||
color: #04D5C6;
|
||||
white-space: nowrap;
|
||||
margin-top: 0.4rem;
|
||||
}
|
||||
|
||||
ul li div span {
|
||||
font-weight: 400;
|
||||
font-size: 0.34667rem;
|
||||
color: #7b7b7d;
|
||||
line-height: 0.42667rem;
|
||||
margin-top: 0.26667rem;
|
||||
}
|
||||
|
||||
.arLang .nav .back {
|
||||
right: 0.4rem;
|
||||
left: unset;
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
137
view/molistar/modules/guild-ar/css/bill.scss
Normal file
137
view/molistar/modules/guild-ar/css/bill.scss
Normal file
@@ -0,0 +1,137 @@
|
||||
@function px2rem($px, $rem: 37.5) {
|
||||
@return $px / $rem +rem;
|
||||
}
|
||||
|
||||
body,
|
||||
html {
|
||||
width: 100%;
|
||||
background: #F4F4F4;
|
||||
}
|
||||
|
||||
.nav {
|
||||
width: 100%;
|
||||
height: px2rem(88);
|
||||
background: #F4F4F4;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
z-index: 100;
|
||||
|
||||
.back {
|
||||
width: px2rem(22);
|
||||
height: px2rem(22);
|
||||
position: absolute;
|
||||
left: px2rem(15);
|
||||
bottom: px2rem(11);
|
||||
}
|
||||
|
||||
p {
|
||||
height: px2rem(22);
|
||||
line-height: px2rem(22);
|
||||
font-size: px2rem(16);
|
||||
font-weight: 500;
|
||||
color: #313131;
|
||||
position: absolute;
|
||||
bottom: px2rem(10);
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
}
|
||||
|
||||
.income_expenses {
|
||||
width: px2rem(375);
|
||||
height: 1rem;
|
||||
background: #f4f4f4;
|
||||
position: fixed;
|
||||
top: px2rem(88);
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
z-index: 100;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-evenly;
|
||||
|
||||
p {
|
||||
height: px2rem(22);
|
||||
line-height: px2rem(22);
|
||||
font-size: px2rem(16);
|
||||
font-weight: 500;
|
||||
color: #afb1b3;
|
||||
}
|
||||
|
||||
.act {
|
||||
color: #313131;
|
||||
|
||||
&::after {
|
||||
content: "";
|
||||
display: block;
|
||||
width: px2rem(14);
|
||||
height: px2rem(4);
|
||||
border-radius: px2rem(14);
|
||||
background: #04D5C6;
|
||||
vertical-align: bottom;
|
||||
margin: px2rem(4) auto 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
ul {
|
||||
width: px2rem(343);
|
||||
margin: px2rem(130) auto 0;
|
||||
overflow: hidden;
|
||||
|
||||
li {
|
||||
width: 100%;
|
||||
height: px2rem(78);
|
||||
background: #ffffff;
|
||||
border-radius: px2rem(12);
|
||||
margin-bottom: px2rem(14);
|
||||
box-sizing: border-box;
|
||||
padding: 0 px2rem(9);
|
||||
|
||||
div {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
|
||||
p {
|
||||
font-weight: 600;
|
||||
font-size: px2rem(15);
|
||||
color: #313131;
|
||||
margin-top: px2rem(15);
|
||||
}
|
||||
|
||||
b {
|
||||
font-weight: 600;
|
||||
font-size: px2rem(18);
|
||||
color: #04D5C6;
|
||||
white-space: nowrap;
|
||||
margin-top: px2rem(15);
|
||||
}
|
||||
|
||||
span {
|
||||
font-weight: 400;
|
||||
font-size: px2rem(13);
|
||||
color: #7b7b7d;
|
||||
line-height: px2rem(16);
|
||||
margin-top: px2rem(10);
|
||||
}
|
||||
|
||||
// .time {
|
||||
// width: 4.4rem;
|
||||
// }
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.arLang {
|
||||
.nav {
|
||||
.back {
|
||||
right: px2rem(15);
|
||||
left: unset;
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
}
|
||||
}
|
||||
234
view/molistar/modules/guild-ar/css/diamondWithdraw.css
Normal file
234
view/molistar/modules/guild-ar/css/diamondWithdraw.css
Normal file
@@ -0,0 +1,234 @@
|
||||
html,
|
||||
body {
|
||||
width: 100%;
|
||||
height: 17.78667rem;
|
||||
background: #fff;
|
||||
box-sizing: border-box;
|
||||
padding-top: 1.46667rem;
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
|
||||
.back img {
|
||||
width: 0.58667rem;
|
||||
height: 0.58667rem;
|
||||
position: absolute;
|
||||
left: 0.24rem;
|
||||
top: 1.46667rem;
|
||||
}
|
||||
|
||||
.back .title {
|
||||
color: #313131;
|
||||
text-align: center;
|
||||
font-size: 0.42667rem;
|
||||
font-weight: 500;
|
||||
margin: 1.53333rem auto 0;
|
||||
}
|
||||
|
||||
.myDiamond {
|
||||
width: 9.14667rem;
|
||||
height: 1.17333rem;
|
||||
line-height: 1.17333rem;
|
||||
margin: 0 auto 0.26667rem;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
background: #F2F3F7;
|
||||
border-radius: 0.21333rem;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.myDiamond i {
|
||||
font-style: normal;
|
||||
color: #313131;
|
||||
font-size: 0.37333rem;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.myDiamond b {
|
||||
font-size: 0.37333rem;
|
||||
color: #04D5C6;
|
||||
font-weight: 500;
|
||||
margin: 0 0.13333rem;
|
||||
}
|
||||
|
||||
.myDiamond img {
|
||||
display: inline-block;
|
||||
width: 0.42667rem;
|
||||
height: 0.42667rem;
|
||||
margin-top: 0.32rem;
|
||||
}
|
||||
|
||||
h3 {
|
||||
height: 0.66667rem;
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
padding: 0 0.42667rem;
|
||||
line-height: 0.66667rem;
|
||||
display: flex;
|
||||
margin: 0 auto 0.13333rem;
|
||||
white-space: nowrap;
|
||||
display: block;
|
||||
}
|
||||
|
||||
h3 span {
|
||||
width: 0.10667rem;
|
||||
height: 0.45333rem;
|
||||
background: #04D5C6;
|
||||
border-radius: 0.45333rem;
|
||||
margin-top: 0.10667rem;
|
||||
}
|
||||
|
||||
h3 b {
|
||||
margin: 0 0.26667rem;
|
||||
color: #313131;
|
||||
font-size: 0.48rem;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
ul {
|
||||
width: 9.14667rem;
|
||||
height: auto;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
flex-wrap: wrap;
|
||||
margin: 0 auto 1.30667rem;
|
||||
}
|
||||
|
||||
ul li {
|
||||
width: 4.50667rem;
|
||||
height: 1.89333rem;
|
||||
background: #F2F3F7;
|
||||
border-radius: 0.21333rem;
|
||||
overflow: hidden;
|
||||
box-sizing: border-box;
|
||||
text-align: center;
|
||||
margin-bottom: 0.13333rem;
|
||||
border: 0.05333rem solid #fff;
|
||||
}
|
||||
|
||||
ul li p {
|
||||
color: #313131;
|
||||
font-size: 0.42667rem;
|
||||
font-weight: 600;
|
||||
margin-top: 0.26667rem;
|
||||
margin-bottom: 0.24rem;
|
||||
}
|
||||
|
||||
ul li b {
|
||||
color: #313131;
|
||||
font-size: 0.37333rem;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
ul .canCustom p {
|
||||
line-height: 1.4rem;
|
||||
}
|
||||
|
||||
ul .canCustom p img {
|
||||
width: 0.29333rem;
|
||||
height: 0.29333rem;
|
||||
display: inline-block;
|
||||
margin: 0 0.06667rem;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
ul .act {
|
||||
border: 0.05333rem solid #04D5C6;
|
||||
}
|
||||
|
||||
.but {
|
||||
width: 9.14667rem;
|
||||
height: 1.04rem;
|
||||
line-height: 1.04rem;
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
font-size: 0.42667rem;
|
||||
font-weight: 500;
|
||||
background: #04D5C6;
|
||||
margin: 0 auto 0;
|
||||
border-radius: 1.04rem;
|
||||
}
|
||||
|
||||
.arabic .back img {
|
||||
left: auto;
|
||||
right: 0.24rem;
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
|
||||
.pub {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background: rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
|
||||
.pub .pub_in {
|
||||
width: 9.14667rem;
|
||||
height: 5.86667rem;
|
||||
background: #fff;
|
||||
border-radius: 0.21333rem;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
}
|
||||
|
||||
.pub .pub_in h2 {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
color: #313131;
|
||||
font-size: 0.48rem;
|
||||
font-weight: 600;
|
||||
margin-top: 0.48rem;
|
||||
margin-bottom: 0.29333rem;
|
||||
}
|
||||
|
||||
.pub .pub_in h3 {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
color: #313131;
|
||||
font-size: 0.37333rem;
|
||||
font-weight: 600;
|
||||
margin-bottom: 0.88rem;
|
||||
color: #7B7B7D;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.pub .pub_in .view {
|
||||
width: 6.88rem;
|
||||
height: 1.14667rem;
|
||||
line-height: 1.14667rem;
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
background: #04D5C6;
|
||||
font-size: 0.42667rem;
|
||||
font-weight: 500;
|
||||
margin: 0 auto 0.26667rem;
|
||||
border-radius: 1.14667rem;
|
||||
}
|
||||
|
||||
.pub .pub_in .close {
|
||||
width: 6.88rem;
|
||||
height: 1.14667rem;
|
||||
line-height: 1.14667rem;
|
||||
text-align: center;
|
||||
color: #313131;
|
||||
background: #F2F3F7;
|
||||
font-size: 0.42667rem;
|
||||
font-weight: 500;
|
||||
margin: 0 auto 0.26667rem;
|
||||
border-radius: 1.14667rem;
|
||||
}
|
||||
244
view/molistar/modules/guild-ar/css/diamondWithdraw.scss
Normal file
244
view/molistar/modules/guild-ar/css/diamondWithdraw.scss
Normal file
@@ -0,0 +1,244 @@
|
||||
@function px2rem($px) {
|
||||
@return $px / 75+rem;
|
||||
}
|
||||
|
||||
html,
|
||||
body {
|
||||
width: 100%;
|
||||
height: px2rem(1334);
|
||||
background: #fff;
|
||||
box-sizing: border-box;
|
||||
padding-top: px2rem(110);
|
||||
}
|
||||
|
||||
.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;
|
||||
|
||||
img {
|
||||
width: px2rem(44);
|
||||
height: px2rem(44);
|
||||
position: absolute;
|
||||
left: px2rem(18);
|
||||
top: px2rem(110);
|
||||
}
|
||||
|
||||
.title {
|
||||
color: #313131;
|
||||
text-align: center;
|
||||
font-size: px2rem(32);
|
||||
font-weight: 500;
|
||||
margin: px2rem(115) auto 0;
|
||||
}
|
||||
}
|
||||
|
||||
.myDiamond {
|
||||
width: px2rem(686);
|
||||
height: px2rem(88);
|
||||
line-height: px2rem(88);
|
||||
margin: 0 auto px2rem(20);
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
background: #F2F3F7;
|
||||
border-radius: px2rem(16);
|
||||
overflow: hidden;
|
||||
|
||||
i {
|
||||
font-style: normal;
|
||||
color: #313131;
|
||||
font-size: px2rem(28);
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
b {
|
||||
font-size: px2rem(28);
|
||||
color: #04D5C6;
|
||||
font-weight: 500;
|
||||
margin: 0 px2rem(10);
|
||||
}
|
||||
|
||||
img {
|
||||
display: inline-block;
|
||||
width: px2rem(32);
|
||||
height: px2rem(32);
|
||||
margin-top: px2rem(24);
|
||||
}
|
||||
}
|
||||
|
||||
h3 {
|
||||
height: px2rem(50);
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
padding: 0 px2rem(32);
|
||||
line-height: px2rem(50);
|
||||
display: flex;
|
||||
margin: 0 auto px2rem(10);
|
||||
white-space: nowrap;
|
||||
display: block;
|
||||
|
||||
span {
|
||||
// display: block;
|
||||
width: px2rem(8);
|
||||
height: px2rem(34);
|
||||
background: #04D5C6;
|
||||
border-radius: px2rem(34);
|
||||
margin-top: px2rem(8);
|
||||
}
|
||||
|
||||
b {
|
||||
// display: block;
|
||||
margin: 0 px2rem(20);
|
||||
color: #313131;
|
||||
font-size: px2rem(36);
|
||||
font-weight: 600;
|
||||
}
|
||||
}
|
||||
|
||||
ul {
|
||||
width: px2rem(686);
|
||||
height: auto;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
flex-wrap: wrap;
|
||||
margin: 0 auto px2rem(98);
|
||||
|
||||
li {
|
||||
width: px2rem(338);
|
||||
height: px2rem(142);
|
||||
background: #F2F3F7;
|
||||
border-radius: px2rem(16);
|
||||
overflow: hidden;
|
||||
box-sizing: border-box;
|
||||
text-align: center;
|
||||
margin-bottom: px2rem(10);
|
||||
border: px2rem(4) solid #fff;
|
||||
|
||||
p {
|
||||
color: #313131;
|
||||
font-size: px2rem(32);
|
||||
font-weight: 600;
|
||||
margin-top: px2rem(20);
|
||||
margin-bottom: px2rem(18);
|
||||
}
|
||||
|
||||
b {
|
||||
color: #313131;
|
||||
font-size: px2rem(28);
|
||||
font-weight: 600;
|
||||
}
|
||||
}
|
||||
|
||||
.canCustom {
|
||||
p {
|
||||
line-height: px2rem(105);
|
||||
|
||||
img {
|
||||
width: px2rem(22);
|
||||
height: px2rem(22);
|
||||
display: inline-block;
|
||||
margin: 0 px2rem(5);
|
||||
vertical-align: middle;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.act {
|
||||
border: px2rem(4) solid #04D5C6;
|
||||
}
|
||||
}
|
||||
|
||||
.but {
|
||||
width: px2rem(686);
|
||||
height: px2rem(78);
|
||||
line-height: px2rem(78);
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
font-size: px2rem(32);
|
||||
font-weight: 500;
|
||||
background: #04D5C6;
|
||||
margin: 0 auto 0;
|
||||
border-radius: px2rem(78);
|
||||
}
|
||||
|
||||
.arabic {
|
||||
.back img {
|
||||
left: auto;
|
||||
right: 0.24rem;
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
}
|
||||
|
||||
.pub {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background: rgba(0, 0, 0, .5);
|
||||
|
||||
.pub_in {
|
||||
width: px2rem(686);
|
||||
height: px2rem(440);
|
||||
background: #fff;
|
||||
border-radius: px2rem(16);
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
|
||||
h2 {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
color: #313131;
|
||||
font-size: px2rem(36);
|
||||
font-weight: 600;
|
||||
margin-top: px2rem(36);
|
||||
margin-bottom: px2rem(22);
|
||||
}
|
||||
|
||||
h3 {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
color: #313131;
|
||||
font-size: px2rem(28);
|
||||
font-weight: 600;
|
||||
margin-bottom: px2rem(66);
|
||||
color: #7B7B7D;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.view {
|
||||
width: px2rem(516);
|
||||
height: px2rem(86);
|
||||
line-height: px2rem(86);
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
background: #04D5C6;
|
||||
font-size: px2rem(32);
|
||||
font-weight: 500;
|
||||
margin: 0 auto px2rem(20);
|
||||
border-radius: px2rem(86);
|
||||
}
|
||||
|
||||
.close {
|
||||
width: px2rem(516);
|
||||
height: px2rem(86);
|
||||
line-height: px2rem(86);
|
||||
text-align: center;
|
||||
color: #313131;
|
||||
background: #F2F3F7;
|
||||
font-size: px2rem(32);
|
||||
font-weight: 500;
|
||||
margin: 0 auto px2rem(20);
|
||||
border-radius: px2rem(86);
|
||||
}
|
||||
}
|
||||
}
|
||||
274
view/molistar/modules/guild-ar/css/guild.css
Normal file
274
view/molistar/modules/guild-ar/css/guild.css
Normal file
@@ -0,0 +1,274 @@
|
||||
html,
|
||||
body {
|
||||
width: 100%;
|
||||
height: 17.78667rem;
|
||||
background: #F5F7F9;
|
||||
}
|
||||
|
||||
.back {
|
||||
width: 100%;
|
||||
height: 2.38667rem;
|
||||
line-height: 3.2rem;
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 0rem;
|
||||
text-align: center;
|
||||
color: #333333;
|
||||
font-size: 0.45333rem;
|
||||
font-weight: bold;
|
||||
z-index: 10;
|
||||
background: url(../images/topBg.png) no-repeat top;
|
||||
background-size: 100% 7rem;
|
||||
}
|
||||
|
||||
.back img {
|
||||
width: 0.58667rem;
|
||||
height: 0.58667rem;
|
||||
position: absolute;
|
||||
left: 0.24rem;
|
||||
top: 58%;
|
||||
}
|
||||
|
||||
.top {
|
||||
width: 9.25333rem;
|
||||
height: 1.18667rem;
|
||||
line-height: 0.78667rem;
|
||||
background: #fff;
|
||||
border-radius: 0.26667rem 0.26667rem 0 0;
|
||||
margin: 2.5rem auto 0;
|
||||
color: #333;
|
||||
font-size: 0.42667rem;
|
||||
box-sizing: border-box;
|
||||
padding: 0 0.4rem;
|
||||
}
|
||||
|
||||
.top .left {
|
||||
height: 1.18667rem;
|
||||
line-height: 1.18667rem;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.top img {
|
||||
float: right;
|
||||
display: block;
|
||||
width: 0.58667rem;
|
||||
height: 0.58667rem;
|
||||
margin-top: 0.33333rem;
|
||||
}
|
||||
|
||||
ul {
|
||||
width: 9.25333rem;
|
||||
height: 16.81333rem;
|
||||
overflow-y: scroll;
|
||||
margin: 0 auto;
|
||||
border-radius: 0 0 0.26667rem 0.26667rem;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
ul::-webkit-scrollbar {
|
||||
display: none;
|
||||
}
|
||||
|
||||
ul li {
|
||||
width: 100%;
|
||||
height: 2.13333rem;
|
||||
overflow: hidden;
|
||||
box-sizing: border-box;
|
||||
padding: 0 0.26667rem 0 0.2rem;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
ul li .num {
|
||||
color: #000000;
|
||||
font-size: 0.4rem;
|
||||
font-weight: bold;
|
||||
width: 1.01333rem;
|
||||
height: 1.01333rem;
|
||||
line-height: 1.01333rem;
|
||||
text-align: center;
|
||||
float: left;
|
||||
margin-top: 0.66667rem;
|
||||
}
|
||||
|
||||
ul li .ts {
|
||||
width: 1.70667rem;
|
||||
height: 1.37333rem;
|
||||
position: absolute;
|
||||
z-index: 2;
|
||||
left: 1.09333rem;
|
||||
top: 0.49333rem;
|
||||
}
|
||||
|
||||
ul li .tx {
|
||||
width: 1.33333rem;
|
||||
height: 1.33333rem;
|
||||
position: absolute;
|
||||
left: 1.28rem;
|
||||
top: 0.52rem;
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
ul li .user {
|
||||
float: left;
|
||||
margin-left: 1.66667rem;
|
||||
}
|
||||
|
||||
ul li .user p {
|
||||
width: 2.5rem;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
color: #515665;
|
||||
font-size: 0.32rem;
|
||||
margin-bottom: 0.38667rem;
|
||||
font-weight: bold;
|
||||
box-sizing: border-box;
|
||||
padding-top: 0.70667rem;
|
||||
}
|
||||
|
||||
ul li .user b {
|
||||
color: #A4ABB2;
|
||||
font-size: 0.32rem;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
ul li .but {
|
||||
width: 1.54667rem;
|
||||
height: 0.56rem;
|
||||
line-height: 0.56rem;
|
||||
background: #7F95FF;
|
||||
border-radius: 0.56rem;
|
||||
float: right;
|
||||
margin-top: 0.76rem;
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
font-size: 0.26667rem;
|
||||
}
|
||||
|
||||
ul li:nth-child(odd) {
|
||||
background: rgba(50, 39, 79, 0.06);
|
||||
}
|
||||
|
||||
ul li:nth-child(1) .num {
|
||||
background: url(../images/no1.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
ul li:nth-child(1) .ts {
|
||||
width: 1.78667rem;
|
||||
height: 1.78667rem;
|
||||
left: 1.05333rem;
|
||||
top: 0.18667rem;
|
||||
}
|
||||
|
||||
ul li:nth-child(2) .num {
|
||||
background: url(../images/no2.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
ul li:nth-child(2) .ts {
|
||||
width: 1.78667rem;
|
||||
height: 1.78667rem;
|
||||
left: 1.05333rem;
|
||||
top: 0.18667rem;
|
||||
}
|
||||
|
||||
ul li:nth-child(3) .num {
|
||||
background: url(../images/no3.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
ul li:nth-child(3) .ts {
|
||||
width: 1.78667rem;
|
||||
height: 1.78667rem;
|
||||
left: 1.05333rem;
|
||||
top: 0.18667rem;
|
||||
}
|
||||
|
||||
.pub {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
background: rgba(0, 0, 0, 0.6);
|
||||
z-index: 11;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.pub .pub_in {
|
||||
background: #fff;
|
||||
border-radius: 0.4rem;
|
||||
box-sizing: border-box;
|
||||
padding: 0.66667rem 0.45333rem;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
}
|
||||
|
||||
.pub .pub_in p {
|
||||
text-align: center;
|
||||
color: #333333;
|
||||
font-size: 0.45333rem;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.pub .pub_in .butBox {
|
||||
width: 6.85333rem;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin: 0.66667rem auto 0;
|
||||
}
|
||||
|
||||
.pub .pub_in .butBox div {
|
||||
width: 3.2rem;
|
||||
height: 1.01333rem;
|
||||
text-align: center;
|
||||
line-height: 1.01333rem;
|
||||
border-radius: 1.01333rem;
|
||||
font-size: 0.45333rem;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.pub .pub_in .butBox .close {
|
||||
background: #F5F5F5;
|
||||
color: #999999;
|
||||
}
|
||||
|
||||
.pub .pub_in .butBox .ok {
|
||||
background: linear-gradient(90deg, #53C7D4, #7C5EFD);
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.arabic ul li .num,
|
||||
.arabic ul li .user {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.arabic ul li .user {
|
||||
margin-left: 0;
|
||||
margin-right: 1.8rem;
|
||||
}
|
||||
|
||||
.arabic ul li .but {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.arabic ul li .ts {
|
||||
left: 0;
|
||||
right: 1.05333rem;
|
||||
}
|
||||
|
||||
.arabic ul li .tx {
|
||||
left: 0;
|
||||
right: 1.28rem;
|
||||
}
|
||||
|
||||
.arabic .top .left {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.arabic .top img {
|
||||
float: left;
|
||||
}
|
||||
289
view/molistar/modules/guild-ar/css/guild.scss
Normal file
289
view/molistar/modules/guild-ar/css/guild.scss
Normal file
@@ -0,0 +1,289 @@
|
||||
@function px2rem($px) {
|
||||
@return $px / 75+rem;
|
||||
}
|
||||
|
||||
html,
|
||||
body {
|
||||
width: 100%;
|
||||
height: px2rem(1334);
|
||||
background: #F5F7F9;
|
||||
|
||||
}
|
||||
|
||||
.back {
|
||||
width: 100%;
|
||||
height: px2rem(179);
|
||||
line-height: px2rem(240);
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: px2rem(0);
|
||||
text-align: center;
|
||||
color: #333333;
|
||||
font-size: px2rem(34);
|
||||
font-weight: bold;
|
||||
z-index: 10;
|
||||
background: url(../images/topBg.png) no-repeat top;
|
||||
background-size: 100% 7rem;
|
||||
|
||||
img {
|
||||
width: px2rem(44);
|
||||
height: px2rem(44);
|
||||
position: absolute;
|
||||
left: px2rem(18);
|
||||
top: 58%;
|
||||
}
|
||||
}
|
||||
|
||||
.top {
|
||||
width: px2rem(694);
|
||||
height: px2rem(89);
|
||||
line-height: px2rem(59);
|
||||
background: #fff;
|
||||
border-radius: px2rem(20) px2rem(20) 0 0;
|
||||
margin: 2.5rem auto 0;
|
||||
color: #333;
|
||||
font-size: px2rem(32);
|
||||
box-sizing: border-box;
|
||||
padding: 0 px2rem(30);
|
||||
|
||||
.left {
|
||||
height: px2rem(89);
|
||||
line-height: px2rem(89);
|
||||
float: left;
|
||||
}
|
||||
|
||||
img {
|
||||
float: right;
|
||||
display: block;
|
||||
width: px2rem(44);
|
||||
height: px2rem(44);
|
||||
margin-top: px2rem(25);
|
||||
}
|
||||
}
|
||||
|
||||
ul {
|
||||
width: px2rem(694);
|
||||
height: px2rem(1261);
|
||||
overflow-y: scroll;
|
||||
margin: 0 auto;
|
||||
border-radius: 0 0 px2rem(20) px2rem(20);
|
||||
background: #fff;
|
||||
|
||||
&::-webkit-scrollbar {
|
||||
display: none;
|
||||
}
|
||||
|
||||
li {
|
||||
width: 100%;
|
||||
height: px2rem(160);
|
||||
overflow: hidden;
|
||||
box-sizing: border-box;
|
||||
padding: 0 px2rem(20) 0 px2rem(15);
|
||||
position: relative;
|
||||
|
||||
.num {
|
||||
color: #000000;
|
||||
font-size: px2rem(30);
|
||||
font-weight: bold;
|
||||
width: px2rem(76);
|
||||
height: px2rem(76);
|
||||
line-height: px2rem(76);
|
||||
text-align: center;
|
||||
float: left;
|
||||
margin-top: px2rem(50);
|
||||
}
|
||||
|
||||
.ts {
|
||||
width: px2rem(128);
|
||||
height: px2rem(103);
|
||||
position: absolute;
|
||||
z-index: 2;
|
||||
left: px2rem(82);
|
||||
top: px2rem(37);
|
||||
}
|
||||
|
||||
.tx {
|
||||
width: px2rem(100);
|
||||
height: px2rem(100);
|
||||
position: absolute;
|
||||
left: px2rem(96);
|
||||
top: px2rem(39);
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.user {
|
||||
float: left;
|
||||
margin-left: px2rem(125);
|
||||
|
||||
p {
|
||||
width: 2.5rem;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
color: #515665;
|
||||
font-size: px2rem(24);
|
||||
margin-bottom: px2rem(29);
|
||||
font-weight: bold;
|
||||
box-sizing: border-box;
|
||||
padding-top: px2rem(53);
|
||||
}
|
||||
|
||||
b {
|
||||
color: #A4ABB2;
|
||||
font-size: px2rem(24);
|
||||
font-weight: 500;
|
||||
}
|
||||
}
|
||||
|
||||
.but {
|
||||
width: px2rem(116);
|
||||
height: px2rem(42);
|
||||
line-height: px2rem(42);
|
||||
background: #7F95FF;
|
||||
border-radius: px2rem(42);
|
||||
float: right;
|
||||
margin-top: px2rem(57);
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
font-size: px2rem(20);
|
||||
}
|
||||
|
||||
&:nth-child(odd) {
|
||||
background: rgba(50, 39, 79, .06);
|
||||
}
|
||||
|
||||
&:nth-child(1) {
|
||||
.num {
|
||||
background: url(../images/no1.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.ts {
|
||||
width: px2rem(134);
|
||||
height: px2rem(134);
|
||||
left: px2rem(79);
|
||||
top: px2rem(14);
|
||||
}
|
||||
}
|
||||
|
||||
&:nth-child(2) {
|
||||
.num {
|
||||
background: url(../images/no2.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.ts {
|
||||
width: px2rem(134);
|
||||
height: px2rem(134);
|
||||
left: px2rem(79);
|
||||
top: px2rem(14);
|
||||
}
|
||||
}
|
||||
|
||||
&:nth-child(3) {
|
||||
.num {
|
||||
background: url(../images/no3.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.ts {
|
||||
width: px2rem(134);
|
||||
height: px2rem(134);
|
||||
left: px2rem(79);
|
||||
top: px2rem(14);
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
.pub {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
background: rgba(0, 0, 0, .6);
|
||||
z-index: 11;
|
||||
display: none;
|
||||
|
||||
.pub_in {
|
||||
background: #fff;
|
||||
border-radius: px2rem(30);
|
||||
box-sizing: border-box;
|
||||
padding: px2rem(50) px2rem(34);
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
|
||||
p {
|
||||
text-align: center;
|
||||
color: #333333;
|
||||
font-size: px2rem(34);
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.butBox {
|
||||
width: px2rem(514);
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin: px2rem(50) auto 0;
|
||||
|
||||
div {
|
||||
width: px2rem(240);
|
||||
height: px2rem(76);
|
||||
text-align: center;
|
||||
line-height: px2rem(76);
|
||||
border-radius: px2rem(76);
|
||||
font-size: px2rem(34);
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.close {
|
||||
background: #F5F5F5;
|
||||
color: #999999;
|
||||
}
|
||||
|
||||
.ok {
|
||||
background: linear-gradient(90deg, #53C7D4, #7C5EFD);
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.arabic {
|
||||
|
||||
ul li .num,
|
||||
ul li .user {
|
||||
float: right;
|
||||
}
|
||||
|
||||
ul li .user {
|
||||
margin-left: 0;
|
||||
margin-right: 1.8rem;
|
||||
}
|
||||
|
||||
ul li .but {
|
||||
float: left;
|
||||
}
|
||||
|
||||
ul li .ts {
|
||||
left: 0;
|
||||
right: 1.05333rem;
|
||||
}
|
||||
|
||||
ul li .tx {
|
||||
left: 0;
|
||||
right: 1.28rem;
|
||||
}
|
||||
|
||||
.top .left {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.top img {
|
||||
float: left;
|
||||
}
|
||||
}
|
||||
182
view/molistar/modules/guild-ar/css/guildInfoSet.css
Normal file
182
view/molistar/modules/guild-ar/css/guildInfoSet.css
Normal file
@@ -0,0 +1,182 @@
|
||||
html,
|
||||
body {
|
||||
width: 100%;
|
||||
height: 17.78667rem;
|
||||
background: #F5F7F9;
|
||||
box-sizing: border-box;
|
||||
padding: 2.13333rem 0rem 0 0;
|
||||
}
|
||||
|
||||
.back {
|
||||
width: 100%;
|
||||
height: 2.66667rem;
|
||||
line-height: 3.46667rem;
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 0rem;
|
||||
text-align: center;
|
||||
color: #333333;
|
||||
font-size: 0.50667rem;
|
||||
font-weight: bold;
|
||||
z-index: 10;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.back img {
|
||||
width: 0.58667rem;
|
||||
height: 0.58667rem;
|
||||
position: absolute;
|
||||
left: 0.24rem;
|
||||
top: 54%;
|
||||
}
|
||||
|
||||
input {
|
||||
background: none;
|
||||
outline: none;
|
||||
bottom: none;
|
||||
}
|
||||
|
||||
h3 {
|
||||
color: #333333;
|
||||
font-size: 0.42667rem;
|
||||
margin-bottom: 0.57333rem;
|
||||
font-weight: 500;
|
||||
margin-left: 0.42667rem;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.name {
|
||||
width: 9.01333rem;
|
||||
height: 1.01333rem;
|
||||
line-height: 1.01333rem;
|
||||
position: relative;
|
||||
margin: 0 auto 0.85333rem;
|
||||
background: #fff;
|
||||
border-radius: 0.09333rem;
|
||||
}
|
||||
|
||||
.name input {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: 80%;
|
||||
height: 100%;
|
||||
color: #3C3C3C;
|
||||
font-size: 0.37333rem;
|
||||
font-weight: 400;
|
||||
box-sizing: border-box;
|
||||
padding-left: 0.37333rem;
|
||||
}
|
||||
|
||||
.name span {
|
||||
position: absolute;
|
||||
right: 0.50667rem;
|
||||
top: 0;
|
||||
height: 100%;
|
||||
color: #E13B3F;
|
||||
font-size: 0.37333rem;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.name .act {
|
||||
color: #67D2A6;
|
||||
}
|
||||
|
||||
.background {
|
||||
position: relative;
|
||||
width: 6.66667rem;
|
||||
height: 4rem;
|
||||
margin-bottom: 0.89333rem;
|
||||
}
|
||||
|
||||
.background img {
|
||||
display: inline-block;
|
||||
margin-left: 0.42667rem;
|
||||
margin-right: 0.22667rem;
|
||||
width: 4rem;
|
||||
height: 4rem;
|
||||
border-radius: 0.06667rem;
|
||||
}
|
||||
|
||||
.background span {
|
||||
color: #E13B3F;
|
||||
font-size: 0.37333rem;
|
||||
font-weight: 400;
|
||||
margin-top: 3.65333rem;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.background input {
|
||||
position: absolute;
|
||||
right: 1.2rem;
|
||||
bottom: -0.2rem;
|
||||
width: 0.93333rem;
|
||||
height: 0.8rem;
|
||||
}
|
||||
|
||||
.background .act {
|
||||
color: #67D2A6;
|
||||
}
|
||||
|
||||
.account {
|
||||
width: 9.01333rem;
|
||||
height: 1.01333rem;
|
||||
line-height: 1.01333rem;
|
||||
position: relative;
|
||||
margin: 0 auto 0.85333rem;
|
||||
background: #fff;
|
||||
border-radius: 0.09333rem;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.account i {
|
||||
font-style: normal;
|
||||
color: #3C3C3C;
|
||||
font-weight: 400;
|
||||
font-size: 0.37333rem;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
left: 0.26667rem;
|
||||
}
|
||||
|
||||
.account input {
|
||||
position: absolute;
|
||||
left: 2.13333rem;
|
||||
top: 0;
|
||||
height: 100%;
|
||||
color: #000;
|
||||
font-size: 0.37333rem;
|
||||
font-weight: 500;
|
||||
box-sizing: border-box;
|
||||
padding-left: 0.46667rem;
|
||||
width: 60%;
|
||||
}
|
||||
|
||||
.account span {
|
||||
position: absolute;
|
||||
right: 0.50667rem;
|
||||
top: 0;
|
||||
height: 100%;
|
||||
color: #E13B3F;
|
||||
font-size: 0.37333rem;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.account .act {
|
||||
color: #67D2A6;
|
||||
}
|
||||
|
||||
.arabic .account span {
|
||||
right: auto;
|
||||
left: 0.50667rem;
|
||||
}
|
||||
|
||||
.arabic .account i {
|
||||
left: auto;
|
||||
right: 0.26667rem;
|
||||
}
|
||||
|
||||
.arabic .account input {
|
||||
left: auto;
|
||||
right: 2.5rem;
|
||||
}
|
||||
189
view/molistar/modules/guild-ar/css/guildInfoSet.scss
Normal file
189
view/molistar/modules/guild-ar/css/guildInfoSet.scss
Normal file
@@ -0,0 +1,189 @@
|
||||
@function px2rem($px) {
|
||||
@return $px / 75+rem;
|
||||
}
|
||||
|
||||
html,
|
||||
body {
|
||||
width: 100%;
|
||||
height: px2rem(1334);
|
||||
background: #F5F7F9;
|
||||
box-sizing: border-box;
|
||||
padding: px2rem(160) px2rem(0) 0 0;
|
||||
}
|
||||
|
||||
.back {
|
||||
width: 100%;
|
||||
height: px2rem(200);
|
||||
line-height: px2rem(260);
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: px2rem(0);
|
||||
text-align: center;
|
||||
color: #333333;
|
||||
font-size: px2rem(38);
|
||||
font-weight: bold;
|
||||
z-index: 10;
|
||||
background: #fff;
|
||||
|
||||
img {
|
||||
width: px2rem(44);
|
||||
height: px2rem(44);
|
||||
position: absolute;
|
||||
left: px2rem(18);
|
||||
top: 54%;
|
||||
}
|
||||
}
|
||||
|
||||
input {
|
||||
background: none;
|
||||
outline: none;
|
||||
bottom: none;
|
||||
}
|
||||
|
||||
h3 {
|
||||
color: #333333;
|
||||
font-size: px2rem(32);
|
||||
margin-bottom: px2rem(43);
|
||||
font-weight: 500;
|
||||
margin-left: px2rem(32);
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.name {
|
||||
width: px2rem(676);
|
||||
height: px2rem(76);
|
||||
line-height: px2rem(76);
|
||||
position: relative;
|
||||
margin: 0 auto px2rem(64);
|
||||
background: #fff;
|
||||
border-radius: px2rem(7);
|
||||
|
||||
input {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: 80%;
|
||||
height: 100%;
|
||||
color: #3C3C3C;
|
||||
font-size: px2rem(28);
|
||||
font-weight: 400;
|
||||
box-sizing: border-box;
|
||||
padding-left: px2rem(28);
|
||||
}
|
||||
|
||||
span {
|
||||
position: absolute;
|
||||
right: px2rem(38);
|
||||
top: 0;
|
||||
height: 100%;
|
||||
color: #E13B3F;
|
||||
font-size: px2rem(28);
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.act {
|
||||
color: #67D2A6;
|
||||
}
|
||||
}
|
||||
|
||||
.background {
|
||||
position: relative;
|
||||
width: px2rem(500);
|
||||
height: px2rem(300);
|
||||
margin-bottom: px2rem(67);
|
||||
|
||||
img {
|
||||
display: inline-block;
|
||||
margin-left: px2rem(32);
|
||||
margin-right: px2rem(17);
|
||||
width: px2rem(300);
|
||||
height: px2rem(300);
|
||||
border-radius: px2rem(5);
|
||||
}
|
||||
|
||||
span {
|
||||
color: #E13B3F;
|
||||
font-size: px2rem(28);
|
||||
font-weight: 400;
|
||||
margin-top: px2rem(274);
|
||||
display: inline-block;
|
||||
|
||||
}
|
||||
|
||||
input {
|
||||
position: absolute;
|
||||
right: 1.2rem;
|
||||
bottom: -0.2rem;
|
||||
width: px2rem(70);
|
||||
height: px2rem(60);
|
||||
}
|
||||
|
||||
.act {
|
||||
color: #67D2A6;
|
||||
}
|
||||
}
|
||||
|
||||
.account {
|
||||
width: px2rem(676);
|
||||
height: px2rem(76);
|
||||
line-height: px2rem(76);
|
||||
position: relative;
|
||||
margin: 0 auto px2rem(64);
|
||||
background: #fff;
|
||||
border-radius: px2rem(7);
|
||||
display: none;
|
||||
|
||||
i {
|
||||
font-style: normal;
|
||||
color: #3C3C3C;
|
||||
font-weight: 400;
|
||||
font-size: px2rem(28);
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
left: px2rem(20);
|
||||
}
|
||||
|
||||
input {
|
||||
position: absolute;
|
||||
left: px2rem(160);
|
||||
top: 0;
|
||||
height: 100%;
|
||||
color: #000;
|
||||
font-size: px2rem(28);
|
||||
font-weight: 500;
|
||||
box-sizing: border-box;
|
||||
padding-left: px2rem(35);
|
||||
width: 60%;
|
||||
}
|
||||
|
||||
span {
|
||||
position: absolute;
|
||||
right: px2rem(38);
|
||||
top: 0;
|
||||
height: 100%;
|
||||
color: #E13B3F;
|
||||
font-size: px2rem(28);
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.act {
|
||||
color: #67D2A6;
|
||||
}
|
||||
}
|
||||
|
||||
.arabic {
|
||||
|
||||
.account span {
|
||||
right: auto;
|
||||
left: 0.50667rem;
|
||||
}
|
||||
|
||||
.account i {
|
||||
left: auto;
|
||||
right: 0.26667rem;
|
||||
}
|
||||
.account input{
|
||||
left: auto;
|
||||
right: 2.5rem;
|
||||
}
|
||||
}
|
||||
667
view/molistar/modules/guild-ar/css/index.css
Normal file
667
view/molistar/modules/guild-ar/css/index.css
Normal file
@@ -0,0 +1,667 @@
|
||||
html,
|
||||
body {
|
||||
width: 100%;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.back {
|
||||
width: 100%;
|
||||
height: 0.58667rem;
|
||||
line-height: 0.58667rem;
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 1.46667rem;
|
||||
text-align: center;
|
||||
color: #FFFFFF;
|
||||
font-size: 0.50667rem;
|
||||
font-weight: bold;
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
.back img {
|
||||
width: 0.58667rem;
|
||||
height: 0.58667rem;
|
||||
position: absolute;
|
||||
left: 0.24rem;
|
||||
top: 0rem;
|
||||
}
|
||||
|
||||
.back b {
|
||||
width: 75%;
|
||||
display: inline-block;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
.header {
|
||||
width: 10rem;
|
||||
height: 5.86667rem;
|
||||
background: url(../images/header.png) no-repeat;
|
||||
background-size: cover;
|
||||
position: relative;
|
||||
margin: 0 auto 0rem;
|
||||
}
|
||||
|
||||
.header .tx {
|
||||
width: 2.05333rem;
|
||||
height: 2.05333rem;
|
||||
position: absolute;
|
||||
left: 0.45333rem;
|
||||
top: 2.88rem;
|
||||
border-radius: 50%;
|
||||
border: 0.02667rem solid #FFE8A9;
|
||||
}
|
||||
|
||||
.header .ts {
|
||||
width: 2.77333rem;
|
||||
height: 2.77333rem;
|
||||
position: absolute;
|
||||
top: 1.73333rem;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
z-index: 2;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.header .nick {
|
||||
width: 55%;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
color: #fff;
|
||||
font-size: 0.53333rem;
|
||||
font-weight: bold;
|
||||
position: absolute;
|
||||
top: 3.22667rem;
|
||||
left: 2.93333rem;
|
||||
}
|
||||
|
||||
.header .id {
|
||||
width: 55%;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
color: #fff;
|
||||
font-size: 0.34667rem;
|
||||
font-weight: 500;
|
||||
position: absolute;
|
||||
top: 4.10667rem;
|
||||
left: 2.93333rem;
|
||||
}
|
||||
|
||||
.header .guildNick {
|
||||
width: 100%;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 6.30667rem;
|
||||
color: #FFFFFF;
|
||||
opacity: 0.8;
|
||||
font-size: 0.32rem;
|
||||
text-align: center;
|
||||
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: inline-block;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.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;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
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;
|
||||
width: 0.69333rem;
|
||||
height: 0.69333rem;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.headerBox .headerBox_in div span {
|
||||
display: inline-block;
|
||||
color: #313131;
|
||||
font-size: 0.4rem;
|
||||
}
|
||||
|
||||
.headerBox .headerBox_in .E3F2FF {
|
||||
background: #E3F2FF;
|
||||
}
|
||||
|
||||
.headerBox .headerBox_in .FFEFE5 {
|
||||
background: #FFEFE5;
|
||||
}
|
||||
|
||||
.agencylevel {
|
||||
width: 10rem;
|
||||
height: 3.62667rem;
|
||||
margin: 0.34667rem auto 0;
|
||||
}
|
||||
|
||||
.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%;
|
||||
}
|
||||
|
||||
.agencylevel .agencylevelInfo .bottom {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
color: #7B7B7D;
|
||||
font-size: 0.32rem;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.guildList {
|
||||
width: 10rem;
|
||||
border-radius: 0.26667rem;
|
||||
margin: 0rem auto 0;
|
||||
position: relative;
|
||||
background: #fff;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.guildList .top {
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
padding: 0 0.33333rem;
|
||||
height: 0.66667rem;
|
||||
line-height: 0.66667rem;
|
||||
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-weight: bold;
|
||||
display: block;
|
||||
margin-right: 0.09333rem;
|
||||
}
|
||||
|
||||
.guildList .top i {
|
||||
display: block;
|
||||
font-size: 0.48rem;
|
||||
color: #313131;
|
||||
float: left;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
.guildList .top img {
|
||||
float: right;
|
||||
display: block;
|
||||
width: 0.42667rem;
|
||||
height: 0.42667rem;
|
||||
position: absolute;
|
||||
left: 6.45rem;
|
||||
top: 51%;
|
||||
transform: translateY(-50%);
|
||||
z-index: 2;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.guildList .top input {
|
||||
border: none;
|
||||
outline: none;
|
||||
background: #F5F7F9;
|
||||
width: 3.46667rem;
|
||||
height: 0.66667rem;
|
||||
border-radius: 0.66667rem;
|
||||
box-sizing: border-box;
|
||||
padding-left: 0.72rem;
|
||||
color: #333;
|
||||
display: none;
|
||||
float: right;
|
||||
}
|
||||
|
||||
.guildList .top input::placeholder {
|
||||
color: #BCBDCB;
|
||||
font-size: 0.29333rem;
|
||||
}
|
||||
|
||||
.guildList ul {
|
||||
width: 100%;
|
||||
height: 6.7rem;
|
||||
margin: 0.25333rem auto 0;
|
||||
overflow-y: scroll;
|
||||
}
|
||||
|
||||
.guildList ul::-webkit-scrollbar {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.guildList ul li {
|
||||
width: 9.14667rem;
|
||||
height: 1.94667rem;
|
||||
box-sizing: border-box;
|
||||
overflow: hidden;
|
||||
margin: 0 auto 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%;
|
||||
float: left;
|
||||
margin-right: 0.14667rem;
|
||||
margin-left: 0.13333rem;
|
||||
display: block;
|
||||
margin-top: 0.24rem;
|
||||
}
|
||||
|
||||
.guildList ul li .user {
|
||||
float: left;
|
||||
width: 6rem;
|
||||
}
|
||||
|
||||
.guildList ul li .user p {
|
||||
color: #515665;
|
||||
font-size: 0.37333rem;
|
||||
font-weight: bold;
|
||||
display: inline-block;
|
||||
margin-right: 0.10667rem;
|
||||
margin-bottom: 0.06667rem;
|
||||
max-width: 2.7rem;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
box-sizing: border-box;
|
||||
padding-top: 0.6rem;
|
||||
}
|
||||
|
||||
.guildList ul li .user b {
|
||||
display: block;
|
||||
color: #A4ABB2;
|
||||
font-size: 0.32rem;
|
||||
}
|
||||
|
||||
.guildList ul li .user .sex {
|
||||
width: 0.24rem;
|
||||
height: 0.24rem;
|
||||
display: inline-block;
|
||||
margin-top: 0.6rem;
|
||||
margin-right: 0.10667rem;
|
||||
}
|
||||
|
||||
.guildList ul li .user .wealth,
|
||||
.guildList ul li .user .charm {
|
||||
display: inline-block;
|
||||
width: 0.96rem;
|
||||
height: 0.48rem;
|
||||
margin-top: 0.49333rem;
|
||||
}
|
||||
|
||||
.guildList ul li .but {
|
||||
width: 1.17333rem;
|
||||
height: 0.56rem;
|
||||
background: #62D0A8;
|
||||
border-radius: 0.56rem;
|
||||
position: absolute;
|
||||
right: 0.34667rem;
|
||||
top: 0.69rem;
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
line-height: 0.56rem;
|
||||
font-size: 0.29333rem;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.guildList ul li .chairman {
|
||||
width: 1.2rem;
|
||||
height: 0.45333rem;
|
||||
line-height: 0.45333rem;
|
||||
border-radius: 0.45333rem;
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
font-size: 0.29333rem;
|
||||
font-weight: 400;
|
||||
position: absolute;
|
||||
left: 0.37333rem;
|
||||
top: 1.30667rem;
|
||||
background: #04D5C6;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.guildList ul li .administrator {
|
||||
width: 1.04rem;
|
||||
height: 0.34667rem;
|
||||
line-height: 0.34667rem;
|
||||
border-radius: 0.34667rem;
|
||||
text-align: center;
|
||||
color: #333;
|
||||
font-size: 0.29333rem;
|
||||
font-weight: 400;
|
||||
position: absolute;
|
||||
left: 0.26667rem;
|
||||
top: 0.94667rem;
|
||||
background: linear-gradient(-90deg, #FBE1FF, #F090FF);
|
||||
display: none;
|
||||
}
|
||||
|
||||
.pub {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
background: rgba(0, 0, 0, 0.6);
|
||||
z-index: 11;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.pub .pub_in {
|
||||
background: #fff;
|
||||
border-radius: 0.4rem;
|
||||
box-sizing: border-box;
|
||||
padding: 0.66667rem 0.45333rem;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
}
|
||||
|
||||
.pub .pub_in p {
|
||||
text-align: center;
|
||||
color: #333333;
|
||||
font-size: 0.45333rem;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.pub .pub_in .butBox {
|
||||
width: 6.85333rem;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin-top: 0.66667rem;
|
||||
margin: 0.66667rem auto 0;
|
||||
}
|
||||
|
||||
.pub .pub_in .butBox div {
|
||||
width: 3.2rem;
|
||||
height: 1.01333rem;
|
||||
text-align: center;
|
||||
line-height: 1.01333rem;
|
||||
border-radius: 1.01333rem;
|
||||
font-size: 0.45333rem;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.pub .pub_in .butBox .close {
|
||||
background: #F5F5F5;
|
||||
color: #999999;
|
||||
}
|
||||
|
||||
.pub .pub_in .butBox .ok {
|
||||
background: linear-gradient(90deg, #53C7D4, #7C5EFD);
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.arabic .back img {
|
||||
left: auto;
|
||||
right: 0.24rem;
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
|
||||
.arabic .header .tx {
|
||||
left: auto;
|
||||
right: 0.45333rem;
|
||||
}
|
||||
|
||||
.arabic .header .nick {
|
||||
left: auto;
|
||||
right: 2.93333rem;
|
||||
}
|
||||
|
||||
.arabic .header .id {
|
||||
left: auto;
|
||||
right: 2.93333rem;
|
||||
}
|
||||
|
||||
.arabic .guildList .top img {
|
||||
right: 0.4rem;
|
||||
}
|
||||
|
||||
.arabic .guildList .top input {
|
||||
padding-right: 0.5rem;
|
||||
}
|
||||
|
||||
.arabic .guildList ul li .but {
|
||||
left: 0.34667rem;
|
||||
right: auto;
|
||||
}
|
||||
|
||||
.arabic .guildList ul li .chairman,
|
||||
.arabic .guildList ul li .administrator {
|
||||
right: 0.37333rem;
|
||||
left: auto;
|
||||
}
|
||||
|
||||
.arabic .guildList ul li .tx,
|
||||
.arabic .guildList ul li .user {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.arabic .guildList ul li .user {
|
||||
padding-right: 0.2rem;
|
||||
}
|
||||
|
||||
.arabic .header .headerBox div img {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.arabic .header .headerBox div span {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.arabic .headerBox .headerBox_in div span {
|
||||
font-size: 0.33333rem;
|
||||
}
|
||||
|
||||
.english .header .headerBox {
|
||||
width: 8rem;
|
||||
}
|
||||
|
||||
.english .header .headerBox div {
|
||||
width: 3.9rem;
|
||||
}
|
||||
|
||||
.english .header .headerBox div span {
|
||||
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;
|
||||
}
|
||||
|
||||
.arabic .header .headerBox div {
|
||||
width: 3.9rem;
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
694
view/molistar/modules/guild-ar/css/index.scss
Normal file
694
view/molistar/modules/guild-ar/css/index.scss
Normal file
@@ -0,0 +1,694 @@
|
||||
@function px2rem($px) {
|
||||
@return $px / 75+rem;
|
||||
}
|
||||
|
||||
html,
|
||||
body {
|
||||
width: 100%;
|
||||
// height: px2rem(1334);
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.back {
|
||||
width: 100%;
|
||||
height: px2rem(44);
|
||||
line-height: px2rem(44);
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: px2rem(110);
|
||||
text-align: center;
|
||||
color: #FFFFFF;
|
||||
font-size: px2rem(38);
|
||||
font-weight: bold;
|
||||
z-index: 10;
|
||||
|
||||
img {
|
||||
width: px2rem(44);
|
||||
height: px2rem(44);
|
||||
position: absolute;
|
||||
left: px2rem(18);
|
||||
top: px2rem(0);
|
||||
}
|
||||
|
||||
b {
|
||||
width: 75%;
|
||||
display: inline-block;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
.header {
|
||||
width: px2rem(750);
|
||||
height: px2rem(440);
|
||||
background: url(../images/header.png) no-repeat;
|
||||
background-size: cover;
|
||||
position: relative;
|
||||
margin: 0 auto px2rem(0);
|
||||
|
||||
.tx {
|
||||
width: px2rem(154);
|
||||
height: px2rem(154);
|
||||
position: absolute;
|
||||
left: px2rem(34);
|
||||
top: px2rem(216);
|
||||
border-radius: 50%;
|
||||
border: px2rem(2) solid #FFE8A9;
|
||||
}
|
||||
|
||||
.ts {
|
||||
width: px2rem(208);
|
||||
height: px2rem(208);
|
||||
position: absolute;
|
||||
top: px2rem(130);
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
z-index: 2;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.nick {
|
||||
width: 55%;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
color: #fff;
|
||||
font-size: px2rem(40);
|
||||
font-weight: bold;
|
||||
position: absolute;
|
||||
top: px2rem(242);
|
||||
left: px2rem(220);
|
||||
}
|
||||
|
||||
.id {
|
||||
width: 55%;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
color: #fff;
|
||||
font-size: px2rem(26);
|
||||
font-weight: 500;
|
||||
position: absolute;
|
||||
top: px2rem(308);
|
||||
left: px2rem(220);
|
||||
}
|
||||
|
||||
|
||||
.guildNick {
|
||||
width: 100%;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: px2rem(473);
|
||||
color: #FFFFFF;
|
||||
opacity: 0.8;
|
||||
font-size: px2rem(24);
|
||||
text-align: center;
|
||||
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: inline-block;
|
||||
vertical-align: middle;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.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);
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
flex-wrap: wrap;
|
||||
margin: px2rem(24) auto 0;
|
||||
|
||||
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);
|
||||
|
||||
img {
|
||||
display: inline;
|
||||
width: px2rem(52);
|
||||
height: px2rem(52);
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
span {
|
||||
display: inline-block;
|
||||
color: #313131;
|
||||
font-size: px2rem(30);
|
||||
}
|
||||
}
|
||||
|
||||
.E3F2FF {
|
||||
background: #E3F2FF;
|
||||
}
|
||||
|
||||
.FFEFE5 {
|
||||
background: #FFEFE5;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.agencylevel {
|
||||
width: px2rem(750);
|
||||
height: px2rem(272);
|
||||
margin: px2rem(26) auto 0;
|
||||
|
||||
.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;
|
||||
border-radius: px2rem(20);
|
||||
margin: px2rem(0) auto 0;
|
||||
position: relative;
|
||||
background: #fff;
|
||||
overflow: hidden;
|
||||
|
||||
.top {
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
padding: 0 px2rem(25);
|
||||
height: px2rem(50);
|
||||
line-height: px2rem(50);
|
||||
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-weight: bold;
|
||||
display: block;
|
||||
margin-right: px2rem(7);
|
||||
}
|
||||
|
||||
i {
|
||||
display: block;
|
||||
font-size: px2rem(36);
|
||||
color: #313131;
|
||||
float: left;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
img {
|
||||
float: right;
|
||||
display: block;
|
||||
width: px2rem(32);
|
||||
height: px2rem(32);
|
||||
position: absolute;
|
||||
left: 6.45rem;
|
||||
top: 51%;
|
||||
transform: translateY(-50%);
|
||||
z-index: 2;
|
||||
display: none;
|
||||
}
|
||||
|
||||
input {
|
||||
border: none;
|
||||
outline: none;
|
||||
background: #F5F7F9;
|
||||
width: px2rem(260);
|
||||
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%);
|
||||
color: #333;
|
||||
display: none;
|
||||
float: right;
|
||||
|
||||
&::placeholder {
|
||||
color: #BCBDCB;
|
||||
font-size: px2rem(22);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
ul {
|
||||
width: 100%;
|
||||
// height: 11rem;
|
||||
height: 6.7rem;
|
||||
margin: px2rem(19) auto 0;
|
||||
overflow-y: scroll;
|
||||
|
||||
&::-webkit-scrollbar {
|
||||
display: none;
|
||||
}
|
||||
|
||||
li {
|
||||
width: px2rem(686);
|
||||
height: px2rem(146);
|
||||
box-sizing: border-box;
|
||||
overflow: hidden;
|
||||
margin: 0 auto 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%;
|
||||
float: left;
|
||||
margin-right: px2rem(11);
|
||||
margin-left: px2rem(10);
|
||||
display: block;
|
||||
margin-top: px2rem(18)
|
||||
}
|
||||
|
||||
.user {
|
||||
float: left;
|
||||
width: 6rem;
|
||||
|
||||
p {
|
||||
color: #515665;
|
||||
font-size: px2rem(28);
|
||||
font-weight: bold;
|
||||
display: inline-block;
|
||||
margin-right: px2rem(8);
|
||||
margin-bottom: px2rem(5);
|
||||
max-width: 2.7rem;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
box-sizing: border-box;
|
||||
padding-top: px2rem(45);
|
||||
}
|
||||
|
||||
b {
|
||||
display: block;
|
||||
color: #A4ABB2;
|
||||
font-size: px2rem(24);
|
||||
}
|
||||
|
||||
.sex {
|
||||
width: px2rem(18);
|
||||
height: px2rem(18);
|
||||
display: inline-block;
|
||||
margin-top: px2rem(45);
|
||||
margin-right: px2rem(8);
|
||||
}
|
||||
|
||||
.wealth,
|
||||
.charm {
|
||||
display: inline-block;
|
||||
width: px2rem(72);
|
||||
height: px2rem(36);
|
||||
margin-top: px2rem(37);
|
||||
}
|
||||
}
|
||||
|
||||
.but {
|
||||
width: px2rem(88);
|
||||
height: px2rem(42);
|
||||
background: #62D0A8;
|
||||
border-radius: px2rem(42);
|
||||
position: absolute;
|
||||
right: px2rem(26);
|
||||
top: 0.69rem;
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
line-height: px2rem(42);
|
||||
font-size: px2rem(22);
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.chairman {
|
||||
width: px2rem(90);
|
||||
height: px2rem(34);
|
||||
line-height: px2rem(34);
|
||||
border-radius: px2rem(34);
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
font-size: px2rem(22);
|
||||
font-weight: 400;
|
||||
position: absolute;
|
||||
left: px2rem(28);
|
||||
top: px2rem(98);
|
||||
background: #04D5C6;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.administrator {
|
||||
width: px2rem(78);
|
||||
height: px2rem(26);
|
||||
line-height: px2rem(26);
|
||||
border-radius: px2rem(26);
|
||||
text-align: center;
|
||||
color: #333;
|
||||
font-size: px2rem(22);
|
||||
font-weight: 400;
|
||||
position: absolute;
|
||||
left: px2rem(20);
|
||||
top: px2rem(71);
|
||||
background: linear-gradient(-90deg, #FBE1FF, #F090FF);
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.pub {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
background: rgba(0, 0, 0, .6);
|
||||
z-index: 11;
|
||||
display: none;
|
||||
|
||||
.pub_in {
|
||||
background: #fff;
|
||||
border-radius: px2rem(30);
|
||||
box-sizing: border-box;
|
||||
padding: px2rem(50) px2rem(34);
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
|
||||
p {
|
||||
text-align: center;
|
||||
color: #333333;
|
||||
font-size: px2rem(34);
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.butBox {
|
||||
width: px2rem(514);
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin-top: px2rem(50);
|
||||
margin: px2rem(50) auto 0;
|
||||
|
||||
div {
|
||||
width: px2rem(240);
|
||||
height: px2rem(76);
|
||||
text-align: center;
|
||||
line-height: px2rem(76);
|
||||
border-radius: px2rem(76);
|
||||
font-size: px2rem(34);
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.close {
|
||||
background: #F5F5F5;
|
||||
color: #999999;
|
||||
}
|
||||
|
||||
.ok {
|
||||
background: linear-gradient(90deg, #53C7D4, #7C5EFD);
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.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);
|
||||
}
|
||||
|
||||
.guildList .top input {
|
||||
padding-right: 0.5rem;
|
||||
}
|
||||
|
||||
.guildList ul li .but {
|
||||
left: 0.34667rem;
|
||||
right: auto;
|
||||
}
|
||||
|
||||
.guildList ul li .chairman,
|
||||
.guildList ul li .administrator {
|
||||
right: px2rem(28);
|
||||
left: auto;
|
||||
}
|
||||
|
||||
.guildList ul li .tx,
|
||||
.guildList ul li .user {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.guildList ul li .user {
|
||||
padding-right: 0.2rem;
|
||||
}
|
||||
|
||||
.header .headerBox div img {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.header .headerBox div span {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.headerBox .headerBox_in div span {
|
||||
font-size: px2rem(25);
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.english {
|
||||
.header .headerBox {
|
||||
width: 8rem;
|
||||
|
||||
div {
|
||||
width: 3.9rem;
|
||||
|
||||
span {
|
||||
font-size: px2rem(16);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.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;
|
||||
|
||||
div {
|
||||
width: 3.9rem;
|
||||
|
||||
span {
|
||||
font-size: px2rem(22);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
}
|
||||
274
view/molistar/modules/guild-ar/css/invitation.css
Normal file
274
view/molistar/modules/guild-ar/css/invitation.css
Normal file
@@ -0,0 +1,274 @@
|
||||
html,
|
||||
body {
|
||||
width: 100%;
|
||||
height: 17.78667rem;
|
||||
background: #eaeaec;
|
||||
}
|
||||
|
||||
.back {
|
||||
width: 100%;
|
||||
height: 2.53333rem;
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 0rem;
|
||||
text-align: center;
|
||||
color: #FFFFFF;
|
||||
font-size: 0.50667rem;
|
||||
font-weight: bold;
|
||||
z-index: 10;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.back .backs {
|
||||
width: 0.58667rem;
|
||||
height: 0.58667rem;
|
||||
position: absolute;
|
||||
left: 0.24rem;
|
||||
top: 59%;
|
||||
}
|
||||
|
||||
.back .fdj {
|
||||
width: 0.42667rem;
|
||||
height: 0.42667rem;
|
||||
position: absolute;
|
||||
top: 66%;
|
||||
left: 1.41333rem;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.back input {
|
||||
border: none;
|
||||
outline: none;
|
||||
background: #eaeaec;
|
||||
width: 6.8rem;
|
||||
height: 0.74667rem;
|
||||
line-height: 0.74667rem;
|
||||
border-radius: 0.74667rem;
|
||||
box-sizing: border-box;
|
||||
padding: 0 0.72rem;
|
||||
position: absolute;
|
||||
left: 1.22667rem;
|
||||
top: 75%;
|
||||
transform: translateY(-50%);
|
||||
color: #333;
|
||||
font-size: 0.32rem;
|
||||
}
|
||||
|
||||
.back input::placeholder {
|
||||
color: #BCBDCB;
|
||||
font-size: 0.29333rem;
|
||||
}
|
||||
|
||||
.back .text {
|
||||
position: absolute;
|
||||
right: 0.62667rem;
|
||||
height: 100%;
|
||||
top: 0;
|
||||
line-height: 3.73333rem;
|
||||
color: #333333;
|
||||
font-size: 0.45333rem;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
ul {
|
||||
width: 10rem;
|
||||
height: 18rem;
|
||||
margin: 2.4rem auto 0;
|
||||
overflow-y: scroll;
|
||||
padding-top: 0.34667rem;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
ul::-webkit-scrollbar {
|
||||
display: none;
|
||||
}
|
||||
|
||||
ul li {
|
||||
width: 9.06667rem;
|
||||
height: 2.13333rem;
|
||||
box-sizing: border-box;
|
||||
overflow: hidden;
|
||||
margin: 0 auto 0.44rem;
|
||||
position: relative;
|
||||
background: #fff;
|
||||
border-radius: 0.13333rem;
|
||||
}
|
||||
|
||||
ul li .tx {
|
||||
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.44rem;
|
||||
}
|
||||
|
||||
ul li .user {
|
||||
float: left;
|
||||
width: 6rem;
|
||||
}
|
||||
|
||||
ul li .user p {
|
||||
color: #515665;
|
||||
font-size: 0.37333rem;
|
||||
font-weight: bold;
|
||||
display: inline-block;
|
||||
margin-right: 0.10667rem;
|
||||
margin-top: 0.74667rem;
|
||||
margin-bottom: 0.16rem;
|
||||
width: 2.7rem;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
ul li .user b {
|
||||
display: block;
|
||||
color: #A4ABB2;
|
||||
font-size: 0.32rem;
|
||||
}
|
||||
|
||||
ul li .user .sex {
|
||||
width: 0.24rem;
|
||||
height: 0.24rem;
|
||||
display: inline-block;
|
||||
margin-top: 0.81333rem;
|
||||
margin-right: 0.10667rem;
|
||||
}
|
||||
|
||||
ul li .user .wealth,
|
||||
ul li .user .charm {
|
||||
display: inline-block;
|
||||
width: 0.96rem;
|
||||
height: 0.48rem;
|
||||
margin-top: 0.64rem;
|
||||
}
|
||||
|
||||
ul li .but {
|
||||
width: 1.17333rem;
|
||||
height: 0.56rem;
|
||||
background: #F08ED3;
|
||||
border-radius: 0.56rem;
|
||||
position: absolute;
|
||||
right: 0.34667rem;
|
||||
top: 1.18667rem;
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
line-height: 0.56rem;
|
||||
font-size: 0.34667rem;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
ul li .chairman {
|
||||
width: 1.04rem;
|
||||
height: 0.34667rem;
|
||||
line-height: 0.34667rem;
|
||||
border-radius: 0.34667rem;
|
||||
text-align: center;
|
||||
color: #333;
|
||||
font-size: 0.29333rem;
|
||||
font-weight: 400;
|
||||
position: absolute;
|
||||
left: 0.16rem;
|
||||
top: 0.94667rem;
|
||||
background: linear-gradient(90deg, #FFEB67, #FFFCE7);
|
||||
}
|
||||
|
||||
ul li .administrator {
|
||||
width: 1.04rem;
|
||||
height: 0.34667rem;
|
||||
line-height: 0.34667rem;
|
||||
border-radius: 0.34667rem;
|
||||
text-align: center;
|
||||
color: #333;
|
||||
font-size: 0.29333rem;
|
||||
font-weight: 400;
|
||||
position: absolute;
|
||||
left: 0.16rem;
|
||||
top: 0.94667rem;
|
||||
background: linear-gradient(-90deg, #FBE1FF, #F090FF);
|
||||
}
|
||||
|
||||
ul .null {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
ul .null img {
|
||||
width: 1.96rem;
|
||||
height: 2.01333rem;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
}
|
||||
|
||||
ul .null span {
|
||||
width: 100%;
|
||||
left: 0;
|
||||
top: 55%;
|
||||
transform: translateY(-50%);
|
||||
color: #A9A9A9;
|
||||
font-size: 0.4rem;
|
||||
font-weight: 400;
|
||||
position: absolute;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.pub {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
background: rgba(0, 0, 0, 0.6);
|
||||
z-index: 11;
|
||||
}
|
||||
|
||||
.pub .pub_in {
|
||||
background: #fff;
|
||||
border-radius: 0.4rem;
|
||||
box-sizing: border-box;
|
||||
padding: 0.66667rem 0.45333rem;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
}
|
||||
|
||||
.pub .pub_in p {
|
||||
text-align: center;
|
||||
color: #333333;
|
||||
font-size: 0.45333rem;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.pub .pub_in .butBox {
|
||||
width: 6.85333rem;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin: 0.66667rem auto 0;
|
||||
}
|
||||
|
||||
.pub .pub_in .butBox div {
|
||||
width: 3.2rem;
|
||||
height: 1.01333rem;
|
||||
text-align: center;
|
||||
line-height: 1.01333rem;
|
||||
border-radius: 1.01333rem;
|
||||
font-size: 0.45333rem;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.pub .pub_in .butBox .close {
|
||||
background: #F5F5F5;
|
||||
color: #999999;
|
||||
}
|
||||
|
||||
.pub .pub_in .butBox .ok {
|
||||
background: linear-gradient(90deg, #53C7D4, #7C5EFD);
|
||||
color: #fff;
|
||||
}
|
||||
278
view/molistar/modules/guild-ar/css/invitation.scss
Normal file
278
view/molistar/modules/guild-ar/css/invitation.scss
Normal file
@@ -0,0 +1,278 @@
|
||||
@function px2rem($px) {
|
||||
@return $px / 75+rem;
|
||||
}
|
||||
|
||||
html,
|
||||
body {
|
||||
width: 100%;
|
||||
height: px2rem(1334);
|
||||
background: #eaeaec;
|
||||
}
|
||||
|
||||
.back {
|
||||
width: 100%;
|
||||
height: px2rem(190);
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: px2rem(0);
|
||||
text-align: center;
|
||||
color: #FFFFFF;
|
||||
font-size: px2rem(38);
|
||||
font-weight: bold;
|
||||
z-index: 10;
|
||||
background: #fff;
|
||||
|
||||
.backs {
|
||||
width: px2rem(44);
|
||||
height: px2rem(44);
|
||||
position: absolute;
|
||||
left: px2rem(18);
|
||||
top: 59%;
|
||||
}
|
||||
|
||||
.fdj {
|
||||
width: px2rem(32);
|
||||
height: px2rem(32);
|
||||
position: absolute;
|
||||
top: 66%;
|
||||
left: px2rem(106);
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
input {
|
||||
border: none;
|
||||
outline: none;
|
||||
background: #eaeaec;
|
||||
width: px2rem(510);
|
||||
height: px2rem(56);
|
||||
line-height: px2rem(56);
|
||||
border-radius: px2rem(56);
|
||||
box-sizing: border-box;
|
||||
padding: 0 px2rem(54);
|
||||
position: absolute;
|
||||
left: px2rem(92);
|
||||
top: 75%;
|
||||
transform: translateY(-50%);
|
||||
color: #333;
|
||||
font-size: px2rem(24);
|
||||
|
||||
&::placeholder {
|
||||
color: #BCBDCB;
|
||||
font-size: px2rem(22);
|
||||
}
|
||||
}
|
||||
|
||||
.text {
|
||||
position: absolute;
|
||||
right: px2rem(47);
|
||||
height: 100%;
|
||||
top: 0;
|
||||
line-height: px2rem(280);
|
||||
color: #333333;
|
||||
font-size: px2rem(34);
|
||||
font-weight: bold;
|
||||
}
|
||||
}
|
||||
|
||||
ul {
|
||||
width: px2rem(750);
|
||||
height: px2rem(1350);
|
||||
margin: px2rem(180) auto 0;
|
||||
overflow-y: scroll;
|
||||
padding-top: px2rem(26);
|
||||
box-sizing: border-box;
|
||||
|
||||
&::-webkit-scrollbar {
|
||||
display: none;
|
||||
}
|
||||
|
||||
li {
|
||||
width: px2rem(680);
|
||||
height: px2rem(160);
|
||||
box-sizing: border-box;
|
||||
overflow: hidden;
|
||||
margin: 0 auto px2rem(33);
|
||||
position: relative;
|
||||
background: #fff;
|
||||
border-radius: px2rem(10);
|
||||
|
||||
.tx {
|
||||
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(33);
|
||||
}
|
||||
|
||||
.user {
|
||||
float: left;
|
||||
width: 6rem;
|
||||
|
||||
p {
|
||||
color: #515665;
|
||||
font-size: px2rem(28);
|
||||
font-weight: bold;
|
||||
display: inline-block;
|
||||
margin-right: px2rem(8);
|
||||
margin-top: px2rem(56);
|
||||
margin-bottom: px2rem(12);
|
||||
width: 2.7rem;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
b {
|
||||
display: block;
|
||||
color: #A4ABB2;
|
||||
font-size: px2rem(24);
|
||||
}
|
||||
|
||||
.sex {
|
||||
width: px2rem(18);
|
||||
height: px2rem(18);
|
||||
display: inline-block;
|
||||
margin-top: px2rem(61);
|
||||
margin-right: px2rem(8);
|
||||
}
|
||||
|
||||
.wealth,
|
||||
.charm {
|
||||
display: inline-block;
|
||||
width: px2rem(72);
|
||||
height: px2rem(36);
|
||||
margin-top: px2rem(48);
|
||||
}
|
||||
}
|
||||
|
||||
.but {
|
||||
width: px2rem(88);
|
||||
height: px2rem(42);
|
||||
background: #F08ED3;
|
||||
border-radius: px2rem(42);
|
||||
position: absolute;
|
||||
right: px2rem(26);
|
||||
top: px2rem(89);
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
line-height: px2rem(42);
|
||||
font-size: px2rem(26);
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.chairman {
|
||||
width: px2rem(78);
|
||||
height: px2rem(26);
|
||||
line-height: px2rem(26);
|
||||
border-radius: px2rem(26);
|
||||
text-align: center;
|
||||
color: #333;
|
||||
font-size: px2rem(22);
|
||||
font-weight: 400;
|
||||
position: absolute;
|
||||
left: px2rem(12);
|
||||
top: px2rem(71);
|
||||
background: linear-gradient(90deg, #FFEB67, #FFFCE7);
|
||||
}
|
||||
|
||||
.administrator {
|
||||
width: px2rem(78);
|
||||
height: px2rem(26);
|
||||
line-height: px2rem(26);
|
||||
border-radius: px2rem(26);
|
||||
text-align: center;
|
||||
color: #333;
|
||||
font-size: px2rem(22);
|
||||
font-weight: 400;
|
||||
position: absolute;
|
||||
left: px2rem(12);
|
||||
top: px2rem(71);
|
||||
background: linear-gradient(-90deg, #FBE1FF, #F090FF);
|
||||
}
|
||||
}
|
||||
|
||||
.null {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: relative;
|
||||
|
||||
img {
|
||||
width: px2rem(147);
|
||||
height: px2rem(151);
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
}
|
||||
|
||||
span {
|
||||
width: 100%;
|
||||
left: 0;
|
||||
top: 55%;
|
||||
transform: translateY(-50%);
|
||||
color: #A9A9A9;
|
||||
font-size: px2rem(30);
|
||||
font-weight: 400;
|
||||
position: absolute;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.pub {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
background: rgba(0, 0, 0, .6);
|
||||
z-index: 11;
|
||||
|
||||
.pub_in {
|
||||
background: #fff;
|
||||
border-radius: px2rem(30);
|
||||
box-sizing: border-box;
|
||||
padding: px2rem(50) px2rem(34);
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
|
||||
p {
|
||||
text-align: center;
|
||||
color: #333333;
|
||||
font-size: px2rem(34);
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.butBox {
|
||||
width: px2rem(514);
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin: px2rem(50) auto 0;
|
||||
|
||||
div {
|
||||
width: px2rem(240);
|
||||
height: px2rem(76);
|
||||
text-align: center;
|
||||
line-height: px2rem(76);
|
||||
border-radius: px2rem(76);
|
||||
font-size: px2rem(34);
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.close {
|
||||
background: #F5F5F5;
|
||||
color: #999999;
|
||||
}
|
||||
|
||||
.ok {
|
||||
background: linear-gradient(90deg, #53C7D4, #7C5EFD);
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
9
view/molistar/modules/guild-ar/css/lay-picker.min.css
vendored
Normal file
9
view/molistar/modules/guild-ar/css/lay-picker.min.css
vendored
Normal file
@@ -0,0 +1,9 @@
|
||||
/**
|
||||
*
|
||||
* 移动端底部抽屉选择器
|
||||
* @author yyq
|
||||
* @CSDN 慕云枫
|
||||
* @date 2023-12-07
|
||||
* @version 1.5
|
||||
*/
|
||||
ul,li{margin:0;padding:0}.lay-picker{position:fixed;left:0;top:0;width:100%;height:100%;z-index:99999999999999;display:none;overflow:hidden}.lay-picker-shade{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.4);z-index:9}.lay-picker-container{position:absolute;left:0;bottom:0;z-index:99;width:100%;background:#fff;color:#333;font-size:17px;-webkit-transition:transform .25s;-webkit-transform:translate3d(0,100%,0);transition:transform .25s;transform:translate3d(0,100%,0)}.lay-picker-header{height:50px;line-height:50px;border-bottom:1px solid #f3f3f3;margin-bottom:1px;margin:0 15px}.lay-picker-title{text-align:center;position:absolute;top:0;left:0;z-index:9;width:100%;color:#333}.lay-picker-search{margin:0 15px;text-align:center;padding:5px 0}.lay-picker-search input{text-align:center;height:40px;line-height:40px;border:0;border-bottom:1px solid #f3f3f3;transition:all .2s;-webkit-transition:all .2s;box-shadow:none !important;font-size:14px}.lay-picker-search input:hover,.lay-picker-search input:focus{border:none !important;border-bottom:1px solid #e5e5e5 !important}.lay-picker-btn{position:relative;z-index:99}.lay-picker-cancel{color:#333}.lay-picker-confirm{float:right;color:#228fff}.lay-picker-shadowup,.lay-picker-shadowdown{height:120px;width:100%;position:absolute;left:0;z-index:50}.lay-picker-shadowup{height:115px;top:-1px;background:-webkit-linear-gradient(to bottom,#FFF,rgba(255,255,255,.6));background:linear-gradient(to bottom,#FFF,rgba(255,255,255,.6));pointer-events:none;border-bottom:1px solid #efefef}.lay-picker-shadowdown{height:130px;bottom:0;background:-webkit-linear-gradient(to top,#FFF,rgba(255,255,255,.6));background:linear-gradient(to top,#FFF,rgba(255,255,255,.6));pointer-events:none;border-top:1px solid #efefef}.lay-picker-content{position:relative;height:300px;margin:15px;overflow:hidden}.lay-picker-box{overflow:hidden}.lay-picker-box:after{display:table;height:0;clear:both;content:''}.lay-picker-list-wrap{float:left;height:300px;overflow:hidden;-webkit-transition:width .2s;transition:width .2s}.lay-picker-list-wrap ul{position:relative;padding:100px 0;margin-top:17px;-webkit-transition:transform .1s ease-out;transition:transform .1s ease-out}.lay-picker-list-wrap ul:after{position:absolute;top:0;left:0;right:0;bottom:0;z-index:55;content:''}.lay-picker-list-wrap li{line-height:50px;height:50px;text-align:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.lay-picker-bottom{text-align:center;margin-top:10px;margin-bottom:30px;font-size:16px}.lay-picker-bottom-btn{border-radius:6px;display:inline-block;width:30%;height:40px;line-height:40px}.lay-picker-bottom-btn-cancel{color:#333;background:#efefef;margin-right:3%}.lay-picker-bottom-btn-confirm{color:#fff;background:#33c119}
|
||||
159
view/molistar/modules/guild-ar/css/mobile.css
Normal file
159
view/molistar/modules/guild-ar/css/mobile.css
Normal file
@@ -0,0 +1,159 @@
|
||||
.mobileSelect {
|
||||
position: relative;
|
||||
z-index: 0;
|
||||
opacity: 0;
|
||||
visibility: hidden;
|
||||
-webkit-transition: all .1s;
|
||||
transition: all .1s
|
||||
}
|
||||
|
||||
.mobileSelect .grayLayer {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
background: #eee;
|
||||
background: rgba(0,0,0,.7);
|
||||
z-index: 888;
|
||||
display: block
|
||||
}
|
||||
|
||||
.mobileSelect .content {
|
||||
width: 100%;
|
||||
display: block;
|
||||
position: fixed;
|
||||
z-index: 889;
|
||||
color: #000;
|
||||
-webkit-transition: all .4s;
|
||||
transition: all .4s;
|
||||
bottom: -350px;
|
||||
left: 0;
|
||||
background: #fff
|
||||
}
|
||||
|
||||
.mobileSelect .content .fixWidth {
|
||||
width: 90%;
|
||||
margin: 0 auto;
|
||||
position: relative
|
||||
}
|
||||
|
||||
.mobileSelect .content .fixWidth:after {
|
||||
content: ".";
|
||||
display: block;
|
||||
height: 0;
|
||||
clear: both;
|
||||
visibility: hidden
|
||||
}
|
||||
|
||||
.mobileSelect .content .btnBar {
|
||||
border-bottom: 1px solid #dcdcdc;
|
||||
font-size: 15px;
|
||||
height: 45px;
|
||||
position: relative;
|
||||
text-align: center;
|
||||
line-height: 45px
|
||||
}
|
||||
|
||||
.mobileSelect .content .btnBar .cancel,.mobileSelect .content .btnBar .ensure {
|
||||
height: 45px;
|
||||
width: 55px;
|
||||
cursor: pointer;
|
||||
position: absolute;
|
||||
top: 0
|
||||
}
|
||||
|
||||
.mobileSelect .content .btnBar .cancel {
|
||||
left: 0;
|
||||
color: #A4ABB2;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.mobileSelect .content .btnBar .ensure {
|
||||
right: 0;
|
||||
color: #515665;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.mobileSelect .content .btnBar .title {
|
||||
font-size: 15px;
|
||||
}
|
||||
|
||||
.mobileSelect .content .panel:after {
|
||||
content: ".";
|
||||
display: block;
|
||||
height: 0;
|
||||
clear: both;
|
||||
visibility: hidden
|
||||
}
|
||||
|
||||
.mobileSelect .content .panel .wheels {
|
||||
width: 100%;
|
||||
height: 200px;
|
||||
overflow: hidden
|
||||
}
|
||||
|
||||
.mobileSelect .content .panel .wheel {
|
||||
position: relative;
|
||||
z-index: 0;
|
||||
float: left;
|
||||
width: 50%;
|
||||
height: 200px;
|
||||
overflow: hidden;
|
||||
-webkit-transition: width .3s ease;
|
||||
transition: width .3s ease
|
||||
}
|
||||
|
||||
.mobileSelect .content .panel .wheel .selectContainer {
|
||||
display: block;
|
||||
text-align: center;
|
||||
-webkit-transition: -webkit-transform .18s ease-out;
|
||||
transition: -webkit-transform .18s ease-out;
|
||||
transition: transform .18s ease-out;
|
||||
transition: transform .18s ease-out,-webkit-transform .18s ease-out
|
||||
}
|
||||
|
||||
.mobileSelect .content .panel .wheel .selectContainer li {
|
||||
font-size: 15px;
|
||||
display: block;
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
cursor: pointer;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis
|
||||
}
|
||||
|
||||
.mobileSelect .content .panel .selectLine {
|
||||
height: 40px;
|
||||
width: 100%;
|
||||
position: absolute;
|
||||
top: 80px;
|
||||
pointer-events: none;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
border-top: 1px solid #dcdcdc;
|
||||
border-bottom: 1px solid #dcdcdc
|
||||
}
|
||||
|
||||
.mobileSelect .content .panel .shadowMask {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
height: 200px;
|
||||
background: -webkit-gradient(linear,left top,left bottom,from(#ffffff),color-stop(rgba(255,255,255,0)),to(#ffffff));
|
||||
background: -webkit-linear-gradient(top,#ffffff,rgba(255,255,255,0),#ffffff);
|
||||
background: linear-gradient(to bottom,#ffffff,rgba(255,255,255,0),#ffffff);
|
||||
opacity: .9;
|
||||
pointer-events: none
|
||||
}
|
||||
|
||||
.mobileSelect-show {
|
||||
opacity: 1;
|
||||
z-index: 10000;
|
||||
visibility: visible
|
||||
}
|
||||
|
||||
.mobileSelect-show .content {
|
||||
bottom: 0
|
||||
}
|
||||
733
view/molistar/modules/guild-ar/css/personal.css
Normal file
733
view/molistar/modules/guild-ar/css/personal.css
Normal file
@@ -0,0 +1,733 @@
|
||||
html,
|
||||
body {
|
||||
width: 100%;
|
||||
height: 17.78667rem;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
|
||||
.back img {
|
||||
width: 0.58667rem;
|
||||
height: 0.58667rem;
|
||||
position: absolute;
|
||||
left: 0.24rem;
|
||||
top: 1.46667rem;
|
||||
}
|
||||
|
||||
.back .tab {
|
||||
width: 55%;
|
||||
height: 0.58667rem;
|
||||
line-height: 0.58667rem;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: 1.46667rem;
|
||||
}
|
||||
|
||||
.back .tab div {
|
||||
height: 100%;
|
||||
color: #AFB1B3;
|
||||
font-size: 0.37333rem;
|
||||
font-weight: 500;
|
||||
text-align: center;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.back .tab div span {
|
||||
width: 0.37333rem;
|
||||
height: 0.10667rem;
|
||||
border-radius: 0.10667rem;
|
||||
background: #04D5C6;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
bottom: -0.2rem;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.back .tab .act {
|
||||
color: #313131;
|
||||
font-size: 0.42667rem;
|
||||
}
|
||||
|
||||
.back .tab .act span {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.page1 .my {
|
||||
width: 9.14667rem;
|
||||
height: 2.10667rem;
|
||||
margin: 2.42667rem auto 0.26667rem;
|
||||
background: #F2F3F7;
|
||||
border-radius: 0.21333rem;
|
||||
padding: 0.32rem 0.53333rem;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.page1 .my .tx {
|
||||
float: left;
|
||||
width: 1.46667rem;
|
||||
height: 1.46667rem;
|
||||
display: block;
|
||||
margin-right: 0.32rem;
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.page1 .my .user {
|
||||
width: 4.66667rem;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.page1 .my .user p {
|
||||
color: #333333;
|
||||
font-size: 0.45333rem;
|
||||
font-weight: 600;
|
||||
margin-bottom: 0.13333rem;
|
||||
margin-top: 0.34667rem;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
.page1 .my .user b {
|
||||
color: #7B7B7D;
|
||||
font-size: 0.37333rem;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.page1 .diamond {
|
||||
width: 9.14667rem;
|
||||
height: 1.17333rem;
|
||||
line-height: 1.17333rem;
|
||||
background: #F2F3F7;
|
||||
margin: 0 auto 0.26667rem;
|
||||
border-radius: 0.21333rem;
|
||||
overflow: hidden;
|
||||
box-sizing: border-box;
|
||||
padding: 0 0.29333rem;
|
||||
}
|
||||
|
||||
.page1 .diamond p {
|
||||
float: left;
|
||||
width: 6rem;
|
||||
color: #313131;
|
||||
font-size: 0.4rem;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.page1 .diamond p i {
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
.page1 .diamond .withdraw {
|
||||
width: 2.08rem;
|
||||
height: 0.82667rem;
|
||||
border-radius: 0.82667rem;
|
||||
line-height: 0.82667rem;
|
||||
background: #04D5C6;
|
||||
color: #fff;
|
||||
font-size: 0.34667rem;
|
||||
font-weight: 500;
|
||||
text-align: center;
|
||||
float: right;
|
||||
margin-top: 0.18667rem;
|
||||
}
|
||||
|
||||
.page1 .account {
|
||||
width: 9.14667rem;
|
||||
height: 0.85333rem;
|
||||
line-height: 0.85333rem;
|
||||
border-radius: 0.21333rem;
|
||||
background: #04D5C6;
|
||||
margin: 0 auto 0.26667rem;
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
font-size: 0.4rem;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.page1 .incomeTitle {
|
||||
width: 9.14667rem;
|
||||
height: 0.66667rem;
|
||||
line-height: 0.66667rem;
|
||||
position: relative;
|
||||
margin: 0 auto 0.13333rem;
|
||||
}
|
||||
|
||||
.page1 .incomeTitle span {
|
||||
position: absolute;
|
||||
width: 0.10667rem;
|
||||
height: 0.45333rem;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
left: -0.26667rem;
|
||||
background: #04D5C6;
|
||||
}
|
||||
|
||||
.page1 .incomeTitle b {
|
||||
display: block;
|
||||
float: left;
|
||||
color: #313131;
|
||||
font-size: 0.48rem;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.page1 .incomeTitle i {
|
||||
font-style: normal;
|
||||
display: block;
|
||||
float: left;
|
||||
height: 0.45333rem;
|
||||
border-radius: 0.45333rem;
|
||||
line-height: 0.45333rem;
|
||||
padding: 0.05333rem 0.21333rem;
|
||||
background: #313131;
|
||||
color: #fff;
|
||||
margin: 0.10667rem 0.26667rem 0;
|
||||
}
|
||||
|
||||
.page1 .copywriting1 {
|
||||
width: 9.14667rem;
|
||||
height: 0.90667rem;
|
||||
line-height: 0.4rem;
|
||||
margin: 0 auto 0.26667rem;
|
||||
color: #AFB1B3;
|
||||
font-size: 0.32rem;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.page1 .incomeBox {
|
||||
width: 9.14667rem;
|
||||
height: 2.82667rem;
|
||||
position: relative;
|
||||
margin: 0 auto 0.26667rem;
|
||||
background: #EBFFF6;
|
||||
border-radius: 0.21333rem;
|
||||
box-sizing: border-box;
|
||||
padding: 0.24rem;
|
||||
}
|
||||
|
||||
.page1 .incomeBox .d {
|
||||
width: 100%;
|
||||
height: 0.48rem;
|
||||
line-height: 0.48rem;
|
||||
margin-bottom: 0.29333rem;
|
||||
}
|
||||
|
||||
.page1 .incomeBox .d b {
|
||||
display: block;
|
||||
float: left;
|
||||
color: #313131;
|
||||
font-size: 0.37333rem;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.page1 .incomeBox .d img {
|
||||
display: block;
|
||||
width: 0.48rem;
|
||||
height: 0.48rem;
|
||||
float: left;
|
||||
margin: 0 0.13333rem;
|
||||
}
|
||||
|
||||
.page1 .incomeBox .d span {
|
||||
display: block;
|
||||
float: right;
|
||||
color: #313131;
|
||||
font-size: 0.34667rem;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.page1 .incomeBox .line {
|
||||
width: 8.66667rem;
|
||||
height: 0.02667rem;
|
||||
background: #C2E7D6;
|
||||
margin: 0 auto 0.26667rem;
|
||||
}
|
||||
|
||||
.page1 .incomeTitleLast {
|
||||
width: 9.14667rem;
|
||||
height: 0.66667rem;
|
||||
line-height: 0.66667rem;
|
||||
position: relative;
|
||||
margin: 0 auto 0.13333rem;
|
||||
}
|
||||
|
||||
.page1 .incomeTitleLast span {
|
||||
position: absolute;
|
||||
width: 0.10667rem;
|
||||
height: 0.45333rem;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
left: -0.26667rem;
|
||||
background: #04D5C6;
|
||||
}
|
||||
|
||||
.page1 .incomeTitleLast b {
|
||||
display: block;
|
||||
float: left;
|
||||
color: #313131;
|
||||
font-size: 0.48rem;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.page1 .incomeTitleLast i {
|
||||
font-style: normal;
|
||||
display: block;
|
||||
float: left;
|
||||
height: 0.45333rem;
|
||||
border-radius: 0.45333rem;
|
||||
line-height: 0.45333rem;
|
||||
padding: 0.05333rem 0.21333rem;
|
||||
background: #313131;
|
||||
color: #fff;
|
||||
margin: 0.10667rem 0.26667rem 0;
|
||||
}
|
||||
|
||||
.page1 .incomeBoxLast {
|
||||
width: 9.14667rem;
|
||||
height: 2.82667rem;
|
||||
position: relative;
|
||||
margin: 0.26667rem auto 0.26667rem;
|
||||
background: #F2F3F7;
|
||||
border-radius: 0.21333rem;
|
||||
box-sizing: border-box;
|
||||
padding: 0.24rem;
|
||||
}
|
||||
|
||||
.page1 .incomeBoxLast .d {
|
||||
width: 100%;
|
||||
height: 0.48rem;
|
||||
line-height: 0.48rem;
|
||||
margin-bottom: 0.29333rem;
|
||||
}
|
||||
|
||||
.page1 .incomeBoxLast .d b {
|
||||
display: block;
|
||||
float: left;
|
||||
color: #313131;
|
||||
font-size: 0.37333rem;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.page1 .incomeBoxLast .d img {
|
||||
display: block;
|
||||
width: 0.48rem;
|
||||
height: 0.48rem;
|
||||
float: left;
|
||||
margin: 0 0.13333rem;
|
||||
}
|
||||
|
||||
.page1 .incomeBoxLast .d span {
|
||||
display: block;
|
||||
float: right;
|
||||
color: #313131;
|
||||
font-size: 0.34667rem;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.page1 .incomeBoxLast .line {
|
||||
width: 8.66667rem;
|
||||
height: 0.02667rem;
|
||||
background: #E4E4E4;
|
||||
margin: 0 auto 0.26667rem;
|
||||
}
|
||||
|
||||
.page2 {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.page2 .agentSalary {
|
||||
width: 9.14667rem;
|
||||
height: 0.66667rem;
|
||||
line-height: 0.66667rem;
|
||||
position: relative;
|
||||
margin: 2.66667rem auto 0.13333rem;
|
||||
}
|
||||
|
||||
.page2 .agentSalary span {
|
||||
position: absolute;
|
||||
width: 0.10667rem;
|
||||
height: 0.45333rem;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
left: -0.26667rem;
|
||||
background: #04D5C6;
|
||||
}
|
||||
|
||||
.page2 .agentSalary b {
|
||||
display: block;
|
||||
float: left;
|
||||
color: #313131;
|
||||
font-size: 0.48rem;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.page2 .agentSalary i {
|
||||
font-style: normal;
|
||||
display: block;
|
||||
float: left;
|
||||
height: 0.45333rem;
|
||||
border-radius: 0.45333rem;
|
||||
line-height: 0.45333rem;
|
||||
padding: 0.05333rem 0.21333rem;
|
||||
background: #313131;
|
||||
color: #fff;
|
||||
margin: 0.10667rem 0.26667rem 0;
|
||||
}
|
||||
|
||||
.page2 .agentSalary img {
|
||||
float: right;
|
||||
display: block;
|
||||
width: 0.56rem;
|
||||
height: 0.56rem;
|
||||
margin-top: 0.10667rem;
|
||||
}
|
||||
|
||||
.page2 .agentSalaryInfo {
|
||||
width: 9.14667rem;
|
||||
height: 3.54667rem;
|
||||
background: #F2F3F7;
|
||||
margin: 0.26667rem auto 0.26667rem;
|
||||
border-radius: 0.21333rem;
|
||||
box-sizing: border-box;
|
||||
padding: 0.24rem 0.24rem;
|
||||
}
|
||||
|
||||
.page2 .agentSalaryInfo .top {
|
||||
width: 8.66667rem;
|
||||
height: 1.06667rem;
|
||||
line-height: 1.06667rem;
|
||||
background: #BBF6DB;
|
||||
border-radius: 0.21333rem;
|
||||
box-sizing: border-box;
|
||||
padding: 0 0.24rem;
|
||||
}
|
||||
|
||||
.page2 .agentSalaryInfo .top span {
|
||||
display: block;
|
||||
float: left;
|
||||
color: #313131;
|
||||
font-size: 0.42667rem;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.page2 .agentSalaryInfo .top img {
|
||||
display: block;
|
||||
width: 0.48rem;
|
||||
height: 0.48rem;
|
||||
float: left;
|
||||
margin: 0.32rem 0.13333rem 0;
|
||||
}
|
||||
|
||||
.page2 .agentSalaryInfo .top b {
|
||||
float: right;
|
||||
display: block;
|
||||
color: #313131;
|
||||
font-size: 0.48rem;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.page2 .agentSalaryInfo .bottom {
|
||||
width: 100%;
|
||||
height: 1.76rem;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin-top: 0.24rem;
|
||||
}
|
||||
|
||||
.page2 .agentSalaryInfo .bottom div {
|
||||
width: 4.21333rem;
|
||||
height: 1.76rem;
|
||||
background: #fff;
|
||||
border-radius: 0.21333rem;
|
||||
text-align: center;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.page2 .agentSalaryInfo .bottom div p {
|
||||
color: #313131;
|
||||
font-size: 0.48rem;
|
||||
font-weight: 600;
|
||||
margin-bottom: 0.2rem;
|
||||
margin-top: 0.33333rem;
|
||||
}
|
||||
|
||||
.page2 .agentSalaryInfo .bottom div p img {
|
||||
display: inline-block;
|
||||
width: 0.48rem;
|
||||
height: 0.48rem;
|
||||
}
|
||||
|
||||
.page2 .agentSalaryInfo .bottom div span {
|
||||
color: #7B7B7D;
|
||||
font-size: 0.29333rem;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.page2 .agentSalaryInfo .bottom .act {
|
||||
background: #DBF6FF;
|
||||
}
|
||||
|
||||
.page2 .agentSalary2 {
|
||||
width: 9.14667rem;
|
||||
height: 0.66667rem;
|
||||
line-height: 0.66667rem;
|
||||
position: relative;
|
||||
margin: 0 auto 0.26667rem;
|
||||
}
|
||||
|
||||
.page2 .agentSalary2 span {
|
||||
position: absolute;
|
||||
width: 0.10667rem;
|
||||
height: 0.45333rem;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
left: -0.26667rem;
|
||||
background: #04D5C6;
|
||||
}
|
||||
|
||||
.page2 .agentSalary2 b {
|
||||
display: block;
|
||||
float: left;
|
||||
color: #313131;
|
||||
font-size: 0.48rem;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.page2 .agentSalary2 i {
|
||||
font-style: normal;
|
||||
display: block;
|
||||
float: left;
|
||||
height: 0.45333rem;
|
||||
border-radius: 0.45333rem;
|
||||
line-height: 0.45333rem;
|
||||
padding: 0.05333rem 0.21333rem;
|
||||
background: #313131;
|
||||
color: #fff;
|
||||
margin: 0.10667rem 0.26667rem 0;
|
||||
}
|
||||
|
||||
.page2 .agentSalary2 img {
|
||||
float: right;
|
||||
display: block;
|
||||
width: 0.56rem;
|
||||
height: 0.56rem;
|
||||
margin-top: 0.10667rem;
|
||||
}
|
||||
|
||||
.page2 .data {
|
||||
width: 9.14667rem;
|
||||
height: 13rem;
|
||||
margin: 0 auto 0rem;
|
||||
overflow-y: scroll;
|
||||
}
|
||||
|
||||
.page2 .data::-webkit-scrollbar {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.page2 .data .box {
|
||||
width: 100%;
|
||||
height: 1.94667rem;
|
||||
border-radius: 0.21333rem;
|
||||
background: #DBF6FF;
|
||||
box-sizing: border-box;
|
||||
padding: 0 0.24rem;
|
||||
margin-bottom: 0.26667rem;
|
||||
}
|
||||
|
||||
.page2 .data .box .tx {
|
||||
float: left;
|
||||
width: 1.46667rem;
|
||||
height: 1.46667rem;
|
||||
border-radius: 50%;
|
||||
display: block;
|
||||
margin-top: 0.24rem;
|
||||
margin-right: 0.21333rem;
|
||||
}
|
||||
|
||||
.page2 .data .box .user {
|
||||
width: 3.33333rem;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.page2 .data .box .user p {
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
color: #333333;
|
||||
font-size: 0.42667rem;
|
||||
font-weight: 600;
|
||||
margin-top: 0.53333rem;
|
||||
margin-bottom: 0.13333rem;
|
||||
}
|
||||
|
||||
.page2 .data .box .user b {
|
||||
color: #7B7B7D;
|
||||
font-size: 0.34667rem;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.page2 .data .box .right {
|
||||
float: right;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.page2 .data .box .right p {
|
||||
color: #313131;
|
||||
font-size: 0.48rem;
|
||||
font-weight: 600;
|
||||
margin-top: 0.45333rem;
|
||||
margin-bottom: 0.2rem;
|
||||
}
|
||||
|
||||
.page2 .data .box .right b {
|
||||
color: #313131;
|
||||
font-size: 0.34667rem;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.arabic .my .tx {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.arabic .my .user {
|
||||
float: right;
|
||||
margin-right: 0.2rem;
|
||||
}
|
||||
|
||||
.arabic .incomeTitle span {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.arabic .incomeTitle b {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.arabic .incomeTitle i {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.arabic .incomeTitle span {
|
||||
left: auto;
|
||||
right: -0.26667rem;
|
||||
}
|
||||
|
||||
.arabic .incomeBox .d b {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.arabic .incomeBox .d img {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.arabic .incomeBox .d span {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.arabic .incomeTitleLast span {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.arabic .incomeTitleLast b {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.arabic .incomeTitleLast i {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.arabic .incomeTitleLast span {
|
||||
left: auto;
|
||||
right: -0.26667rem;
|
||||
}
|
||||
|
||||
.arabic .incomeBoxLast .d b {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.arabic .incomeBoxLast .d img {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.arabic .incomeBoxLast .d span {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.arabic .page1 .diamond p {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.arabic .page1 .diamond .withdraw {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.arabic .page2 .agentSalary b,
|
||||
.arabic .page2 .agentSalary2 b {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.arabic .page2 .agentSalary i,
|
||||
.arabic .page2 .agentSalary2 i {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.arabic .page2 .agentSalary img,
|
||||
.arabic .page2 .agentSalary2 img {
|
||||
float: left;
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
|
||||
.arabic .page2 .agentSalary span,
|
||||
.arabic .page2 .agentSalary2 span {
|
||||
left: auto;
|
||||
right: -0.26667rem;
|
||||
}
|
||||
|
||||
.arabic .page2 .agentSalaryInfo .top span {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.arabic .page2 .agentSalaryInfo .top img {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.arabic .page2 .agentSalaryInfo .top b {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.arabic .page2 .data .box .tx {
|
||||
float: right;
|
||||
margin-left: 0.2rem;
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
.arabic .page2 .data .box .user {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.arabic .page2 .data .box .right {
|
||||
float: left;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.arabic .back img {
|
||||
left: auto;
|
||||
right: 0.24rem;
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
757
view/molistar/modules/guild-ar/css/personal.scss
Normal file
757
view/molistar/modules/guild-ar/css/personal.scss
Normal file
@@ -0,0 +1,757 @@
|
||||
@function px2rem($px) {
|
||||
@return $px / 75+rem;
|
||||
}
|
||||
|
||||
html,
|
||||
body {
|
||||
width: 100%;
|
||||
height: px2rem(1334);
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.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;
|
||||
|
||||
img {
|
||||
width: px2rem(44);
|
||||
height: px2rem(44);
|
||||
position: absolute;
|
||||
left: px2rem(18);
|
||||
top: px2rem(110);
|
||||
}
|
||||
|
||||
.tab {
|
||||
width: 55%;
|
||||
height: px2rem(44);
|
||||
line-height: px2rem(44);
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: px2rem(110);
|
||||
|
||||
div {
|
||||
height: 100%;
|
||||
color: #AFB1B3;
|
||||
font-size: px2rem(28);
|
||||
font-weight: 500;
|
||||
text-align: center;
|
||||
position: relative;
|
||||
|
||||
span {
|
||||
width: px2rem(28);
|
||||
height: px2rem(8);
|
||||
border-radius: px2rem(8);
|
||||
background: #04D5C6;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
bottom: px2rem(-15);
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.act {
|
||||
color: #313131;
|
||||
font-size: px2rem(32);
|
||||
|
||||
span {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.page1 {
|
||||
// display: none;
|
||||
|
||||
.my {
|
||||
width: px2rem(686);
|
||||
height: px2rem(158);
|
||||
margin: px2rem(182) auto px2rem(20);
|
||||
background: #F2F3F7;
|
||||
border-radius: px2rem(16);
|
||||
padding: px2rem(24) px2rem(40);
|
||||
box-sizing: border-box;
|
||||
|
||||
.tx {
|
||||
float: left;
|
||||
width: px2rem(110);
|
||||
height: px2rem(110);
|
||||
display: block;
|
||||
margin-right: px2rem(24);
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.user {
|
||||
width: px2rem(350);
|
||||
float: left;
|
||||
|
||||
p {
|
||||
color: #333333;
|
||||
font-size: px2rem(34);
|
||||
font-weight: 600;
|
||||
margin-bottom: px2rem(10);
|
||||
margin-top: px2rem(26);
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
|
||||
}
|
||||
|
||||
b {
|
||||
color: #7B7B7D;
|
||||
font-size: px2rem(28);
|
||||
font-weight: 400;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.diamond {
|
||||
width: px2rem(686);
|
||||
height: px2rem(88);
|
||||
line-height: px2rem(88);
|
||||
background: #F2F3F7;
|
||||
margin: 0 auto px2rem(20);
|
||||
border-radius: px2rem(16);
|
||||
overflow: hidden;
|
||||
box-sizing: border-box;
|
||||
padding: 0 px2rem(22);
|
||||
|
||||
p {
|
||||
float: left;
|
||||
width: px2rem(450);
|
||||
color: #313131;
|
||||
font-size: px2rem(30);
|
||||
font-weight: 500;
|
||||
|
||||
i {
|
||||
font-style: normal;
|
||||
}
|
||||
}
|
||||
|
||||
.withdraw {
|
||||
width: px2rem(156);
|
||||
height: px2rem(62);
|
||||
border-radius: px2rem(62);
|
||||
line-height: px2rem(62);
|
||||
background: #04D5C6;
|
||||
color: #fff;
|
||||
font-size: px2rem(26);
|
||||
font-weight: 500;
|
||||
text-align: center;
|
||||
float: right;
|
||||
margin-top: px2rem(14);
|
||||
}
|
||||
}
|
||||
|
||||
.account {
|
||||
width: px2rem(686);
|
||||
height: px2rem(64);
|
||||
line-height: px2rem(64);
|
||||
border-radius: px2rem(16);
|
||||
background: #04D5C6;
|
||||
margin: 0 auto px2rem(20);
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
font-size: px2rem(30);
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.incomeTitle {
|
||||
width: px2rem(686);
|
||||
height: px2rem(50);
|
||||
line-height: px2rem(50);
|
||||
position: relative;
|
||||
margin: 0 auto px2rem(10);
|
||||
|
||||
span {
|
||||
position: absolute;
|
||||
width: px2rem(8);
|
||||
height: px2rem(34);
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
left: px2rem(-20);
|
||||
background: #04D5C6;
|
||||
}
|
||||
|
||||
b {
|
||||
display: block;
|
||||
float: left;
|
||||
color: #313131;
|
||||
font-size: px2rem(36);
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
i {
|
||||
font-style: normal;
|
||||
display: block;
|
||||
float: left;
|
||||
height: px2rem(34);
|
||||
border-radius: px2rem(34);
|
||||
line-height: px2rem(34);
|
||||
padding: px2rem(4) px2rem(16);
|
||||
background: #313131;
|
||||
color: #fff;
|
||||
margin: px2rem(8) px2rem(20) 0;
|
||||
}
|
||||
}
|
||||
|
||||
.copywriting1 {
|
||||
width: px2rem(686);
|
||||
height: px2rem(68);
|
||||
line-height: 0.4rem;
|
||||
margin: 0 auto px2rem(20);
|
||||
color: #AFB1B3;
|
||||
font-size: px2rem(24);
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.incomeBox {
|
||||
width: px2rem(686);
|
||||
height: px2rem(212);
|
||||
position: relative;
|
||||
margin: 0 auto px2rem(20);
|
||||
background: #EBFFF6;
|
||||
border-radius: px2rem(16);
|
||||
box-sizing: border-box;
|
||||
padding: px2rem(18);
|
||||
|
||||
.d {
|
||||
width: 100%;
|
||||
height: px2rem(36);
|
||||
line-height: px2rem(36);
|
||||
margin-bottom: px2rem(22);
|
||||
|
||||
b {
|
||||
display: block;
|
||||
float: left;
|
||||
color: #313131;
|
||||
font-size: px2rem(28);
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
img {
|
||||
display: block;
|
||||
width: px2rem(36);
|
||||
height: px2rem(36);
|
||||
float: left;
|
||||
margin: 0 px2rem(10);
|
||||
}
|
||||
|
||||
span {
|
||||
display: block;
|
||||
float: right;
|
||||
color: #313131;
|
||||
font-size: px2rem(26);
|
||||
font-weight: 600;
|
||||
}
|
||||
}
|
||||
|
||||
.line {
|
||||
width: px2rem(650);
|
||||
height: px2rem(2);
|
||||
background: #C2E7D6;
|
||||
margin: 0 auto px2rem(20);
|
||||
}
|
||||
}
|
||||
|
||||
.incomeTitleLast {
|
||||
width: px2rem(686);
|
||||
height: px2rem(50);
|
||||
line-height: px2rem(50);
|
||||
position: relative;
|
||||
margin: 0 auto px2rem(10);
|
||||
|
||||
span {
|
||||
position: absolute;
|
||||
width: px2rem(8);
|
||||
height: px2rem(34);
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
left: px2rem(-20);
|
||||
background: #04D5C6;
|
||||
}
|
||||
|
||||
b {
|
||||
display: block;
|
||||
float: left;
|
||||
color: #313131;
|
||||
font-size: px2rem(36);
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
i {
|
||||
font-style: normal;
|
||||
display: block;
|
||||
float: left;
|
||||
height: px2rem(34);
|
||||
border-radius: px2rem(34);
|
||||
line-height: px2rem(34);
|
||||
padding: px2rem(4) px2rem(16);
|
||||
background: #313131;
|
||||
color: #fff;
|
||||
margin: px2rem(8) px2rem(20) 0;
|
||||
}
|
||||
}
|
||||
|
||||
.incomeBoxLast {
|
||||
width: px2rem(686);
|
||||
height: px2rem(212);
|
||||
position: relative;
|
||||
margin: px2rem(20) auto px2rem(20);
|
||||
background: #F2F3F7;
|
||||
border-radius: px2rem(16);
|
||||
box-sizing: border-box;
|
||||
padding: px2rem(18);
|
||||
|
||||
.d {
|
||||
width: 100%;
|
||||
height: px2rem(36);
|
||||
line-height: px2rem(36);
|
||||
margin-bottom: px2rem(22);
|
||||
|
||||
b {
|
||||
display: block;
|
||||
float: left;
|
||||
color: #313131;
|
||||
font-size: px2rem(28);
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
img {
|
||||
display: block;
|
||||
width: px2rem(36);
|
||||
height: px2rem(36);
|
||||
float: left;
|
||||
margin: 0 px2rem(10);
|
||||
}
|
||||
|
||||
span {
|
||||
display: block;
|
||||
float: right;
|
||||
color: #313131;
|
||||
font-size: px2rem(26);
|
||||
font-weight: 600;
|
||||
}
|
||||
}
|
||||
|
||||
.line {
|
||||
width: px2rem(650);
|
||||
height: px2rem(2);
|
||||
background: #E4E4E4;
|
||||
margin: 0 auto px2rem(20);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.page2 {
|
||||
display: none;
|
||||
|
||||
.agentSalary {
|
||||
width: px2rem(686);
|
||||
height: px2rem(50);
|
||||
line-height: px2rem(50);
|
||||
position: relative;
|
||||
margin: px2rem(200) auto px2rem(10);
|
||||
|
||||
span {
|
||||
position: absolute;
|
||||
width: px2rem(8);
|
||||
height: px2rem(34);
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
left: px2rem(-20);
|
||||
background: #04D5C6;
|
||||
}
|
||||
|
||||
b {
|
||||
display: block;
|
||||
float: left;
|
||||
color: #313131;
|
||||
font-size: px2rem(36);
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
i {
|
||||
font-style: normal;
|
||||
display: block;
|
||||
float: left;
|
||||
height: px2rem(34);
|
||||
border-radius: px2rem(34);
|
||||
line-height: px2rem(34);
|
||||
padding: px2rem(4) px2rem(16);
|
||||
background: #313131;
|
||||
color: #fff;
|
||||
margin: px2rem(8) px2rem(20) 0;
|
||||
}
|
||||
|
||||
img {
|
||||
float: right;
|
||||
display: block;
|
||||
width: px2rem(42);
|
||||
height: px2rem(42);
|
||||
margin-top: px2rem(8);
|
||||
}
|
||||
}
|
||||
|
||||
.agentSalaryInfo {
|
||||
width: px2rem(686);
|
||||
height: px2rem(266);
|
||||
background: #F2F3F7;
|
||||
margin: px2rem(20) auto px2rem(20);
|
||||
border-radius: px2rem(16);
|
||||
box-sizing: border-box;
|
||||
padding: px2rem(18) px2rem(18);
|
||||
|
||||
.top {
|
||||
width: px2rem(650);
|
||||
height: px2rem(80);
|
||||
line-height: px2rem(80);
|
||||
background: #BBF6DB;
|
||||
border-radius: px2rem(16);
|
||||
box-sizing: border-box;
|
||||
padding: 0 px2rem(18);
|
||||
|
||||
span {
|
||||
display: block;
|
||||
float: left;
|
||||
color: #313131;
|
||||
font-size: px2rem(32);
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
img {
|
||||
display: block;
|
||||
width: px2rem(36);
|
||||
height: px2rem(36);
|
||||
float: left;
|
||||
margin: px2rem(24) px2rem(10) 0;
|
||||
}
|
||||
|
||||
b {
|
||||
float: right;
|
||||
display: block;
|
||||
color: #313131;
|
||||
font-size: px2rem(36);
|
||||
font-weight: 600;
|
||||
}
|
||||
}
|
||||
|
||||
.bottom {
|
||||
width: 100%;
|
||||
height: px2rem(132);
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin-top: px2rem(18);
|
||||
|
||||
div {
|
||||
width: px2rem(316);
|
||||
height: px2rem(132);
|
||||
background: #fff;
|
||||
border-radius: px2rem(16);
|
||||
text-align: center;
|
||||
overflow: hidden;
|
||||
|
||||
p {
|
||||
color: #313131;
|
||||
font-size: px2rem(36);
|
||||
font-weight: 600;
|
||||
margin-bottom: px2rem(15);
|
||||
margin-top: px2rem(25);
|
||||
|
||||
img {
|
||||
display: inline-block;
|
||||
width: px2rem(36);
|
||||
height: px2rem(36);
|
||||
}
|
||||
}
|
||||
|
||||
span {
|
||||
color: #7B7B7D;
|
||||
font-size: px2rem(22);
|
||||
font-weight: 400;
|
||||
}
|
||||
}
|
||||
|
||||
.act {
|
||||
background: #DBF6FF;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.agentSalary2 {
|
||||
width: px2rem(686);
|
||||
height: px2rem(50);
|
||||
line-height: px2rem(50);
|
||||
position: relative;
|
||||
margin: 0 auto px2rem(20);
|
||||
|
||||
span {
|
||||
position: absolute;
|
||||
width: px2rem(8);
|
||||
height: px2rem(34);
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
left: px2rem(-20);
|
||||
background: #04D5C6;
|
||||
}
|
||||
|
||||
b {
|
||||
display: block;
|
||||
float: left;
|
||||
color: #313131;
|
||||
font-size: px2rem(36);
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
i {
|
||||
font-style: normal;
|
||||
display: block;
|
||||
float: left;
|
||||
height: px2rem(34);
|
||||
border-radius: px2rem(34);
|
||||
line-height: px2rem(34);
|
||||
padding: px2rem(4) px2rem(16);
|
||||
background: #313131;
|
||||
color: #fff;
|
||||
margin: px2rem(8) px2rem(20) 0;
|
||||
}
|
||||
|
||||
img {
|
||||
float: right;
|
||||
display: block;
|
||||
width: px2rem(42);
|
||||
height: px2rem(42);
|
||||
margin-top: px2rem(8);
|
||||
}
|
||||
}
|
||||
|
||||
.data {
|
||||
width: px2rem(686);
|
||||
height: 13rem;
|
||||
margin: 0 auto px2rem(0);
|
||||
overflow-y: scroll;
|
||||
|
||||
&::-webkit-scrollbar {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.box {
|
||||
width: 100%;
|
||||
height: px2rem(146);
|
||||
border-radius: px2rem(16);
|
||||
background: #DBF6FF;
|
||||
box-sizing: border-box;
|
||||
padding: 0 px2rem(18);
|
||||
margin-bottom: px2rem(20);
|
||||
|
||||
.tx {
|
||||
float: left;
|
||||
width: px2rem(110);
|
||||
height: px2rem(110);
|
||||
border-radius: 50%;
|
||||
display: block;
|
||||
margin-top: px2rem(18);
|
||||
margin-right: px2rem(16);
|
||||
}
|
||||
|
||||
.user {
|
||||
width: px2rem(250);
|
||||
float: left;
|
||||
|
||||
p {
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
color: #333333;
|
||||
font-size: px2rem(32);
|
||||
font-weight: 600;
|
||||
margin-top: px2rem(40);
|
||||
margin-bottom: px2rem(10);
|
||||
}
|
||||
|
||||
b {
|
||||
color: #7B7B7D;
|
||||
font-size: px2rem(26);
|
||||
font-weight: 400;
|
||||
}
|
||||
}
|
||||
|
||||
.right {
|
||||
float: right;
|
||||
text-align: right;
|
||||
|
||||
p {
|
||||
color: #313131;
|
||||
font-size: px2rem(36);
|
||||
font-weight: 600;
|
||||
margin-top: px2rem(34);
|
||||
margin-bottom: px2rem(15);
|
||||
}
|
||||
|
||||
b {
|
||||
color: #313131;
|
||||
font-size: px2rem(26);
|
||||
font-weight: 400;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.arabic {
|
||||
.my .tx {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.my .user {
|
||||
float: right;
|
||||
margin-right: 0.2rem;
|
||||
}
|
||||
|
||||
.incomeTitle {
|
||||
span {
|
||||
float: right;
|
||||
}
|
||||
|
||||
b {
|
||||
float: right;
|
||||
}
|
||||
|
||||
i {
|
||||
float: right;
|
||||
}
|
||||
|
||||
span {
|
||||
left: auto;
|
||||
right: -0.26667rem;
|
||||
}
|
||||
}
|
||||
|
||||
.incomeBox .d {
|
||||
b {
|
||||
float: right;
|
||||
}
|
||||
|
||||
img {
|
||||
float: right;
|
||||
}
|
||||
|
||||
span {
|
||||
float: left;
|
||||
}
|
||||
}
|
||||
|
||||
.incomeTitleLast {
|
||||
span {
|
||||
float: right;
|
||||
}
|
||||
|
||||
b {
|
||||
float: right;
|
||||
}
|
||||
|
||||
i {
|
||||
float: right;
|
||||
}
|
||||
|
||||
span {
|
||||
left: auto;
|
||||
right: -0.26667rem;
|
||||
}
|
||||
}
|
||||
|
||||
.incomeBoxLast .d {
|
||||
b {
|
||||
float: right;
|
||||
}
|
||||
|
||||
img {
|
||||
float: right;
|
||||
}
|
||||
|
||||
span {
|
||||
float: left;
|
||||
}
|
||||
}
|
||||
|
||||
.page1 .diamond p {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.page1 .diamond .withdraw {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.page2 .agentSalary,
|
||||
.page2 .agentSalary2 {
|
||||
b {
|
||||
float: right;
|
||||
}
|
||||
|
||||
i {
|
||||
float: right;
|
||||
}
|
||||
|
||||
img {
|
||||
float: left;
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
|
||||
span {
|
||||
left: auto;
|
||||
right: px2rem(-20);
|
||||
}
|
||||
}
|
||||
|
||||
.page2 .agentSalaryInfo {
|
||||
.top {
|
||||
span {
|
||||
float: right;
|
||||
}
|
||||
|
||||
img {
|
||||
float: right;
|
||||
}
|
||||
|
||||
b {
|
||||
float: left;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.page2 .data .box {
|
||||
.tx {
|
||||
float: right;
|
||||
margin-left: 0.2rem;
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
.user {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.right {
|
||||
float: left;
|
||||
text-align: left;
|
||||
}
|
||||
}
|
||||
|
||||
.back img {
|
||||
left: auto;
|
||||
right: 0.24rem;
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
}
|
||||
124
view/molistar/modules/guild-ar/css/record.css
Normal file
124
view/molistar/modules/guild-ar/css/record.css
Normal file
@@ -0,0 +1,124 @@
|
||||
body,
|
||||
html {
|
||||
width: 100%;
|
||||
background: #f4f4f4;
|
||||
}
|
||||
|
||||
.nav {
|
||||
width: 100%;
|
||||
height: 2.34667rem;
|
||||
background: #f4f4f4;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
z-index: 100;
|
||||
}
|
||||
|
||||
.nav .back {
|
||||
width: 0.58667rem;
|
||||
height: 0.58667rem;
|
||||
position: absolute;
|
||||
left: 0.4rem;
|
||||
bottom: 0.29333rem;
|
||||
}
|
||||
|
||||
.nav p {
|
||||
height: 0.58667rem;
|
||||
line-height: 0.58667rem;
|
||||
font-size: 0.42667rem;
|
||||
font-weight: 500;
|
||||
color: #313131;
|
||||
position: absolute;
|
||||
bottom: 0.26667rem;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
|
||||
ul {
|
||||
width: 9.14667rem;
|
||||
margin: 2.34667rem auto 0;
|
||||
}
|
||||
|
||||
ul .date {
|
||||
width: 100%;
|
||||
height: 0.93333rem;
|
||||
line-height: 0.93333rem;
|
||||
font-weight: 500;
|
||||
font-size: 0.4rem;
|
||||
color: #313131;
|
||||
background: #f4f4f4;
|
||||
position: sticky;
|
||||
top: 2.34667rem;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
ul li {
|
||||
width: 100%;
|
||||
height: 2.08rem;
|
||||
background: #ffffff;
|
||||
border-radius: 0.32rem;
|
||||
margin-bottom: 0.37333rem;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
ul li .avatar {
|
||||
width: 1.46667rem;
|
||||
height: 1.46667rem;
|
||||
border-radius: 50%;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
left: 0.24rem;
|
||||
}
|
||||
|
||||
ul li .name {
|
||||
font-weight: 600;
|
||||
font-size: 0.42667rem;
|
||||
line-height: 0.58667rem;
|
||||
color: #313131;
|
||||
position: absolute;
|
||||
top: 0.48rem;
|
||||
left: 2.02667rem;
|
||||
max-width: 2.6rem;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
ul li .id {
|
||||
font-weight: 400;
|
||||
font-size: 0.34667rem;
|
||||
color: #7b7b7d;
|
||||
position: absolute;
|
||||
top: 1.22667rem;
|
||||
left: 2.02667rem;
|
||||
}
|
||||
|
||||
ul li span {
|
||||
font-weight: 400;
|
||||
font-size: 0.34667rem;
|
||||
color: #7b7b7d;
|
||||
position: absolute;
|
||||
top: 0.53333rem;
|
||||
right: 0.24rem;
|
||||
}
|
||||
|
||||
ul li span b {
|
||||
font-weight: 500;
|
||||
color: #ff9010;
|
||||
}
|
||||
|
||||
ul li .coins {
|
||||
font-size: 0.34667rem;
|
||||
color: #afb1b3;
|
||||
position: absolute;
|
||||
top: 1.12rem;
|
||||
right: 0.24rem;
|
||||
}
|
||||
|
||||
.arLang .nav .back {
|
||||
right: 0.4rem;
|
||||
left: unset;
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
131
view/molistar/modules/guild-ar/css/record.scss
Normal file
131
view/molistar/modules/guild-ar/css/record.scss
Normal file
@@ -0,0 +1,131 @@
|
||||
@function px2rem($px, $rem: 37.5) {
|
||||
@return $px / $rem + rem;
|
||||
}
|
||||
|
||||
body,
|
||||
html {
|
||||
width: 100%;
|
||||
background: #f4f4f4;
|
||||
}
|
||||
|
||||
.nav {
|
||||
width: 100%;
|
||||
height: px2rem(88);
|
||||
background: #f4f4f4;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
z-index: 100;
|
||||
|
||||
.back {
|
||||
width: px2rem(22);
|
||||
height: px2rem(22);
|
||||
position: absolute;
|
||||
left: px2rem(15);
|
||||
bottom: px2rem(11);
|
||||
}
|
||||
|
||||
p {
|
||||
height: px2rem(22);
|
||||
line-height: px2rem(22);
|
||||
font-size: px2rem(16);
|
||||
font-weight: 500;
|
||||
color: #313131;
|
||||
position: absolute;
|
||||
bottom: px2rem(10);
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
}
|
||||
|
||||
ul {
|
||||
width: px2rem(343);
|
||||
margin: px2rem(88) auto 0;
|
||||
|
||||
.date {
|
||||
width: 100%;
|
||||
height: px2rem(35);
|
||||
line-height: px2rem(35);
|
||||
font-weight: 500;
|
||||
font-size: px2rem(15);
|
||||
color: #313131;
|
||||
background: #f4f4f4;
|
||||
position: sticky;
|
||||
top: px2rem(88);
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
li {
|
||||
width: 100%;
|
||||
height: px2rem(78);
|
||||
background: #ffffff;
|
||||
border-radius: px2rem(12);
|
||||
margin-bottom: px2rem(14);
|
||||
position: relative;
|
||||
|
||||
.avatar {
|
||||
width: px2rem(55);
|
||||
height: px2rem(55);
|
||||
border-radius: 50%;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
left: px2rem(9);
|
||||
}
|
||||
|
||||
.name {
|
||||
font-weight: 600;
|
||||
font-size: px2rem(16);
|
||||
line-height: px2rem(22);
|
||||
color: #313131;
|
||||
position: absolute;
|
||||
top: px2rem(18);
|
||||
left: px2rem(76);
|
||||
max-width: 2.6rem;
|
||||
// 单行溢出省略
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
.id {
|
||||
font-weight: 400;
|
||||
font-size: px2rem(13);
|
||||
color: #7b7b7d;
|
||||
position: absolute;
|
||||
top: px2rem(46);
|
||||
left: px2rem(76);
|
||||
}
|
||||
span {
|
||||
font-weight: 400;
|
||||
font-size: px2rem(13);
|
||||
color: #7b7b7d;
|
||||
position: absolute;
|
||||
top: px2rem(20);
|
||||
right: px2rem(9);
|
||||
b {
|
||||
font-weight: 500;
|
||||
color: #ff9010;
|
||||
}
|
||||
}
|
||||
|
||||
.coins {
|
||||
font-size: px2rem(13);
|
||||
color: #afb1b3;
|
||||
position: absolute;
|
||||
top: px2rem(42);
|
||||
right: px2rem(9);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.arLang {
|
||||
.nav {
|
||||
.back {
|
||||
right: px2rem(15);
|
||||
left: unset;
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
}
|
||||
}
|
||||
609
view/molistar/modules/guild-ar/css/salary.css
Normal file
609
view/molistar/modules/guild-ar/css/salary.css
Normal file
@@ -0,0 +1,609 @@
|
||||
body,
|
||||
html {
|
||||
width: 100%;
|
||||
background: #ffffff;
|
||||
}
|
||||
|
||||
.nav {
|
||||
width: 100%;
|
||||
height: 2.34667rem;
|
||||
background: #ffffff;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
z-index: 100;
|
||||
}
|
||||
|
||||
.nav .back {
|
||||
width: 0.58667rem;
|
||||
height: 0.58667rem;
|
||||
position: absolute;
|
||||
left: 0.4rem;
|
||||
bottom: 0.29333rem;
|
||||
}
|
||||
|
||||
.nav p {
|
||||
height: 0.58667rem;
|
||||
line-height: 0.58667rem;
|
||||
font-size: 0.42667rem;
|
||||
font-weight: 500;
|
||||
color: #313131;
|
||||
position: absolute;
|
||||
bottom: 0.26667rem;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
|
||||
.my_salary {
|
||||
width: 9.12rem;
|
||||
padding-bottom: 0.21333rem;
|
||||
border-bottom: 1px solid #e4e4e4;
|
||||
margin: 3.04rem auto 0;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.my_salary p {
|
||||
height: 0.66667rem;
|
||||
line-height: 0.66667rem;
|
||||
}
|
||||
|
||||
.my_salary p e,
|
||||
.my_salary p b {
|
||||
font-size: 0.48rem;
|
||||
color: #313131;
|
||||
}
|
||||
|
||||
.my_salary p b {
|
||||
color: #04D5C6;
|
||||
}
|
||||
|
||||
.my_salary p span {
|
||||
font-size: 0.37333rem;
|
||||
color: #7b7b7d;
|
||||
}
|
||||
|
||||
.my_salary p img {
|
||||
width: 0.64rem;
|
||||
height: 0.64rem;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.tab {
|
||||
width: 9.17333rem;
|
||||
height: 0.85333rem;
|
||||
background: #f2f3f7;
|
||||
border-radius: 0.21333rem;
|
||||
margin: 0.26667rem auto 0;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.tab .item {
|
||||
width: 50%;
|
||||
height: 100%;
|
||||
border-radius: 0.21333rem;
|
||||
font-size: 0.37333rem;
|
||||
color: #313131;
|
||||
line-height: 0.85333rem;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.tab .act {
|
||||
background: #04D5C6;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.transfer_method_tit,
|
||||
.transfer_dollars_tit {
|
||||
width: 9.2rem;
|
||||
margin: 0 auto 0;
|
||||
display: flex;
|
||||
align-items: baseline;
|
||||
}
|
||||
|
||||
.transfer_method_tit .title,
|
||||
.transfer_dollars_tit .title {
|
||||
font-weight: 600;
|
||||
font-size: 0.48rem;
|
||||
color: #313131;
|
||||
line-height: 0.66667rem;
|
||||
padding: 0.32rem 0;
|
||||
}
|
||||
|
||||
.transfer_method_tit .title::before,
|
||||
.transfer_dollars_tit .title::before {
|
||||
content: "";
|
||||
display: inline-block;
|
||||
width: 0.10667rem;
|
||||
height: 0.48rem;
|
||||
border-radius: 0.37333rem;
|
||||
background: #04D5C6;
|
||||
vertical-align: top;
|
||||
margin: 0.10667rem 0.21333rem;
|
||||
}
|
||||
|
||||
.transfer_method_tit p,
|
||||
.transfer_dollars_tit p {
|
||||
height: 0.48rem;
|
||||
line-height: 0.48rem;
|
||||
font-size: 0.26667rem;
|
||||
color: #ffffff;
|
||||
padding: 0 0.16rem;
|
||||
background: #313131;
|
||||
border-radius: 0.32rem;
|
||||
margin: 0 0.13333rem;
|
||||
}
|
||||
|
||||
.transfer_method,
|
||||
.transfer_dollars {
|
||||
width: 9.17333rem;
|
||||
margin: 0 auto;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.transfer_method li,
|
||||
.transfer_dollars li {
|
||||
width: 4.48rem;
|
||||
height: 1.86667rem;
|
||||
background: #f2f3f7;
|
||||
border-radius: 0.21333rem;
|
||||
box-sizing: border-box;
|
||||
margin-bottom: 0.16rem;
|
||||
position: relative;
|
||||
border: 0.05333rem solid #fff;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-evenly;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.transfer_method li:nth-child(2n),
|
||||
.transfer_dollars li:nth-child(2n) {
|
||||
margin-right: unset;
|
||||
}
|
||||
|
||||
.transfer_method li p,
|
||||
.transfer_dollars li p {
|
||||
font-weight: 500;
|
||||
font-size: 0.42667rem;
|
||||
color: #313131;
|
||||
text-align: center;
|
||||
line-height: 0.58667rem;
|
||||
}
|
||||
|
||||
.transfer_method li span,
|
||||
.transfer_dollars li span {
|
||||
font-weight: 400;
|
||||
font-size: 0.37333rem;
|
||||
color: #313131;
|
||||
}
|
||||
|
||||
.transfer_method li span .coin,
|
||||
.transfer_dollars li span .coin {
|
||||
width: 0.37333rem;
|
||||
height: 0.37333rem;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.transfer_method li .dollar,
|
||||
.transfer_dollars li .dollar {
|
||||
width: 0.42667rem;
|
||||
height: 0.42667rem;
|
||||
margin-top: 0.05333rem;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.transfer_method li .custom,
|
||||
.transfer_dollars li .custom {
|
||||
width: 0.32rem;
|
||||
height: 0.32rem;
|
||||
margin-top: 0.13333rem;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.transfer_method li .tips,
|
||||
.transfer_dollars li .tips {
|
||||
background: #04D5C6;
|
||||
border-radius: 0px 0.16rem 0px 0.21333rem;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
font-size: 0.32rem;
|
||||
color: #ffffff;
|
||||
padding: 0.10667rem;
|
||||
}
|
||||
|
||||
.transfer_method li .tips img,
|
||||
.transfer_dollars li .tips img {
|
||||
width: 0.29333rem;
|
||||
height: 0.29333rem;
|
||||
display: inline-block;
|
||||
vertical-align: unset;
|
||||
}
|
||||
|
||||
.transfer_method .li_act,
|
||||
.transfer_dollars .li_act {
|
||||
border: 0.05333rem solid #04D5C6;
|
||||
}
|
||||
|
||||
.transfer_method .official_withdraw,
|
||||
.transfer_method .agent_settlement,
|
||||
.transfer_dollars .official_withdraw,
|
||||
.transfer_dollars .agent_settlement {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.transfer_method .official_withdraw .pop,
|
||||
.transfer_method .agent_settlement .pop,
|
||||
.transfer_dollars .official_withdraw .pop,
|
||||
.transfer_dollars .agent_settlement .pop {
|
||||
width: 4.8rem;
|
||||
height: 1.12rem;
|
||||
background: url(../images/pop.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
position: absolute;
|
||||
top: -0.42667rem;
|
||||
left: 3.52rem;
|
||||
font-size: 0.32rem;
|
||||
line-height: 0.42667rem;
|
||||
color: #ffffff;
|
||||
padding: 0.10667rem 0.21333rem 0;
|
||||
}
|
||||
|
||||
.transfer_dollars {
|
||||
margin-bottom: 2.13333rem;
|
||||
}
|
||||
|
||||
.confirm {
|
||||
width: 9.17333rem;
|
||||
height: 1.06667rem;
|
||||
background: #04D5C6;
|
||||
border-radius: 0.66667rem;
|
||||
position: fixed;
|
||||
bottom: 0.48rem;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
font-weight: 400;
|
||||
font-size: 0.42667rem;
|
||||
color: #ffffff;
|
||||
line-height: 1.06667rem;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.agent_pop,
|
||||
.president_pop {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
background: rgba(0, 0, 0, 0.5);
|
||||
z-index: 999;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.agent_pop .agent_pop_in,
|
||||
.agent_pop .president_pop_in,
|
||||
.president_pop .agent_pop_in,
|
||||
.president_pop .president_pop_in {
|
||||
width: 7.73333rem;
|
||||
background: #ffffff;
|
||||
border-radius: 0.42667rem;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
}
|
||||
|
||||
.agent_pop .agent_pop_in .title,
|
||||
.agent_pop .president_pop_in .title,
|
||||
.president_pop .agent_pop_in .title,
|
||||
.president_pop .president_pop_in .title {
|
||||
width: 100%;
|
||||
font-weight: 500;
|
||||
font-size: 0.42667rem;
|
||||
color: #313131;
|
||||
text-align: center;
|
||||
padding: 0.37333rem 0;
|
||||
}
|
||||
|
||||
.agent_pop .agent_pop_in h2,
|
||||
.agent_pop .president_pop_in h2,
|
||||
.president_pop .agent_pop_in h2,
|
||||
.president_pop .president_pop_in h2 {
|
||||
font-size: 0.32rem;
|
||||
color: #afb1b3;
|
||||
line-height: 0.45333rem;
|
||||
text-align: center;
|
||||
padding: 0 0.21333rem 0.21333rem;
|
||||
}
|
||||
|
||||
.agent_pop .agent_pop_in .wrap,
|
||||
.agent_pop .president_pop_in .wrap,
|
||||
.president_pop .agent_pop_in .wrap,
|
||||
.president_pop .president_pop_in .wrap {
|
||||
width: 6.98667rem;
|
||||
max-height: 9.97333rem;
|
||||
margin: 0 auto;
|
||||
overflow-y: auto;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
}
|
||||
|
||||
.agent_pop .agent_pop_in .wrap::-webkit-scrollbar,
|
||||
.agent_pop .president_pop_in .wrap::-webkit-scrollbar,
|
||||
.president_pop .agent_pop_in .wrap::-webkit-scrollbar,
|
||||
.president_pop .president_pop_in .wrap::-webkit-scrollbar {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.agent_pop .agent_pop_in .wrap li,
|
||||
.agent_pop .president_pop_in .wrap li,
|
||||
.president_pop .agent_pop_in .wrap li,
|
||||
.president_pop .president_pop_in .wrap li {
|
||||
box-sizing: border-box;
|
||||
border: 2px solid #fff;
|
||||
width: 100%;
|
||||
height: 1.92rem;
|
||||
background: #f4f4f4;
|
||||
border-radius: 0.21333rem;
|
||||
margin-bottom: 0.26667rem;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.agent_pop .agent_pop_in .wrap li .avatar,
|
||||
.agent_pop .president_pop_in .wrap li .avatar,
|
||||
.president_pop .agent_pop_in .wrap li .avatar,
|
||||
.president_pop .president_pop_in .wrap li .avatar {
|
||||
width: 1.46667rem;
|
||||
height: 1.46667rem;
|
||||
border-radius: 50%;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
left: 0.24rem;
|
||||
}
|
||||
|
||||
.agent_pop .agent_pop_in .wrap li .name,
|
||||
.agent_pop .president_pop_in .wrap li .name,
|
||||
.president_pop .agent_pop_in .wrap li .name,
|
||||
.president_pop .president_pop_in .wrap li .name {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
position: absolute;
|
||||
top: 0.4rem;
|
||||
left: 2.02667rem;
|
||||
}
|
||||
|
||||
.agent_pop .agent_pop_in .wrap li .name p,
|
||||
.agent_pop .president_pop_in .wrap li .name p,
|
||||
.president_pop .agent_pop_in .wrap li .name p,
|
||||
.president_pop .president_pop_in .wrap li .name p {
|
||||
max-width: 3rem;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
font-weight: 600;
|
||||
font-size: 0.42667rem;
|
||||
color: #333333;
|
||||
line-height: 0.58667rem;
|
||||
}
|
||||
|
||||
.agent_pop .agent_pop_in .wrap li .name .flag,
|
||||
.agent_pop .president_pop_in .wrap li .name .flag,
|
||||
.president_pop .agent_pop_in .wrap li .name .flag,
|
||||
.president_pop .president_pop_in .wrap li .name .flag {
|
||||
width: 0.45333rem;
|
||||
height: 0.32rem;
|
||||
}
|
||||
|
||||
.agent_pop .agent_pop_in .wrap li .id,
|
||||
.agent_pop .president_pop_in .wrap li .id,
|
||||
.president_pop .agent_pop_in .wrap li .id,
|
||||
.president_pop .president_pop_in .wrap li .id {
|
||||
font-weight: 400;
|
||||
font-size: 0.34667rem;
|
||||
color: #7b7b7d;
|
||||
position: absolute;
|
||||
bottom: 0.45333rem;
|
||||
left: 2.02667rem;
|
||||
}
|
||||
|
||||
.agent_pop .agent_pop_in .wrap .li_act,
|
||||
.agent_pop .president_pop_in .wrap .li_act,
|
||||
.president_pop .agent_pop_in .wrap .li_act,
|
||||
.president_pop .president_pop_in .wrap .li_act {
|
||||
box-sizing: border-box;
|
||||
border: 2px solid #04D5C6;
|
||||
}
|
||||
|
||||
.agent_pop .agent_pop_in .wrap li.no,
|
||||
.agent_pop .president_pop_in .wrap li.no,
|
||||
.president_pop .agent_pop_in .wrap li.no,
|
||||
.president_pop .president_pop_in .wrap li.no {
|
||||
width: 100%;
|
||||
line-height: 1.92rem;
|
||||
text-align: center;
|
||||
font-weight: 400;
|
||||
font-size: 0.26667rem;
|
||||
color: #7b7b7d;
|
||||
}
|
||||
|
||||
.agent_pop .agent_pop_in .btn_wrap,
|
||||
.agent_pop .president_pop_in .btn_wrap,
|
||||
.president_pop .agent_pop_in .btn_wrap,
|
||||
.president_pop .president_pop_in .btn_wrap {
|
||||
width: 6.98667rem;
|
||||
margin: 0.26667rem auto;
|
||||
display: flex;
|
||||
justify-content: space-evenly;
|
||||
}
|
||||
|
||||
.agent_pop .agent_pop_in .btn_wrap .cancel,
|
||||
.agent_pop .agent_pop_in .btn_wrap .sure,
|
||||
.agent_pop .president_pop_in .btn_wrap .cancel,
|
||||
.agent_pop .president_pop_in .btn_wrap .sure,
|
||||
.president_pop .agent_pop_in .btn_wrap .cancel,
|
||||
.president_pop .agent_pop_in .btn_wrap .sure,
|
||||
.president_pop .president_pop_in .btn_wrap .cancel,
|
||||
.president_pop .president_pop_in .btn_wrap .sure {
|
||||
width: 2.93333rem;
|
||||
height: 0.96rem;
|
||||
background: #04D5C6;
|
||||
border-radius: 3.12rem;
|
||||
font-weight: 500;
|
||||
color: #ffffff;
|
||||
font-size: 0.37333rem;
|
||||
line-height: 0.96rem;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.agent_pop .agent_pop_in .btn_wrap .cancel,
|
||||
.agent_pop .president_pop_in .btn_wrap .cancel,
|
||||
.president_pop .agent_pop_in .btn_wrap .cancel,
|
||||
.president_pop .president_pop_in .btn_wrap .cancel {
|
||||
background: #ebebeb;
|
||||
color: #7b7b7d;
|
||||
}
|
||||
|
||||
.custom_pop {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
background: rgba(0, 0, 0, 0.5);
|
||||
z-index: 999;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.custom_pop .custom_pop_in {
|
||||
width: 9.17333rem;
|
||||
background: #ffffff;
|
||||
border-radius: 0.42667rem;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
}
|
||||
|
||||
.custom_pop .custom_pop_in .title {
|
||||
width: 100%;
|
||||
font-weight: 500;
|
||||
font-size: 0.42667rem;
|
||||
color: #313131;
|
||||
text-align: center;
|
||||
padding: 0.37333rem 0 0.13333rem;
|
||||
}
|
||||
|
||||
.custom_pop .custom_pop_in h1 {
|
||||
font-size: 0.32rem;
|
||||
color: #afb1b3;
|
||||
line-height: 0.45333rem;
|
||||
text-align: center;
|
||||
padding-bottom: 0.21333rem;
|
||||
}
|
||||
|
||||
.custom_pop .custom_pop_in h2 {
|
||||
font-size: 0.32rem;
|
||||
color: #7b7b7d;
|
||||
line-height: 0.45333rem;
|
||||
padding-left: 2.13333rem;
|
||||
padding-top: 0.13333rem;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.custom_pop .custom_pop_in .ipt {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.custom_pop .custom_pop_in .ipt span {
|
||||
font-weight: 600;
|
||||
font-size: 0.48rem;
|
||||
color: #04D5C6;
|
||||
margin-right: 0.26667rem;
|
||||
}
|
||||
|
||||
.custom_pop .custom_pop_in .ipt input {
|
||||
width: 5.65333rem;
|
||||
height: 0.8rem;
|
||||
border-radius: 0.21333rem;
|
||||
border: 1px solid #e4e4e4;
|
||||
outline: none;
|
||||
font-weight: 500;
|
||||
font-size: 0.4rem;
|
||||
color: #313131;
|
||||
padding: 0 0.13333rem;
|
||||
}
|
||||
|
||||
.custom_pop .custom_pop_in .ipt e {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
right: 1.4rem;
|
||||
font-weight: 400;
|
||||
font-size: 0.37333rem;
|
||||
color: #24cf9e;
|
||||
}
|
||||
|
||||
.custom_pop .custom_pop_in .btn_wrap {
|
||||
width: 6.98667rem;
|
||||
margin: 0.53333rem auto 0.26667rem;
|
||||
display: flex;
|
||||
justify-content: space-evenly;
|
||||
}
|
||||
|
||||
.custom_pop .custom_pop_in .btn_wrap .cancel,
|
||||
.custom_pop .custom_pop_in .btn_wrap .sure {
|
||||
width: 2.72rem;
|
||||
height: 0.8rem;
|
||||
background: #04D5C6;
|
||||
border-radius: 0.66667rem;
|
||||
font-weight: 500;
|
||||
color: #ffffff;
|
||||
font-size: 0.37333rem;
|
||||
line-height: 0.8rem;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.custom_pop .custom_pop_in .btn_wrap .cancel {
|
||||
background: #ebebeb;
|
||||
color: #7b7b7d;
|
||||
}
|
||||
|
||||
.arabic .nav .back {
|
||||
right: 0.4rem;
|
||||
left: unset;
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
|
||||
.arabic .transfer_method .official_withdraw .pop {
|
||||
left: unset;
|
||||
right: 3.52rem;
|
||||
}
|
||||
|
||||
.arabic .my_salary p img {
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
|
||||
.arabic .custom_pop .custom_pop_in .ipt e {
|
||||
right: unset;
|
||||
left: 1.4rem;
|
||||
}
|
||||
|
||||
.arabic .custom_pop .custom_pop_in h2 {
|
||||
padding-right: 1.4666666667rem;
|
||||
padding-left: unset;
|
||||
}
|
||||
|
||||
.arabic .transfer_method .official_withdraw .pop, .arabic .transfer_method .agent_settlement .pop, .arabic .transfer_dollars .official_withdraw .pop, .arabic .transfer_dollars .agent_settlement .pop {
|
||||
background: url(../images/pop-ar.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
left: auto;
|
||||
right: 3.52rem;
|
||||
}
|
||||
565
view/molistar/modules/guild-ar/css/salary.scss
Normal file
565
view/molistar/modules/guild-ar/css/salary.scss
Normal file
@@ -0,0 +1,565 @@
|
||||
@function px2rem($px, $rem: 37.5) {
|
||||
@return $px / $rem +rem;
|
||||
}
|
||||
|
||||
body,
|
||||
html {
|
||||
width: 100%;
|
||||
background: #ffffff;
|
||||
// overflow: hidden;
|
||||
}
|
||||
|
||||
.nav {
|
||||
width: 100%;
|
||||
height: px2rem(88);
|
||||
background: #ffffff;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
z-index: 100;
|
||||
|
||||
.back {
|
||||
width: px2rem(22);
|
||||
height: px2rem(22);
|
||||
position: absolute;
|
||||
left: px2rem(15);
|
||||
bottom: px2rem(11);
|
||||
}
|
||||
|
||||
p {
|
||||
height: px2rem(22);
|
||||
line-height: px2rem(22);
|
||||
font-size: px2rem(16);
|
||||
font-weight: 500;
|
||||
color: #313131;
|
||||
position: absolute;
|
||||
bottom: px2rem(10);
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
}
|
||||
|
||||
.my_salary {
|
||||
width: px2rem(342);
|
||||
padding-bottom: px2rem(8);
|
||||
border-bottom: 1px solid #e4e4e4;
|
||||
margin: px2rem(114) auto 0;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
|
||||
p {
|
||||
height: px2rem(25);
|
||||
line-height: px2rem(25);
|
||||
|
||||
e,
|
||||
b {
|
||||
font-size: px2rem(18);
|
||||
color: #313131;
|
||||
}
|
||||
|
||||
b {
|
||||
color: #04D5C6;
|
||||
}
|
||||
|
||||
span {
|
||||
font-size: px2rem(14);
|
||||
color: #7b7b7d;
|
||||
}
|
||||
|
||||
img {
|
||||
width: px2rem(24);
|
||||
height: px2rem(24);
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.tab {
|
||||
width: px2rem(344);
|
||||
height: px2rem(32);
|
||||
background: #f2f3f7;
|
||||
border-radius: px2rem(8);
|
||||
margin: px2rem(10) auto 0;
|
||||
display: flex;
|
||||
|
||||
.item {
|
||||
width: 50%;
|
||||
height: 100%;
|
||||
border-radius: px2rem(8);
|
||||
font-size: px2rem(14);
|
||||
color: #313131;
|
||||
line-height: px2rem(32);
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.act {
|
||||
background: #04D5C6;
|
||||
color: #ffffff;
|
||||
}
|
||||
}
|
||||
|
||||
.transfer_method_tit,
|
||||
.transfer_dollars_tit {
|
||||
width: px2rem(345);
|
||||
margin: 0 auto 0;
|
||||
display: flex;
|
||||
align-items: baseline;
|
||||
|
||||
.title {
|
||||
font-weight: 600;
|
||||
font-size: px2rem(18);
|
||||
color: #313131;
|
||||
line-height: px2rem(25);
|
||||
padding: px2rem(12) 0;
|
||||
|
||||
&::before {
|
||||
content: "";
|
||||
display: inline-block;
|
||||
width: px2rem(4);
|
||||
height: px2rem(18);
|
||||
border-radius: px2rem(14);
|
||||
background: #04D5C6;
|
||||
vertical-align: top;
|
||||
margin: px2rem(4) px2rem(8);
|
||||
}
|
||||
}
|
||||
|
||||
p {
|
||||
height: px2rem(18);
|
||||
line-height: px2rem(18);
|
||||
font-size: px2rem(10);
|
||||
color: #ffffff;
|
||||
padding: 0 px2rem(6);
|
||||
background: #313131;
|
||||
border-radius: px2rem(12);
|
||||
margin: 0 px2rem(5);
|
||||
}
|
||||
}
|
||||
|
||||
.transfer_method,
|
||||
.transfer_dollars {
|
||||
width: px2rem(344);
|
||||
margin: 0 auto;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-between;
|
||||
|
||||
li {
|
||||
width: px2rem(168);
|
||||
height: px2rem(70);
|
||||
background: #f2f3f7;
|
||||
border-radius: px2rem(8);
|
||||
box-sizing: border-box;
|
||||
// margin-right: px2rem(6);
|
||||
margin-bottom: px2rem(6);
|
||||
position: relative;
|
||||
border: px2rem(2) solid #fff;
|
||||
|
||||
&:nth-child(2n) {
|
||||
margin-right: unset;
|
||||
}
|
||||
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-evenly;
|
||||
align-items: center;
|
||||
|
||||
p {
|
||||
font-weight: 500;
|
||||
font-size: px2rem(16);
|
||||
color: #313131;
|
||||
text-align: center;
|
||||
line-height: px2rem(22);
|
||||
}
|
||||
|
||||
span {
|
||||
font-weight: 400;
|
||||
font-size: px2rem(14);
|
||||
color: #313131;
|
||||
|
||||
.coin {
|
||||
width: px2rem(14);
|
||||
height: px2rem(14);
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
|
||||
.dollar {
|
||||
width: px2rem(16);
|
||||
height: px2rem(16);
|
||||
margin-top: px2rem(2);
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.custom {
|
||||
width: px2rem(12);
|
||||
height: px2rem(12);
|
||||
margin-top: px2rem(5);
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.tips {
|
||||
background: #04D5C6;
|
||||
border-radius: 0px px2rem(6) 0px px2rem(8);
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
font-size: px2rem(12);
|
||||
color: #ffffff;
|
||||
padding: px2rem(4);
|
||||
|
||||
img {
|
||||
width: px2rem(11);
|
||||
height: px2rem(11);
|
||||
display: inline-block;
|
||||
vertical-align: unset;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.li_act {
|
||||
border: px2rem(2) solid #04D5C6;
|
||||
}
|
||||
|
||||
.official_withdraw,
|
||||
.agent_settlement {
|
||||
position: relative;
|
||||
// display: none;
|
||||
|
||||
.pop {
|
||||
width: px2rem(180);
|
||||
height: px2rem(42);
|
||||
background: url(../images/pop.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
position: absolute;
|
||||
top: px2rem(-16);
|
||||
left: px2rem(132);
|
||||
font-size: px2rem(12);
|
||||
line-height: px2rem(16);
|
||||
color: #ffffff;
|
||||
padding: px2rem(4) px2rem(8) 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.transfer_dollars {
|
||||
margin-bottom: px2rem(80);
|
||||
}
|
||||
|
||||
.confirm {
|
||||
width: px2rem(344);
|
||||
height: px2rem(40);
|
||||
// background: linear-gradient(274deg, #feb301 0%, #ffda5f 100%);
|
||||
background: #04D5C6;
|
||||
border-radius: px2rem(25);
|
||||
position: fixed;
|
||||
bottom: px2rem(18);
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
font-weight: 400;
|
||||
font-size: px2rem(16);
|
||||
color: #ffffff;
|
||||
line-height: px2rem(40);
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.agent_pop,
|
||||
.president_pop {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
background: rgba(0, 0, 0, 0.5);
|
||||
z-index: 999;
|
||||
display: none;
|
||||
|
||||
.agent_pop_in,
|
||||
.president_pop_in {
|
||||
width: px2rem(290);
|
||||
// height: px2rem(495);
|
||||
background: #ffffff;
|
||||
border-radius: px2rem(16);
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
|
||||
.title {
|
||||
width: 100%;
|
||||
font-weight: 500;
|
||||
font-size: px2rem(16);
|
||||
color: #313131;
|
||||
text-align: center;
|
||||
padding: px2rem(14) 0;
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: px2rem(12);
|
||||
color: #afb1b3;
|
||||
line-height: px2rem(17);
|
||||
text-align: center;
|
||||
padding: 0 px2rem(8) px2rem(8);
|
||||
}
|
||||
|
||||
.wrap {
|
||||
width: px2rem(262);
|
||||
max-height: px2rem(374);
|
||||
margin: 0 auto;
|
||||
overflow-y: auto;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
|
||||
&::-webkit-scrollbar {
|
||||
display: none;
|
||||
}
|
||||
|
||||
li {
|
||||
box-sizing: border-box;
|
||||
border: 2px solid #fff;
|
||||
width: 100%;
|
||||
height: px2rem(72);
|
||||
background: #f4f4f4;
|
||||
border-radius: px2rem(8);
|
||||
margin-bottom: px2rem(10);
|
||||
position: relative;
|
||||
|
||||
.avatar {
|
||||
width: px2rem(55);
|
||||
height: px2rem(55);
|
||||
border-radius: 50%;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
left: px2rem(9);
|
||||
}
|
||||
|
||||
.name {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
position: absolute;
|
||||
top: px2rem(15);
|
||||
left: px2rem(76);
|
||||
|
||||
p {
|
||||
max-width: 3rem;
|
||||
// 单行溢出省略
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
font-weight: 600;
|
||||
font-size: px2rem(16);
|
||||
color: #333333;
|
||||
line-height: px2rem(22);
|
||||
}
|
||||
|
||||
.flag {
|
||||
width: px2rem(17);
|
||||
height: px2rem(12);
|
||||
}
|
||||
}
|
||||
|
||||
.id {
|
||||
font-weight: 400;
|
||||
font-size: px2rem(13);
|
||||
color: #7b7b7d;
|
||||
position: absolute;
|
||||
bottom: px2rem(17);
|
||||
left: px2rem(76);
|
||||
}
|
||||
}
|
||||
|
||||
.li_act {
|
||||
box-sizing: border-box;
|
||||
border: 2px solid #04D5C6;
|
||||
}
|
||||
|
||||
li.no {
|
||||
width: 100%;
|
||||
// line-height: px2rem(374);
|
||||
line-height: 1.92rem;
|
||||
text-align: center;
|
||||
font-weight: 400;
|
||||
font-size: px2rem(10);
|
||||
color: #7b7b7d;
|
||||
}
|
||||
}
|
||||
|
||||
.btn_wrap {
|
||||
width: px2rem(262);
|
||||
margin: px2rem(10) auto;
|
||||
display: flex;
|
||||
justify-content: space-evenly;
|
||||
|
||||
.cancel,
|
||||
.sure {
|
||||
width: px2rem(110);
|
||||
height: px2rem(36);
|
||||
background: #04D5C6;
|
||||
border-radius: px2rem(117);
|
||||
font-weight: 500;
|
||||
color: #ffffff;
|
||||
font-size: px2rem(14);
|
||||
line-height: px2rem(36);
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.cancel {
|
||||
background: #ebebeb;
|
||||
color: #7b7b7d;
|
||||
}
|
||||
}
|
||||
}
|
||||
// .agent_pop_in{
|
||||
// width: px2rem(580);
|
||||
// height: px2rem(988);
|
||||
// }
|
||||
}
|
||||
|
||||
.custom_pop {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
background: rgba(0, 0, 0, 0.5);
|
||||
z-index: 999;
|
||||
display: none;
|
||||
|
||||
.custom_pop_in {
|
||||
width: px2rem(344);
|
||||
// height: px2rem(495);
|
||||
background: #ffffff;
|
||||
border-radius: px2rem(16);
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
|
||||
.title {
|
||||
width: 100%;
|
||||
font-weight: 500;
|
||||
font-size: px2rem(16);
|
||||
color: #313131;
|
||||
text-align: center;
|
||||
padding: px2rem(14) 0 px2rem(5);
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: px2rem(12);
|
||||
color: #afb1b3;
|
||||
line-height: px2rem(17);
|
||||
text-align: center;
|
||||
padding-bottom: px2rem(8);
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: px2rem(12);
|
||||
color: #7b7b7d;
|
||||
line-height: px2rem(17);
|
||||
padding-left: px2rem(80);
|
||||
padding-top: px2rem(5);
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.ipt {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
position: relative;
|
||||
|
||||
span {
|
||||
font-weight: 600;
|
||||
font-size: px2rem(18);
|
||||
color: #04D5C6;
|
||||
margin-right: px2rem(10);
|
||||
}
|
||||
|
||||
input {
|
||||
width: px2rem(212);
|
||||
height: px2rem(30);
|
||||
border-radius: px2rem(8);
|
||||
border: 1px solid #e4e4e4;
|
||||
outline: none;
|
||||
font-weight: 500;
|
||||
font-size: px2rem(15);
|
||||
color: #313131;
|
||||
padding: 0 px2rem(5);
|
||||
}
|
||||
|
||||
e {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
right: 1.4rem;
|
||||
font-weight: 400;
|
||||
font-size: px2rem(14);
|
||||
color: #24cf9e;
|
||||
// text-decoration: underline;
|
||||
}
|
||||
}
|
||||
|
||||
.btn_wrap {
|
||||
width: px2rem(262);
|
||||
margin: px2rem(20) auto px2rem(10);
|
||||
display: flex;
|
||||
justify-content: space-evenly;
|
||||
|
||||
.cancel,
|
||||
.sure {
|
||||
width: px2rem(102);
|
||||
height: px2rem(30);
|
||||
// background: linear-gradient(274deg, #feb301 0%, #ffda5f 100%);
|
||||
background: #04D5C6;
|
||||
border-radius: px2rem(25);
|
||||
font-weight: 500;
|
||||
color: #ffffff;
|
||||
font-size: px2rem(14);
|
||||
line-height: px2rem(30);
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.cancel {
|
||||
background: #ebebeb;
|
||||
color: #7b7b7d;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.arabic {
|
||||
.nav {
|
||||
.back {
|
||||
right: px2rem(15);
|
||||
left: unset;
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
}
|
||||
|
||||
.transfer_method .official_withdraw .pop {
|
||||
left: unset;
|
||||
right: 3.52rem;
|
||||
}
|
||||
|
||||
.my_salary p img {
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
|
||||
.custom_pop .custom_pop_in {
|
||||
.ipt e {
|
||||
right: unset;
|
||||
left: 1.4rem;
|
||||
}
|
||||
|
||||
h2 {
|
||||
padding-right: 1.4666666667rem;
|
||||
padding-left: unset;
|
||||
}
|
||||
}
|
||||
.transfer_method .official_withdraw .pop, .transfer_method .agent_settlement .pop, .transfer_dollars .official_withdraw .pop, .transfer_dollars .agent_settlement .pop{
|
||||
background: url(../images/pop-ar.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
left: auto;
|
||||
right: 3.52rem;
|
||||
}
|
||||
}
|
||||
276
view/molistar/modules/guild-ar/css/search.css
Normal file
276
view/molistar/modules/guild-ar/css/search.css
Normal file
@@ -0,0 +1,276 @@
|
||||
html,
|
||||
body {
|
||||
width: 100%;
|
||||
height: 17.78667rem;
|
||||
background: #eaeaec;
|
||||
}
|
||||
|
||||
.back {
|
||||
width: 100%;
|
||||
height: 2.8rem;
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 0rem;
|
||||
text-align: center;
|
||||
color: #FFFFFF;
|
||||
font-size: 0.50667rem;
|
||||
font-weight: bold;
|
||||
z-index: 10;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.back .backs {
|
||||
width: 0.58667rem;
|
||||
height: 0.58667rem;
|
||||
position: absolute;
|
||||
left: 0.24rem;
|
||||
top: 58%;
|
||||
}
|
||||
|
||||
.back .fdj {
|
||||
width: 0.42667rem;
|
||||
height: 0.42667rem;
|
||||
position: absolute;
|
||||
top: 61%;
|
||||
left: 1.41333rem;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.back input {
|
||||
border: none;
|
||||
outline: none;
|
||||
background: #eaeaec;
|
||||
width: 6.8rem;
|
||||
height: 0.74667rem;
|
||||
line-height: 0.74667rem;
|
||||
border-radius: 0.74667rem;
|
||||
box-sizing: border-box;
|
||||
padding-left: 0.72rem;
|
||||
position: absolute;
|
||||
left: 1.22667rem;
|
||||
top: 70%;
|
||||
transform: translateY(-50%);
|
||||
color: #333;
|
||||
font-size: 0.32rem;
|
||||
}
|
||||
|
||||
.back input::placeholder {
|
||||
color: #BCBDCB;
|
||||
font-size: 0.29333rem;
|
||||
}
|
||||
|
||||
.back .text {
|
||||
position: absolute;
|
||||
right: 0.62667rem;
|
||||
height: 100%;
|
||||
top: 0;
|
||||
line-height: 3.93333rem;
|
||||
color: #333333;
|
||||
font-size: 0.45333rem;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
ul {
|
||||
width: 10rem;
|
||||
height: 18rem;
|
||||
margin: 2.53333rem auto 0;
|
||||
overflow-y: scroll;
|
||||
padding-top: 0.34667rem;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
ul::-webkit-scrollbar {
|
||||
display: none;
|
||||
}
|
||||
|
||||
ul li {
|
||||
width: 9.06667rem;
|
||||
height: 2.13333rem;
|
||||
box-sizing: border-box;
|
||||
overflow: hidden;
|
||||
margin: 0 auto 0.44rem;
|
||||
position: relative;
|
||||
background: #fff;
|
||||
border-radius: 0.13333rem;
|
||||
}
|
||||
|
||||
ul li .tx {
|
||||
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.44rem;
|
||||
}
|
||||
|
||||
ul li .user {
|
||||
float: left;
|
||||
width: 6rem;
|
||||
}
|
||||
|
||||
ul li .user p {
|
||||
color: #515665;
|
||||
font-size: 0.37333rem;
|
||||
font-weight: bold;
|
||||
display: inline-block;
|
||||
margin-right: 0.10667rem;
|
||||
margin-bottom: 0.16rem;
|
||||
width: 2.7rem;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
box-sizing: border-box;
|
||||
padding-top: 0.74667rem;
|
||||
}
|
||||
|
||||
ul li .user b {
|
||||
display: block;
|
||||
color: #A4ABB2;
|
||||
font-size: 0.32rem;
|
||||
}
|
||||
|
||||
ul li .user .sex {
|
||||
width: 0.24rem;
|
||||
height: 0.24rem;
|
||||
display: inline-block;
|
||||
margin-top: 0.81333rem;
|
||||
margin-right: 0.10667rem;
|
||||
}
|
||||
|
||||
ul li .user .wealth,
|
||||
ul li .user .charm {
|
||||
display: inline-block;
|
||||
width: 0.96rem;
|
||||
height: 0.48rem;
|
||||
margin-top: 0.64rem;
|
||||
}
|
||||
|
||||
ul li .but {
|
||||
width: 1.17333rem;
|
||||
height: 0.56rem;
|
||||
background: #7C9EFF;
|
||||
border-radius: 0.56rem;
|
||||
position: absolute;
|
||||
right: 0.34667rem;
|
||||
top: 1.18667rem;
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
line-height: 0.56rem;
|
||||
font-size: 0.34667rem;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
ul li .chairman {
|
||||
width: 1.04rem;
|
||||
height: 0.34667rem;
|
||||
line-height: 0.34667rem;
|
||||
border-radius: 0.34667rem;
|
||||
text-align: center;
|
||||
color: #333;
|
||||
font-size: 0.29333rem;
|
||||
font-weight: 400;
|
||||
position: absolute;
|
||||
left: 0.16rem;
|
||||
top: 0.94667rem;
|
||||
background: linear-gradient(90deg, #FFEB67, #FFFCE7);
|
||||
}
|
||||
|
||||
ul li .administrator {
|
||||
width: 1.04rem;
|
||||
height: 0.34667rem;
|
||||
line-height: 0.34667rem;
|
||||
border-radius: 0.34667rem;
|
||||
text-align: center;
|
||||
color: #333;
|
||||
font-size: 0.29333rem;
|
||||
font-weight: 400;
|
||||
position: absolute;
|
||||
left: 0.16rem;
|
||||
top: 0.94667rem;
|
||||
background: linear-gradient(-90deg, #FBE1FF, #F090FF);
|
||||
}
|
||||
|
||||
ul .null {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
ul .null img {
|
||||
width: 1.96rem;
|
||||
height: 2.01333rem;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
}
|
||||
|
||||
ul .null span {
|
||||
width: 100%;
|
||||
left: 0;
|
||||
top: 55%;
|
||||
transform: translateY(-50%);
|
||||
color: #A9A9A9;
|
||||
font-size: 0.4rem;
|
||||
font-weight: 400;
|
||||
position: absolute;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.pub {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
background: rgba(0, 0, 0, 0.6);
|
||||
z-index: 11;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.pub .pub_in {
|
||||
background: #fff;
|
||||
border-radius: 0.4rem;
|
||||
box-sizing: border-box;
|
||||
padding: 0.66667rem 0.45333rem;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
}
|
||||
|
||||
.pub .pub_in p {
|
||||
text-align: center;
|
||||
color: #333333;
|
||||
font-size: 0.45333rem;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.pub .pub_in .butBox {
|
||||
width: 6.85333rem;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin: 0.66667rem auto 0;
|
||||
}
|
||||
|
||||
.pub .pub_in .butBox div {
|
||||
width: 3.2rem;
|
||||
height: 1.01333rem;
|
||||
text-align: center;
|
||||
line-height: 1.01333rem;
|
||||
border-radius: 1.01333rem;
|
||||
font-size: 0.45333rem;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.pub .pub_in .butBox .close {
|
||||
background: #F5F5F5;
|
||||
color: #999999;
|
||||
}
|
||||
|
||||
.pub .pub_in .butBox .ok {
|
||||
background: linear-gradient(90deg, #53C7D4, #7C5EFD);
|
||||
color: #fff;
|
||||
}
|
||||
281
view/molistar/modules/guild-ar/css/search.scss
Normal file
281
view/molistar/modules/guild-ar/css/search.scss
Normal file
@@ -0,0 +1,281 @@
|
||||
@function px2rem($px) {
|
||||
@return $px / 75+rem;
|
||||
}
|
||||
|
||||
html,
|
||||
body {
|
||||
width: 100%;
|
||||
height: px2rem(1334);
|
||||
background: #eaeaec;
|
||||
}
|
||||
|
||||
.back {
|
||||
width: 100%;
|
||||
height: px2rem(210);
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: px2rem(0);
|
||||
text-align: center;
|
||||
color: #FFFFFF;
|
||||
font-size: px2rem(38);
|
||||
font-weight: bold;
|
||||
z-index: 10;
|
||||
background: #fff;
|
||||
|
||||
.backs {
|
||||
width: px2rem(44);
|
||||
height: px2rem(44);
|
||||
position: absolute;
|
||||
left: px2rem(18);
|
||||
top: 58%;
|
||||
}
|
||||
|
||||
.fdj {
|
||||
width: px2rem(32);
|
||||
height: px2rem(32);
|
||||
position: absolute;
|
||||
top: 61%;
|
||||
left: px2rem(106);
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
input {
|
||||
border: none;
|
||||
outline: none;
|
||||
background: #eaeaec;
|
||||
width: px2rem(510);
|
||||
height: px2rem(56);
|
||||
line-height: px2rem(56);
|
||||
border-radius: px2rem(56);
|
||||
box-sizing: border-box;
|
||||
padding-left: px2rem(54);
|
||||
position: absolute;
|
||||
left: px2rem(92);
|
||||
top: 70%;
|
||||
transform: translateY(-50%);
|
||||
color: #333;
|
||||
font-size: px2rem(24);
|
||||
|
||||
&::placeholder {
|
||||
color: #BCBDCB;
|
||||
font-size: px2rem(22);
|
||||
}
|
||||
}
|
||||
|
||||
.text {
|
||||
position: absolute;
|
||||
right: px2rem(47);
|
||||
height: 100%;
|
||||
top: 0;
|
||||
line-height: px2rem(295);
|
||||
color: #333333;
|
||||
font-size: px2rem(34);
|
||||
font-weight: bold;
|
||||
}
|
||||
}
|
||||
|
||||
ul {
|
||||
width: px2rem(750);
|
||||
height: px2rem(1350);
|
||||
margin: px2rem(190) auto 0;
|
||||
overflow-y: scroll;
|
||||
padding-top: px2rem(26);
|
||||
box-sizing: border-box;
|
||||
|
||||
&::-webkit-scrollbar {
|
||||
display: none;
|
||||
}
|
||||
|
||||
li {
|
||||
width: px2rem(680);
|
||||
height: px2rem(160);
|
||||
box-sizing: border-box;
|
||||
overflow: hidden;
|
||||
margin: 0 auto px2rem(33);
|
||||
position: relative;
|
||||
background: #fff;
|
||||
border-radius: px2rem(10);
|
||||
|
||||
.tx {
|
||||
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(33);
|
||||
}
|
||||
|
||||
.user {
|
||||
float: left;
|
||||
width: 6rem;
|
||||
|
||||
p {
|
||||
color: #515665;
|
||||
font-size: px2rem(28);
|
||||
font-weight: bold;
|
||||
display: inline-block;
|
||||
margin-right: px2rem(8);
|
||||
// margin-top: px2rem(56);
|
||||
margin-bottom: px2rem(12);
|
||||
width: 2.7rem;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
box-sizing: border-box;
|
||||
padding-top: px2rem(56);
|
||||
}
|
||||
|
||||
b {
|
||||
display: block;
|
||||
color: #A4ABB2;
|
||||
font-size: px2rem(24);
|
||||
}
|
||||
|
||||
.sex {
|
||||
width: px2rem(18);
|
||||
height: px2rem(18);
|
||||
display: inline-block;
|
||||
margin-top: px2rem(61);
|
||||
margin-right: px2rem(8);
|
||||
}
|
||||
|
||||
.wealth,
|
||||
.charm {
|
||||
display: inline-block;
|
||||
width: px2rem(72);
|
||||
height: px2rem(36);
|
||||
margin-top: px2rem(48);
|
||||
}
|
||||
}
|
||||
|
||||
.but {
|
||||
width: px2rem(88);
|
||||
height: px2rem(42);
|
||||
background: #7C9EFF;
|
||||
border-radius: px2rem(42);
|
||||
position: absolute;
|
||||
right: px2rem(26);
|
||||
top: px2rem(89);
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
line-height: px2rem(42);
|
||||
font-size: px2rem(26);
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.chairman {
|
||||
width: px2rem(78);
|
||||
height: px2rem(26);
|
||||
line-height: px2rem(26);
|
||||
border-radius: px2rem(26);
|
||||
text-align: center;
|
||||
color: #333;
|
||||
font-size: px2rem(22);
|
||||
font-weight: 400;
|
||||
position: absolute;
|
||||
left: px2rem(12);
|
||||
top: px2rem(71);
|
||||
background: linear-gradient(90deg, #FFEB67, #FFFCE7);
|
||||
}
|
||||
|
||||
.administrator {
|
||||
width: px2rem(78);
|
||||
height: px2rem(26);
|
||||
line-height: px2rem(26);
|
||||
border-radius: px2rem(26);
|
||||
text-align: center;
|
||||
color: #333;
|
||||
font-size: px2rem(22);
|
||||
font-weight: 400;
|
||||
position: absolute;
|
||||
left: px2rem(12);
|
||||
top: px2rem(71);
|
||||
background: linear-gradient(-90deg, #FBE1FF, #F090FF);
|
||||
}
|
||||
}
|
||||
|
||||
.null {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: relative;
|
||||
|
||||
img {
|
||||
width: px2rem(147);
|
||||
height: px2rem(151);
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
}
|
||||
|
||||
span {
|
||||
width: 100%;
|
||||
left: 0;
|
||||
top: 55%;
|
||||
transform: translateY(-50%);
|
||||
color: #A9A9A9;
|
||||
font-size: px2rem(30);
|
||||
font-weight: 400;
|
||||
position: absolute;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.pub {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
background: rgba(0, 0, 0, .6);
|
||||
z-index: 11;
|
||||
display: none;
|
||||
|
||||
.pub_in {
|
||||
background: #fff;
|
||||
border-radius: px2rem(30);
|
||||
box-sizing: border-box;
|
||||
padding: px2rem(50) px2rem(34);
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
|
||||
p {
|
||||
text-align: center;
|
||||
color: #333333;
|
||||
font-size: px2rem(34);
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.butBox {
|
||||
width: px2rem(514);
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin: px2rem(50) auto 0;
|
||||
|
||||
div {
|
||||
width: px2rem(240);
|
||||
height: px2rem(76);
|
||||
text-align: center;
|
||||
line-height: px2rem(76);
|
||||
border-radius: px2rem(76);
|
||||
font-size: px2rem(34);
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.close {
|
||||
background: #F5F5F5;
|
||||
color: #999999;
|
||||
}
|
||||
|
||||
.ok {
|
||||
background: linear-gradient(90deg, #53C7D4, #7C5EFD);
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
122
view/molistar/modules/guild-ar/css/success.css
Normal file
122
view/molistar/modules/guild-ar/css/success.css
Normal file
@@ -0,0 +1,122 @@
|
||||
body,
|
||||
html {
|
||||
width: 100%;
|
||||
background: #ffffff;
|
||||
}
|
||||
|
||||
.nav {
|
||||
width: 100%;
|
||||
height: 2.34667rem;
|
||||
background: #ffffff;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
z-index: 100;
|
||||
}
|
||||
|
||||
.nav .back {
|
||||
width: 0.58667rem;
|
||||
height: 0.58667rem;
|
||||
position: absolute;
|
||||
left: 0.4rem;
|
||||
bottom: 0.29333rem;
|
||||
}
|
||||
|
||||
.nav p {
|
||||
height: 0.58667rem;
|
||||
line-height: 0.58667rem;
|
||||
font-size: 0.42667rem;
|
||||
font-weight: 500;
|
||||
color: #313131;
|
||||
position: absolute;
|
||||
bottom: 0.26667rem;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
|
||||
main {
|
||||
padding-bottom: 0.53333rem;
|
||||
padding-top: 2.72rem;
|
||||
}
|
||||
|
||||
main .icon {
|
||||
width: 1.94667rem;
|
||||
height: 1.94667rem;
|
||||
display: block;
|
||||
margin: 0.96rem auto 0.32rem;
|
||||
}
|
||||
|
||||
main h1 {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
font-weight: 600;
|
||||
font-size: 0.42667rem;
|
||||
color: #313131;
|
||||
}
|
||||
|
||||
main h1 strong {
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
main .dollar {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
font-weight: 600;
|
||||
font-size: 0.48rem;
|
||||
color: #04D5C6;
|
||||
line-height: 0.66667rem;
|
||||
padding-top: 0.26667rem;
|
||||
}
|
||||
|
||||
main .exchange_wrap,
|
||||
main .settlement_wrap {
|
||||
width: 9.14667rem;
|
||||
margin: 0.8rem auto;
|
||||
background: #f4f4f4;
|
||||
border-radius: 0.21333rem;
|
||||
}
|
||||
|
||||
main .exchange_wrap li,
|
||||
main .settlement_wrap li {
|
||||
width: 8.4rem;
|
||||
padding: 0.26667rem;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
main .exchange_wrap li p,
|
||||
main .settlement_wrap li p {
|
||||
font-weight: 500;
|
||||
font-size: 0.37333rem;
|
||||
color: #7b7b7d;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
main .exchange_wrap li b,
|
||||
main .settlement_wrap li b {
|
||||
font-weight: 500;
|
||||
font-size: 0.37333rem;
|
||||
color: #313131;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
main .exchange_wrap li b #copy,
|
||||
main .settlement_wrap li b #copy {
|
||||
width: 0.42667rem;
|
||||
height: 0.42667rem;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
main .exchange_wrap li b .flag,
|
||||
main .settlement_wrap li b .flag {
|
||||
width: 0.42667rem;
|
||||
}
|
||||
|
||||
.arabic .nav .back {
|
||||
right: 0.4rem;
|
||||
left: unset;
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
127
view/molistar/modules/guild-ar/css/success.scss
Normal file
127
view/molistar/modules/guild-ar/css/success.scss
Normal file
@@ -0,0 +1,127 @@
|
||||
@function px2rem($px, $rem: 37.5) {
|
||||
@return $px / $rem +rem;
|
||||
}
|
||||
|
||||
body,
|
||||
html {
|
||||
width: 100%;
|
||||
background: #ffffff;
|
||||
// overflow: hidden;
|
||||
}
|
||||
|
||||
.nav {
|
||||
width: 100%;
|
||||
height: px2rem(88);
|
||||
background: #ffffff;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
z-index: 100;
|
||||
|
||||
.back {
|
||||
width: px2rem(22);
|
||||
height: px2rem(22);
|
||||
position: absolute;
|
||||
left: px2rem(15);
|
||||
bottom: px2rem(11);
|
||||
}
|
||||
|
||||
p {
|
||||
height: px2rem(22);
|
||||
line-height: px2rem(22);
|
||||
font-size: px2rem(16);
|
||||
font-weight: 500;
|
||||
color: #313131;
|
||||
position: absolute;
|
||||
bottom: px2rem(10);
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
}
|
||||
|
||||
main {
|
||||
padding-bottom: px2rem(20);
|
||||
padding-top: px2rem(102);
|
||||
|
||||
.icon {
|
||||
width: px2rem(73);
|
||||
height: px2rem(73);
|
||||
display: block;
|
||||
margin: px2rem(36) auto px2rem(12);
|
||||
}
|
||||
|
||||
h1 {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
font-weight: 600;
|
||||
font-size: px2rem(16);
|
||||
color: #313131;
|
||||
|
||||
strong {
|
||||
font-weight: 600;
|
||||
}
|
||||
}
|
||||
|
||||
.dollar {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
font-weight: 600;
|
||||
font-size: px2rem(18);
|
||||
color: #04D5C6;
|
||||
line-height: px2rem(25);
|
||||
padding-top: px2rem(10);
|
||||
}
|
||||
|
||||
.exchange_wrap,
|
||||
.settlement_wrap {
|
||||
width: px2rem(343);
|
||||
margin: px2rem(30) auto;
|
||||
background: #f4f4f4;
|
||||
border-radius: px2rem(8);
|
||||
|
||||
li {
|
||||
width: px2rem(315);
|
||||
padding: px2rem(10);
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
|
||||
p {
|
||||
font-weight: 500;
|
||||
font-size: px2rem(14);
|
||||
color: #7b7b7d;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
b {
|
||||
font-weight: 500;
|
||||
font-size: px2rem(14);
|
||||
color: #313131;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
white-space: nowrap;
|
||||
|
||||
#copy {
|
||||
width: px2rem(16);
|
||||
height: px2rem(16);
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.flag {
|
||||
width: px2rem(16);
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.arabic {
|
||||
.nav {
|
||||
.back {
|
||||
right: px2rem(15);
|
||||
left: unset;
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
}
|
||||
}
|
||||
66
view/molistar/modules/guild-ar/diamondWithdraw.html
Normal file
66
view/molistar/modules/guild-ar/diamondWithdraw.html
Normal file
@@ -0,0 +1,66 @@
|
||||
<!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/diamondWithdraw.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<!-- 頂部返回 -->
|
||||
<div class="back">
|
||||
<img src="./images/travel/back3.png" alt="">
|
||||
<div class="title text1"></div>
|
||||
</div>
|
||||
<!-- 我的钻石 -->
|
||||
<div class="myDiamond">
|
||||
<i>My diamond: </i>
|
||||
<b>0</b>
|
||||
<img src="./images/diamond.png" alt="">
|
||||
</div>
|
||||
<h3><span></span><b class="text1"></b></h3>
|
||||
<ul>
|
||||
<!-- <li class="canCustom">
|
||||
<p><img src="./images/custom.png" />Custom amount</p>
|
||||
</li>
|
||||
<li>
|
||||
<p>1 ÜS</p>
|
||||
<p>1,600 钻</p>
|
||||
</li>
|
||||
<li>
|
||||
<p>1 ÜS</p>
|
||||
<p>1,600 钻</p>
|
||||
</li>
|
||||
<li>
|
||||
<p>1 ÜS</p>
|
||||
<p>1,600 钻</p>
|
||||
</li> -->
|
||||
</ul>
|
||||
<div class="but text2"></div>
|
||||
<!-- 弹窗 -->
|
||||
<div class="pub" style="display: none;">
|
||||
<div class="pub_in">
|
||||
<h2 class="text3"></h2>
|
||||
<h3 class="text7">Successfully withdrawn <b>0</b>ÜS to salary account</h3>
|
||||
<div class="view text4"></div>
|
||||
<div class="close text5"></div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
<script src="../../common/js/flexible.js"></script>
|
||||
<script src="../../common/js/jquery-3.2.1.min.js"></script>
|
||||
<script src="../../common/js/common2.js"></script>
|
||||
<script src="../../common/js/layer.js"></script>
|
||||
<script src="../../common/js/vconsole.min.js"></script>
|
||||
<script src="../../common/js/route-constant.js"></script>
|
||||
<script src="./local/en.js"></script>
|
||||
<script src="./local/zh.js"></script>
|
||||
<script src="./local/ar.js"></script>
|
||||
<script src="./js/diamondWithdraw.js"></script>
|
||||
<script src="../../common/local/langHandler.js"></script>
|
||||
90
view/molistar/modules/guild-ar/guild.html
Normal file
90
view/molistar/modules/guild-ar/guild.html
Normal file
@@ -0,0 +1,90 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title class="text1"></title>
|
||||
<!-- 未加入公会首页 -->
|
||||
<link rel="stylesheet" href="../../common/css/reset.css">
|
||||
<link rel="stylesheet" href="./css/guild.css?v=1.1">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<!-- 頂部返回 -->
|
||||
<div class="back">
|
||||
<img src="./images/travel/backB.png" alt="">
|
||||
<b class="text2"></b>
|
||||
</div>
|
||||
<!-- 头部 -->
|
||||
<div class="top">
|
||||
<div class="left text3"></div>
|
||||
<img src="./images/fdj.png" alt="">
|
||||
</div>
|
||||
<!-- 列表 -->
|
||||
<ul>
|
||||
<!-- <li>
|
||||
<div class="num"></div>
|
||||
<img src="./images/ts1.png" alt="" class="ts">
|
||||
<img src="./images/logo.png" alt="" class="tx">
|
||||
<div class="user">
|
||||
<p>名称</p>
|
||||
<b>ID:0</b>
|
||||
</div>
|
||||
<div class="but">طلب إضافة </div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="num"></div>
|
||||
<img src="./images/ts2.png" alt="" class="ts">
|
||||
<img src="./images/logo.png" alt="" class="tx">
|
||||
<div class="user">
|
||||
<p>名称</p>
|
||||
<b>ID:0</b>
|
||||
</div>
|
||||
<div class="but">طلب إضافة </div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="num"></div>
|
||||
<img src="./images/ts3.png" alt="" class="ts">
|
||||
<img src="./images/logo.png" alt="" class="tx">
|
||||
<div class="user">
|
||||
<p>名称</p>
|
||||
<b>ID:0</b>
|
||||
</div>
|
||||
<div class="but">طلب إضافة </div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="num">4</div>
|
||||
<img src="./images/txK.png" alt="" class="ts">
|
||||
<img src="./images/logo.png" alt="" class="tx">
|
||||
<div class="user">
|
||||
<p>名称</p>
|
||||
<b>ID:0</b>
|
||||
</div>
|
||||
<div class="but">طلب إضافة </div>
|
||||
</li> -->
|
||||
</ul>
|
||||
<!-- 确认加入公会弹窗 -->
|
||||
<div class="pub">
|
||||
<div class="pub_in">
|
||||
<p class="text4"></p>
|
||||
<div class="butBox">
|
||||
<div class="close text5"></div>
|
||||
<div class="ok text6"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
<script src="../../common/js/flexible.js"></script>
|
||||
<script src="../../common/js/jquery-3.2.1.min.js"></script>
|
||||
<script src="../../common/js/common2.js"></script>
|
||||
<script src="../../common/js/layer.js"></script>
|
||||
<script src="../../common/js/vconsole.min.js"></script>
|
||||
<script src="../../common/js/route-constant.js"></script>
|
||||
<script src="./local/en.js"></script>
|
||||
<script src="./local/zh.js"></script>
|
||||
<script src="./local/ar.js"></script>
|
||||
<script src="./js/guild.js"></script>
|
||||
<script src="../../common/local/langHandler.js"></script>
|
||||
64
view/molistar/modules/guild-ar/guildInfoSet.html
Normal file
64
view/molistar/modules/guild-ar/guildInfoSet.html
Normal file
@@ -0,0 +1,64 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title class="text1"></title>
|
||||
<!-- 公会信息设置 -->
|
||||
<link rel="stylesheet" href="../../common/css/reset.css">
|
||||
<link rel="stylesheet" href="./css/guildInfoSet.css?v=1.0">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<!-- 頂部返回 -->
|
||||
<div class="back">
|
||||
<img src="./images/travel/backB.png" alt="">
|
||||
<b class="text2"></b>
|
||||
</div>
|
||||
<!-- 公会昵称 -->
|
||||
<h3 class="text3"></h3>
|
||||
<div class="name">
|
||||
<input disabled="true" type="text" placeholder="">
|
||||
<span class="textConte2">修改</span>
|
||||
</div>
|
||||
<!-- 公会背景图 -->
|
||||
<h3 class="text5">公会背景图</h3>
|
||||
<div class="background">
|
||||
<img src="./images/logo.png" alt="" class="">
|
||||
<span class="textConte2">修改</span>
|
||||
<input type="file" id="backImageUpload" accept="image/*" onchange="fileChangeF(event)" class="upload"
|
||||
style="opacity: 0;">
|
||||
</div>
|
||||
<!-- 收款帐户 -->
|
||||
<!-- <h3 class="textConte4 text5">收款帐户</h3> -->
|
||||
<div class="account payoneer">
|
||||
<i>payoneer:</i>
|
||||
<input type="text" placeholder="">
|
||||
<span class="textConte1 act">添加</span>
|
||||
</div>
|
||||
<div class="account usdt">
|
||||
<i>USDT-trc20:</i>
|
||||
<input type="text" placeholder="">
|
||||
<span class="textConte1 act">添加</span>
|
||||
</div>
|
||||
<div class="account paypal">
|
||||
<i>paypal:</i>
|
||||
<input type="text" placeholder="">
|
||||
<span class="textConte1 act">添加</span>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
<script src="../../common/js/flexible.js"></script>
|
||||
<script src="../../common/js/jquery-3.2.1.min.js"></script>
|
||||
<script src="../../common/js/common2.js"></script>
|
||||
<script src="../../common/js/layer.js"></script>
|
||||
<script src="../../common/js/vconsole.min.js"></script>
|
||||
<script src="../../common/js/route-constant.js"></script>
|
||||
<script src="./js/qiniu.min.js"></script>
|
||||
<script src="./local/en.js"></script>
|
||||
<script src="./local/zh.js"></script>
|
||||
<script src="./local/ar.js"></script>
|
||||
<script src="./js/guildInfoSet.js?v=1.3"></script>
|
||||
<script src="../../common/local/langHandler.js"></script>
|
||||
BIN
view/molistar/modules/guild-ar/images/boy.png
Normal file
BIN
view/molistar/modules/guild-ar/images/boy.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
BIN
view/molistar/modules/guild-ar/images/coin.png
Normal file
BIN
view/molistar/modules/guild-ar/images/coin.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.4 KiB |
BIN
view/molistar/modules/guild-ar/images/copy.png
Normal file
BIN
view/molistar/modules/guild-ar/images/copy.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 561 B |
BIN
view/molistar/modules/guild-ar/images/custom.png
Normal file
BIN
view/molistar/modules/guild-ar/images/custom.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 535 B |
BIN
view/molistar/modules/guild-ar/images/diamond.png
Normal file
BIN
view/molistar/modules/guild-ar/images/diamond.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.7 KiB |
BIN
view/molistar/modules/guild-ar/images/dollar.png
Normal file
BIN
view/molistar/modules/guild-ar/images/dollar.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.0 KiB |
BIN
view/molistar/modules/guild-ar/images/dor.png
Normal file
BIN
view/molistar/modules/guild-ar/images/dor.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
BIN
view/molistar/modules/guild-ar/images/dos.png
Normal file
BIN
view/molistar/modules/guild-ar/images/dos.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 6.2 KiB |
BIN
view/molistar/modules/guild-ar/images/dui.png
Normal file
BIN
view/molistar/modules/guild-ar/images/dui.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.5 KiB |
BIN
view/molistar/modules/guild-ar/images/fdj.png
Normal file
BIN
view/molistar/modules/guild-ar/images/fdj.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.0 KiB |
BIN
view/molistar/modules/guild-ar/images/girl.png
Normal file
BIN
view/molistar/modules/guild-ar/images/girl.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
BIN
view/molistar/modules/guild-ar/images/gold2.png
Normal file
BIN
view/molistar/modules/guild-ar/images/gold2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.5 KiB |
BIN
view/molistar/modules/guild-ar/images/goldIcon.png
Normal file
BIN
view/molistar/modules/guild-ar/images/goldIcon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 6.3 KiB |
BIN
view/molistar/modules/guild-ar/images/header.png
Normal file
BIN
view/molistar/modules/guild-ar/images/header.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.6 MiB |
BIN
view/molistar/modules/guild-ar/images/header_ts.png
Normal file
BIN
view/molistar/modules/guild-ar/images/header_ts.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 36 KiB |
BIN
view/molistar/modules/guild-ar/images/icon1.png
Normal file
BIN
view/molistar/modules/guild-ar/images/icon1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
BIN
view/molistar/modules/guild-ar/images/icon2.png
Normal file
BIN
view/molistar/modules/guild-ar/images/icon2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 451 B |
BIN
view/molistar/modules/guild-ar/images/icon3.png
Normal file
BIN
view/molistar/modules/guild-ar/images/icon3.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.5 KiB |
BIN
view/molistar/modules/guild-ar/images/icon4.png
Normal file
BIN
view/molistar/modules/guild-ar/images/icon4.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.4 KiB |
BIN
view/molistar/modules/guild-ar/images/inveMemberIcon.png
Normal file
BIN
view/molistar/modules/guild-ar/images/inveMemberIcon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.1 KiB |
BIN
view/molistar/modules/guild-ar/images/logo.png
Normal file
BIN
view/molistar/modules/guild-ar/images/logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 20 KiB |
BIN
view/molistar/modules/guild-ar/images/no1.png
Normal file
BIN
view/molistar/modules/guild-ar/images/no1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 17 KiB |
BIN
view/molistar/modules/guild-ar/images/no2.png
Normal file
BIN
view/molistar/modules/guild-ar/images/no2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 18 KiB |
BIN
view/molistar/modules/guild-ar/images/no3.png
Normal file
BIN
view/molistar/modules/guild-ar/images/no3.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 17 KiB |
BIN
view/molistar/modules/guild-ar/images/null.png
Normal file
BIN
view/molistar/modules/guild-ar/images/null.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 28 KiB |
BIN
view/molistar/modules/guild-ar/images/pop-ar.png
Normal file
BIN
view/molistar/modules/guild-ar/images/pop-ar.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.5 KiB |
BIN
view/molistar/modules/guild-ar/images/pop.png
Normal file
BIN
view/molistar/modules/guild-ar/images/pop.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.5 KiB |
BIN
view/molistar/modules/guild-ar/images/right.png
Normal file
BIN
view/molistar/modules/guild-ar/images/right.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 278 B |
BIN
view/molistar/modules/guild-ar/images/rigth.png
Normal file
BIN
view/molistar/modules/guild-ar/images/rigth.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 617 B |
BIN
view/molistar/modules/guild-ar/images/topBg.png
Normal file
BIN
view/molistar/modules/guild-ar/images/topBg.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 88 KiB |
BIN
view/molistar/modules/guild-ar/images/travel/back.png
Normal file
BIN
view/molistar/modules/guild-ar/images/travel/back.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.0 KiB |
BIN
view/molistar/modules/guild-ar/images/travel/back3.png
Normal file
BIN
view/molistar/modules/guild-ar/images/travel/back3.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 624 B |
BIN
view/molistar/modules/guild-ar/images/travel/backB.png
Normal file
BIN
view/molistar/modules/guild-ar/images/travel/backB.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.9 KiB |
BIN
view/molistar/modules/guild-ar/images/ts1.png
Normal file
BIN
view/molistar/modules/guild-ar/images/ts1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 51 KiB |
BIN
view/molistar/modules/guild-ar/images/ts2.png
Normal file
BIN
view/molistar/modules/guild-ar/images/ts2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 52 KiB |
BIN
view/molistar/modules/guild-ar/images/ts3.png
Normal file
BIN
view/molistar/modules/guild-ar/images/ts3.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 52 KiB |
BIN
view/molistar/modules/guild-ar/images/txK.png
Normal file
BIN
view/molistar/modules/guild-ar/images/txK.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 11 KiB |
BIN
view/molistar/modules/guild-ar/images/upDate.png
Normal file
BIN
view/molistar/modules/guild-ar/images/upDate.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.3 KiB |
BIN
view/molistar/modules/guild-ar/images/why.png
Normal file
BIN
view/molistar/modules/guild-ar/images/why.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
BIN
view/molistar/modules/guild-ar/images/xjt.png
Normal file
BIN
view/molistar/modules/guild-ar/images/xjt.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
156
view/molistar/modules/guild-ar/index.html
Normal file
156
view/molistar/modules/guild-ar/index.html
Normal file
@@ -0,0 +1,156 @@
|
||||
<!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/index.css?v1.0">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<!-- 頂部返回 -->
|
||||
<div class="back">
|
||||
<img src="./images/travel/back.png" alt="">
|
||||
<b class="text2"></b>
|
||||
</div>
|
||||
<!-- 主视觉头部背景 -->
|
||||
<div class="header">
|
||||
<img src="./images/header_ts.png" alt="" class="ts">
|
||||
<img src="./images/logo.png" alt="" class="tx">
|
||||
<!-- 工会长昵称 -->
|
||||
<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> -->
|
||||
|
||||
<!-- 管理员设置 -->
|
||||
<!-- <div class="adminSet text3"></div> -->
|
||||
<!-- 公会信息设置 -->
|
||||
<!-- <div class="guildInfoSet text4"></div> -->
|
||||
<!-- 查看成员流水 -->
|
||||
<!-- <div class="memberFlow text5"></div> -->
|
||||
<!-- 查看成员流水 -->
|
||||
<!-- <div class="memberFlowMy text7"></div> -->
|
||||
<!-- 邀请成员 -->
|
||||
<!-- <div class="inveMember text6"></div> -->
|
||||
|
||||
<!-- <div class="headerBox">
|
||||
<div class="memberFlow">
|
||||
<img src="./images/icon1.png" alt="">
|
||||
<span class="texts1"></span>
|
||||
</div>
|
||||
<div class="memberFlow2">
|
||||
<img src="./images/icon2.png" alt="">
|
||||
<span class="texts2"></span>
|
||||
</div>
|
||||
<div class="guildInfoSet">
|
||||
<img src="./images/icon3.png" alt="">
|
||||
<span class="texts3"></span>
|
||||
</div>
|
||||
<div class="adminSet">
|
||||
<img src="./images/icon4.png" alt="">
|
||||
<span class="texts4"></span>
|
||||
</div>
|
||||
<div class="myWages">
|
||||
<img src="./images/icon2.png" alt="">
|
||||
<span class="texts5"></span>
|
||||
</div>
|
||||
</div> -->
|
||||
</div>
|
||||
<!-- 信息入口 -->
|
||||
<div class="headerBox">
|
||||
<div class="headerBox_in">
|
||||
<div style="display: none;" class="memberFlow E3F2FF">
|
||||
<img src="./images/icon1.png" alt="">
|
||||
<span class="newtext1"></span>
|
||||
</div>
|
||||
<div style="display: none;" class="memberFlow2 FFEFE5">
|
||||
<img src="./images/icon2.png" alt="">
|
||||
<span class="newtext2"></span>
|
||||
</div>
|
||||
<div style="display: none;" class="guildInfoSet">
|
||||
<img src="./images/icon3.png" alt="">
|
||||
<span class="newtext3"></span>
|
||||
</div>
|
||||
<div style="display: none;" class="adminSet">
|
||||
<img src="./images/icon4.png" alt="">
|
||||
<span class="newtext4"></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="">
|
||||
</div>
|
||||
<ul>
|
||||
<!-- <li>
|
||||
<div class="chairman">الوكيل</div>
|
||||
<div class="administrator">المشرف</div>
|
||||
<img src="./images/logo.png" alt="" class="tx">
|
||||
<div class="user">
|
||||
<p>昵称昵称昵称昵称</p>
|
||||
<img src="./images/boy.png" alt="" class="sex">
|
||||
<img src="./images/icon1.png" alt="" class="wealth">
|
||||
<img src="./images/icon2.png" alt="" class="charm">
|
||||
<b>ID:0</b>
|
||||
</div>
|
||||
<div class="but">حذف</div>
|
||||
</li> -->
|
||||
</ul>
|
||||
</div>
|
||||
<!-- 弹窗 -->
|
||||
<div class="pub">
|
||||
<div class="pub_in">
|
||||
<!-- 移除此人 -->
|
||||
<p>من الوكالة؟XXXxxxهل أنت متأكد أنك تريد إزالة </p>
|
||||
<div class="butBox">
|
||||
<div class="close text9"></div>
|
||||
<div class="ok text10"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
<script src="../../common/js/flexible.js"></script>
|
||||
<script src="../../common/js/jquery-3.2.1.min.js"></script>
|
||||
<script src="../../common/js/common2.js"></script>
|
||||
<script src="../../common/js/layer.js"></script>
|
||||
<script src="../../common/js/vconsole.min.js"></script>
|
||||
<script src="../../common/js/route-constant.js"></script>
|
||||
<script src="./local/en.js"></script>
|
||||
<script src="./local/zh.js"></script>
|
||||
<script src="./local/ar.js"></script>
|
||||
<script src="./js/index.js?v=1.3"></script>
|
||||
<script src="../../common/local/langHandler.js"></script>
|
||||
62
view/molistar/modules/guild-ar/invitation.html
Normal file
62
view/molistar/modules/guild-ar/invitation.html
Normal file
@@ -0,0 +1,62 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title class="text1"></title>
|
||||
<!-- 邀请成员 -->
|
||||
<link rel="stylesheet" href="../../common/css/reset.css">
|
||||
<link rel="stylesheet" href="./css/invitation.css?v=1.1">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<!-- 顶部 -->
|
||||
<div class="back">
|
||||
<img src="./images/travel/backB.png" alt="" class="backs">
|
||||
<img src="./images/fdj.png" alt="" class="fdj">
|
||||
<input class="text2" type="text" placeholder="">
|
||||
<div class="text text3"></div>
|
||||
</div>
|
||||
<!-- 内容 -->
|
||||
<ul>
|
||||
<!-- <li>
|
||||
<img src="./images/logo.png" alt="" class="tx">
|
||||
<div class="user">
|
||||
<p>昵称昵称昵称昵称</p>
|
||||
<img src="./images/boy.png" alt="" class="sex">
|
||||
<img src="./images/icon1.png" alt="" class="wealth">
|
||||
<img src="./images/icon2.png" alt="" class="charm">
|
||||
<b>ID:0</b>
|
||||
</div>
|
||||
<div class="but">دعوة</div>
|
||||
</li> -->
|
||||
<li class="null">
|
||||
<img src="./images/null.png" alt="">
|
||||
<span class="text4"></span>
|
||||
</li>
|
||||
</ul>
|
||||
<!-- 弹窗 -->
|
||||
<div class="pub" style="display: none;">
|
||||
<div class="pub_in">
|
||||
<p class="text5"></p>
|
||||
<div class="butBox">
|
||||
<div class="close text6"></div>
|
||||
<div class="ok text7"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
<script src="../../common/js/flexible.js"></script>
|
||||
<script src="../../common/js/jquery-3.2.1.min.js"></script>
|
||||
<script src="../../common/js/common2.js"></script>
|
||||
<script src="../../common/js/layer.js"></script>
|
||||
<script src="../../common/js/vconsole.min.js"></script>
|
||||
<script src="../../common/js/route-constant.js"></script>
|
||||
<script src="./local/en.js"></script>
|
||||
<script src="./local/zh.js"></script>
|
||||
<script src="./local/ar.js"></script>
|
||||
<script src="./js/invitation.js?v=1.0"></script>
|
||||
<script src="../../common/local/langHandler.js"></script>
|
||||
156
view/molistar/modules/guild-ar/js/adminSet.js
Normal file
156
view/molistar/modules/guild-ar/js/adminSet.js
Normal file
@@ -0,0 +1,156 @@
|
||||
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;
|
||||
// 初始化函數
|
||||
$(function () {
|
||||
getInfoFromClient();
|
||||
fuzzyMatchUpdateQueryStringParameterFun(); // 判断语言
|
||||
setTimeout(function () {
|
||||
// 頁面全屏
|
||||
if (browser.app) {
|
||||
if (browser.android) {
|
||||
window.androidJsObj.initShowNav(false)
|
||||
} else {
|
||||
window.webkit.messageHandlers.initShowNav.postMessage(0)
|
||||
}
|
||||
};
|
||||
// 頂部返回事件
|
||||
$('.back .backs').click(() => {
|
||||
window.history.back();
|
||||
})
|
||||
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.adminSet.text1));
|
||||
$('.text2').text(langReplace(localLang.adminSet.text2));
|
||||
$('.text3').text(langReplace(localLang.adminSet.text3));
|
||||
$('.text4').text(langReplace(localLang.adminSet.text4));
|
||||
$('.text5').text(langReplace(localLang.adminSet.text5));
|
||||
$('.text6').text(langReplace(localLang.adminSet.text6));
|
||||
$('.text16').attr('placeholder', langReplace(localLang.demoModule.text16));
|
||||
$('.texts1').text(langReplace(localLang.adminSet2.text6));
|
||||
$('.texts2').text(langReplace(localLang.adminSet2.text7));
|
||||
}
|
||||
// 搜索接口
|
||||
function searchUser(erbanNo) {
|
||||
var str = '';
|
||||
$('ul li').remove();
|
||||
showLoading()
|
||||
networkRequest({
|
||||
type: 'get',
|
||||
url: urlPrefix + '/guild/searchUser',
|
||||
data: { erbanNo, type: 2 },
|
||||
success(res) {
|
||||
if (res.code === 200) {
|
||||
console.log(res.data);
|
||||
// res.data.forEach(res => {
|
||||
str += `
|
||||
<li>
|
||||
<img src="${res.data.avatar}" alt="" class="tx">
|
||||
<div class="user">
|
||||
<p>${res.data.nick}</p>
|
||||
<img src="${res.data.gender == 1 ? './images/boy.png' : './images/girl.png'}" alt="" class="sex">
|
||||
<img src="${res.data.userLevelVo.experUrl}" alt="" class="wealth">
|
||||
<img src="${res.data.userLevelVo.charmUrl}" alt="" class="charm">
|
||||
<b>ID:${res.data.erbanNo}</b>
|
||||
</div>
|
||||
<div style="display:${res.roleType == 1 || res.roleType == 2 ? 'none' : 'block'}" uid=${res.data.uid} class="but">${langReplace(localLang.adminSet.text7)}</div>
|
||||
</li>
|
||||
`
|
||||
// })
|
||||
$('ul').append(str);
|
||||
} else if (res.code == 1404) {
|
||||
str += `
|
||||
<li class="null">
|
||||
<img src="./images/null.png" alt="">
|
||||
<span>${langReplace(localLang.adminSet.text3)}</span>
|
||||
</li>`
|
||||
$('ul').append(str);
|
||||
} else {
|
||||
toastMsg(res.message)
|
||||
}
|
||||
hideLoading(layerIndex)
|
||||
},
|
||||
error(err) {
|
||||
hideLoading(layerIndex)
|
||||
toastMsg(langReplace(localLang.demoModule.layerIndex3))
|
||||
}
|
||||
})
|
||||
}
|
||||
// 搜索接口
|
||||
$('.back .text').click(function () {
|
||||
var val = $('.back input').val();
|
||||
searchUser(val);
|
||||
})
|
||||
// 二次确认弹窗
|
||||
$('ul').on('click', 'li .but', function () {
|
||||
var uid = $(this).attr("uid");
|
||||
$('.pub .pub_in .butBox .ok').attr("uid", uid);
|
||||
$('.pub').show();
|
||||
})
|
||||
// 二次确认
|
||||
$('.pub .pub_in .butBox .ok').click(function () {
|
||||
var uid = $('.pub .pub_in .butBox .ok').attr("uid");
|
||||
setManager(uid);
|
||||
$('.pub').hide();
|
||||
})
|
||||
// 添加管理员接口
|
||||
function setManager(targetUid) {
|
||||
showLoading()
|
||||
networkRequest({
|
||||
type: 'post',
|
||||
url: urlPrefix + '/guild/setManager',
|
||||
data: { targetUid, type: 1 },
|
||||
success(res) {
|
||||
if (res.code === 200) {
|
||||
searchUser($('.back input').val());
|
||||
toastMsg(langReplace(localLang.adminSet.text8));
|
||||
} else {
|
||||
toastMsg(res.message)
|
||||
}
|
||||
hideLoading(layerIndex)
|
||||
},
|
||||
error(err) {
|
||||
hideLoading(layerIndex)
|
||||
toastMsg(langReplace(localLang.demoModule.layerIndex3))
|
||||
}
|
||||
})
|
||||
}
|
||||
// 关闭弹窗
|
||||
$('.pub .pub_in .butBox .close').click(function () {
|
||||
$('.pub').hide();
|
||||
})
|
||||
154
view/molistar/modules/guild-ar/js/adminSet2.js
Normal file
154
view/molistar/modules/guild-ar/js/adminSet2.js
Normal file
@@ -0,0 +1,154 @@
|
||||
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;
|
||||
// 初始化函數
|
||||
$(function () {
|
||||
getInfoFromClient();
|
||||
fuzzyMatchUpdateQueryStringParameterFun(); // 判断语言
|
||||
setTimeout(function () {
|
||||
// 頁面全屏
|
||||
if (browser.app) {
|
||||
if (browser.android) {
|
||||
window.androidJsObj.initShowNav(false)
|
||||
} else {
|
||||
window.webkit.messageHandlers.initShowNav.postMessage(0)
|
||||
}
|
||||
};
|
||||
// 頂部返回事件
|
||||
$('.back .backs').click(() => {
|
||||
window.location.href = "./index.html";
|
||||
})
|
||||
fuzzyMatchUpdateQueryStringParameterFun(); // 判断语言
|
||||
langReplace = window.lang.replace;
|
||||
localLang = window.lang;
|
||||
translateFun();
|
||||
listManager();
|
||||
}, 100)
|
||||
})
|
||||
function translateFun() {
|
||||
var langReplace = window.lang.replace;
|
||||
var localLang = window.lang;
|
||||
$('.text1').text(langReplace(localLang.adminSet2.text1));
|
||||
$('.text2').text(langReplace(localLang.adminSet2.text2));
|
||||
$('.text3').text(langReplace(localLang.adminSet2.text3));
|
||||
$('.text4').text(langReplace(localLang.adminSet2.text4));
|
||||
$('.text5').text(langReplace(localLang.adminSet2.text5));
|
||||
$('.text6').text(langReplace(localLang.adminSet2.text6));
|
||||
$('.text7').text(langReplace(localLang.adminSet2.text7));
|
||||
}
|
||||
// 搜索所有管理员接口
|
||||
function listManager() {
|
||||
$('ul li').remove();
|
||||
showLoading()
|
||||
networkRequest({
|
||||
type: 'get',
|
||||
url: urlPrefix + '/guild/listManager',
|
||||
success(res) {
|
||||
if (res.code === 200) {
|
||||
var str = '';
|
||||
if (res.data.length == 0) {
|
||||
str += `
|
||||
<li class="null">
|
||||
<img src="./images/null.png" alt="">
|
||||
<span>${langReplace(localLang.adminSet2.text4)}</span>
|
||||
</li>`
|
||||
} else {
|
||||
res.data.forEach(res => {
|
||||
str += `
|
||||
<li>
|
||||
<div class="chairman" ${res.roleType == 3 ? 'style="display:none"' : ''}>${langReplace(localLang.adminSet2.text8)}</div>
|
||||
<div class="administrator" ${res.roleType == 2 ? 'style="display:none"' : ''}>${langReplace(localLang.adminSet2.text9)}</div>
|
||||
<img src="${res.avatar}" alt="" class="tx">
|
||||
<div class="user">
|
||||
<p>${res.nick}</p>
|
||||
<img src="${res.gender == 1 ? './images/boy.png' : './images/girl.png'}" alt="" class="sex">
|
||||
<img src="${res.userLevel.experUrl}" alt="" class="wealth">
|
||||
<img src="${res.userLevel.charmUrl}" alt="" class="charm">
|
||||
<b>ID:${res.erbanNo}</b>
|
||||
</div>
|
||||
<div class="but" uid=${res.uid}>${langReplace(localLang.adminSet2.text10)} </div>
|
||||
`
|
||||
})
|
||||
}
|
||||
$('ul').append(str);
|
||||
} else {
|
||||
toastMsg(res.message)
|
||||
}
|
||||
hideLoading(layerIndex)
|
||||
},
|
||||
error(err) {
|
||||
hideLoading(layerIndex)
|
||||
toastMsg(langReplace(localLang.demoModule.layerIndex3))
|
||||
}
|
||||
})
|
||||
}
|
||||
// 移除管理员按钮
|
||||
$('.back .text').click(function () {
|
||||
window.location.href = `./adminSet.html?roleTypes=${roleTypes}`
|
||||
})
|
||||
// 二次确认弹窗
|
||||
$('ul').on('click', 'li .but', function () {
|
||||
var uid = $(this).attr("uid");
|
||||
$('.pub .pub_in .butBox .ok').attr("uid", uid);
|
||||
$('.pub').show();
|
||||
})
|
||||
// 二次确认
|
||||
$('.pub .pub_in .butBox .ok').click(function () {
|
||||
var uid = $('.pub .pub_in .butBox .ok').attr("uid");
|
||||
setManager(uid);
|
||||
$('.pub').hide();
|
||||
})
|
||||
// 移除管理员接口
|
||||
function setManager(targetUid) {
|
||||
showLoading()
|
||||
networkRequest({
|
||||
type: 'post',
|
||||
url: urlPrefix + '/guild/setManager',
|
||||
data: { targetUid, type: 0 },
|
||||
success(res) {
|
||||
if (res.code === 200) {
|
||||
listManager();
|
||||
toastMsg(langReplace(localLang.adminSet2.text11));
|
||||
} else {
|
||||
toastMsg(res.message)
|
||||
}
|
||||
hideLoading(layerIndex)
|
||||
},
|
||||
error(err) {
|
||||
hideLoading(layerIndex)
|
||||
toastMsg(langReplace(localLang.demoModule.layerIndex3))
|
||||
}
|
||||
})
|
||||
}
|
||||
// 关闭弹窗
|
||||
$('.pub .pub_in .butBox .close').click(function () {
|
||||
$('.pub').hide();
|
||||
})
|
||||
150
view/molistar/modules/guild-ar/js/bill.js
Normal file
150
view/molistar/modules/guild-ar/js/bill.js
Normal file
@@ -0,0 +1,150 @@
|
||||
const urlData = getQueryString();
|
||||
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 list = [];
|
||||
var pageNo = 1;
|
||||
var pageSize = 20;
|
||||
var canNext = true;
|
||||
var type = 1 //1--收入 2--支出
|
||||
|
||||
$(function () {
|
||||
getInfoFromClient();
|
||||
fuzzyMatchUpdateQueryStringParameterFun(); // 判断语言
|
||||
setTimeout(function () {
|
||||
// 頁面全屏
|
||||
if (browser.app) {
|
||||
if (browser.android) {
|
||||
window.androidJsObj.initShowNav(false)
|
||||
} else {
|
||||
window.webkit.messageHandlers.initShowNav.postMessage(0)
|
||||
}
|
||||
};
|
||||
// 頂部返回事件
|
||||
$('.nav .back').click(() => {
|
||||
window.history.back();
|
||||
})
|
||||
fuzzyMatchUpdateQueryStringParameterFun(); // 判断语言
|
||||
langReplace = window.lang.replace;
|
||||
localLang = window.lang;
|
||||
translateFun();
|
||||
getData()
|
||||
}, 100);
|
||||
|
||||
// 页面触底 分页加载
|
||||
$(window).scroll(function () {
|
||||
if ($(this).scrollTop() + $(this).height() >= $(document).height() - 5) {
|
||||
console.log(list.length);
|
||||
if (canNext && list.length == pageSize) {
|
||||
canNext = false
|
||||
pageNo++;
|
||||
getData();
|
||||
} else {
|
||||
// toastMsg("No more~");
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
});
|
||||
|
||||
function translateFun() {
|
||||
langReplace = window.lang.replace;
|
||||
localLang = window.lang;
|
||||
$('.text1').text(langReplace(localLang.bill.text1));
|
||||
$('.text2').text(langReplace(localLang.bill.text2));
|
||||
$('.text3').text(langReplace(localLang.bill.text3));
|
||||
|
||||
}
|
||||
|
||||
// 获取账单列表
|
||||
function getData() {
|
||||
showLoading();
|
||||
networkRequest({
|
||||
type: "GET",
|
||||
url: urlPrefix + "/guild/usd/bill/page",
|
||||
data: { type, page: pageNo, pageSize, uid: pubInfo.uid },
|
||||
success: function (res) {
|
||||
if (res.code == 200) {
|
||||
list = res.data
|
||||
let str = ''
|
||||
list.forEach(item => {
|
||||
// tradeType 1 收入 2支出
|
||||
// if (item.tradeType == 1) {
|
||||
str += `<li>
|
||||
<div>
|
||||
<p>${item.type == 1 ? `${langReplace(localLang.bill.text5)}` : item.type == 2 ? `${langReplace(localLang.bill.text6)}` : item.type == 3 ? `${langReplace(localLang.bill.text7)}` : item.type == 4 ? `ID:${type == 1 ? item.target.erbanNo : item.me.erbanNo} ${langReplace(localLang.bill.text8)} ID: ${type == 1 ? item.me.erbanNo : item.target.erbanNo}` : `${langReplace(localLang.bill.text9)}`}</p>
|
||||
<b>${type == 1 ? '+' + item.operateUsdNum.toLocaleString() : item.operateUsdNum.toLocaleString()} ÜS</b>
|
||||
</div>
|
||||
<div>
|
||||
<span>${langReplace(localLang.bill.text4)}${item.beforeUsdNum}ÜS->${item.afterUsdNum}ÜS</span>
|
||||
<span>${dateFormat(item.createTime, 'yyyy/MM/dd hh:mm:ss')}</span>
|
||||
</div>
|
||||
</li>`
|
||||
// } else {
|
||||
// str += `<li>
|
||||
// <div>
|
||||
// <p>${item.type == 1 ? '' : item.type == 2 ? '' : item.type == 3 ? '' : item.type == 4 ? '' : ''}</p>
|
||||
// <b>-${item.operateUsdNum.toLocaleString()} ÜS</b>
|
||||
// </div>
|
||||
// <div>
|
||||
// <span>Salary:${item.beforeUsdNum}ÜS->${item.afterUsdNum}ÜS</span>
|
||||
// <span>${dateFormat(item.createTime, 'yyyy/MM/dd hh:mm:ss')}</span>
|
||||
// </div>
|
||||
// </li>`
|
||||
// }
|
||||
});
|
||||
$('ul').append(str)
|
||||
}
|
||||
canNext = true
|
||||
hideLoading(layerIndex);
|
||||
},
|
||||
error: function (res) {
|
||||
console.log(res, "报错啦");
|
||||
hideLoading(layerIndex);
|
||||
canNext = true
|
||||
},
|
||||
});
|
||||
}
|
||||
|
||||
$(".income_expenses p").click(function () {
|
||||
let i = $(this).index()
|
||||
$(this).addClass('act')
|
||||
$(this).siblings().removeClass('act')
|
||||
pageNo = 1
|
||||
canNext = true
|
||||
$('ul li').remove()
|
||||
if (i == 0) {
|
||||
type = 1
|
||||
} else {
|
||||
type = 2
|
||||
}
|
||||
getData()
|
||||
})
|
||||
160
view/molistar/modules/guild-ar/js/diamondWithdraw.js
Normal file
160
view/molistar/modules/guild-ar/js/diamondWithdraw.js
Normal file
@@ -0,0 +1,160 @@
|
||||
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;
|
||||
var searTime;
|
||||
var guildNick;
|
||||
var backgroundUrl;
|
||||
var payoneer;
|
||||
var usdt;
|
||||
var payPal;
|
||||
var familyMemberId;
|
||||
// 初始化函數
|
||||
$(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();
|
||||
getDiamondWithdrawChannel();
|
||||
}, 100)
|
||||
})
|
||||
function translateFun() {
|
||||
var langReplace = window.lang.replace;
|
||||
var localLang = window.lang;
|
||||
$('.text1').text(langReplace(localLang.diamondWithdraw.text1));
|
||||
$('.text2').text(langReplace(localLang.diamondWithdraw.text2));
|
||||
$('.text3').text(langReplace(localLang.diamondWithdraw.text3));
|
||||
$('.text4').text(langReplace(localLang.diamondWithdraw.text4));
|
||||
$('.text5').text(langReplace(localLang.diamondWithdraw.text5));
|
||||
$('.text7').html(langReplace(localLang.diamondWithdraw.text7));
|
||||
}
|
||||
|
||||
// 进入薪资页面弹窗按钮
|
||||
$('.pub .pub_in .view').click(function () {
|
||||
window.location.href = `./salary_account.html`
|
||||
})
|
||||
|
||||
//获取档位
|
||||
function getDiamondWithdrawChannel() {
|
||||
$('ul li').remove();
|
||||
showLoading()
|
||||
networkRequest({
|
||||
type: 'get',
|
||||
url: urlPrefix + '/guild/usd/getDiamondWithdrawChannel',
|
||||
success(res) {
|
||||
if (res.code === 200) {
|
||||
// 处理当前钻石余额
|
||||
$('.myDiamond b').text(res.data.diamondNum);
|
||||
// 是否支持自定义
|
||||
if (res.data.prodChannel.canCustom) {
|
||||
$('ul').append(`
|
||||
<li class="canCustom">
|
||||
<p><img src="./images/custom.png"/>Custom amount</p>
|
||||
</li>
|
||||
`)
|
||||
}
|
||||
// 处理档位
|
||||
var str = '';
|
||||
res.data.prodChannel.prodList.forEach((res, i) => {
|
||||
str += `
|
||||
<li class="${i == 0 ? 'act' : ''}" guildUsdNum=${res.guildUsdNum}>
|
||||
<p>${res.guildUsdNum} ÜS</p>
|
||||
<p>${res.currencyNum} ${langReplace(localLang.diamondWithdraw.text6)}</p>
|
||||
</li>
|
||||
`
|
||||
});
|
||||
$('.but').attr('guildUsdNum', res.data.prodChannel.prodList[0].guildUsdNum);
|
||||
$('ul').append(str);
|
||||
} else {
|
||||
toastMsg(res.message)
|
||||
}
|
||||
hideLoading(layerIndex)
|
||||
},
|
||||
error(err) {
|
||||
hideLoading(layerIndex)
|
||||
toastMsg(langReplace(localLang.demoModule.layerIndex3))
|
||||
}
|
||||
})
|
||||
|
||||
}
|
||||
// 选择档位列表
|
||||
$('ul').on('click', 'li', function () {
|
||||
var guildUsdNum = $(this).attr(`guildUsdNum`);
|
||||
$(this).addClass('act').siblings().removeClass('act');
|
||||
$('.but').attr('guildUsdNum', guildUsdNum);
|
||||
})
|
||||
// 确认提现按钮
|
||||
$('.but').click(function () {
|
||||
var guildUsdNum = $(this).attr(`guildUsdNum`);
|
||||
showLoading()
|
||||
networkRequest({
|
||||
type: 'post',
|
||||
url: urlPrefix + '/guild/usd/withdraw',
|
||||
data: { guildUsdNum },
|
||||
success(res) {
|
||||
if (res.code === 200) {
|
||||
getDiamondWithdrawChannel();
|
||||
$('.pub .pub_in h3 b').text(`${guildUsdNum}`)
|
||||
$('.pub').show();
|
||||
} else {
|
||||
toastMsg(res.message)
|
||||
}
|
||||
hideLoading(layerIndex)
|
||||
},
|
||||
error(err) {
|
||||
hideLoading(layerIndex)
|
||||
toastMsg(langReplace(localLang.demoModule.layerIndex3))
|
||||
}
|
||||
})
|
||||
})
|
||||
// 关闭弹窗
|
||||
$('.pub .pub_in .close').click(function () {
|
||||
$('.pub').hide();
|
||||
})
|
||||
// 跳转薪资页面
|
||||
$('.pub .pub_in .view').click(function () {
|
||||
$('.pub').hide();
|
||||
window.location.href = `./salary_account.html`
|
||||
})
|
||||
175
view/molistar/modules/guild-ar/js/guild.js
Normal file
175
view/molistar/modules/guild-ar/js/guild.js
Normal file
@@ -0,0 +1,175 @@
|
||||
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'
|
||||
})
|
||||
}
|
||||
// 初始化函數
|
||||
$(function () {
|
||||
getInfoFromClient();
|
||||
fuzzyMatchUpdateQueryStringParameterFun(); // 判断语言
|
||||
setTimeout(function () {
|
||||
// 頁面全屏
|
||||
if (browser.app) {
|
||||
if (browser.android) {
|
||||
window.androidJsObj.initShowNav(false)
|
||||
} else {
|
||||
window.webkit.messageHandlers.initShowNav.postMessage(0)
|
||||
}
|
||||
};
|
||||
// 頂部返回事件
|
||||
$('.back img').click(() => {
|
||||
if (browser.android) {
|
||||
window.androidJsObj.closeWebView()
|
||||
} else {
|
||||
window.webkit.messageHandlers.closeWebView.postMessage(null)
|
||||
}
|
||||
})
|
||||
fuzzyMatchUpdateQueryStringParameterFun(); // 判断语言
|
||||
langReplace = window.lang.replace;
|
||||
localLang = window.lang;
|
||||
translateFun();
|
||||
listRank();
|
||||
}, 100)
|
||||
})
|
||||
function translateFun() {
|
||||
var langReplace = window.lang.replace;
|
||||
var localLang = window.lang;
|
||||
$('.text1').text(langReplace(localLang.guild.text1));
|
||||
$('.text2').text(langReplace(localLang.guild.text2));
|
||||
$('.text3').text(langReplace(localLang.guild.text3));
|
||||
$('.text4').text(langReplace(localLang.guild.text4));
|
||||
$('.text5').text(langReplace(localLang.guild.text5));
|
||||
$('.text6').text(langReplace(localLang.guild.text6));
|
||||
}
|
||||
// 搜索按钮
|
||||
$('.top img').click(function () {
|
||||
window.location.href = './search.html'
|
||||
})
|
||||
// 配置接口
|
||||
function listRank() {
|
||||
$('ul li').remove();
|
||||
showLoading()
|
||||
networkRequest({
|
||||
type: 'get',
|
||||
url: urlPrefix + '/guild/listRank',
|
||||
success(res) {
|
||||
if (res.code === 200) {
|
||||
var str = '';
|
||||
if (res.data.length > 6) {//
|
||||
var arr = generateUniqueRandomNumbers(2, 0, res.data.length - 1);
|
||||
var val = res.data;
|
||||
arr.forEach(res => {
|
||||
str += `
|
||||
<li>
|
||||
<div class="num">${i > 2 ? i + 1 : ''}</div>
|
||||
|
||||
<img src="${val.owner.avatar}" alt="" class="tx">
|
||||
<div class="user">
|
||||
<p>${val.guildName}</p>
|
||||
<b>ID:${val.owner.erbanNo}</b>
|
||||
</div>
|
||||
<div class="but" familyId=${val.guildId}>${langReplace(localLang.guild.text7)}</div>
|
||||
</li>
|
||||
`
|
||||
})
|
||||
} else {
|
||||
res.data.forEach((res, i) => {
|
||||
str += `
|
||||
<li>
|
||||
<div class="num">${i > 2 ? i + 1 : ''}</div>
|
||||
<img src="${i <= 2 ? `./images/ts${i + 1}.png` : './images/txK.png'}" alt="" class="ts">
|
||||
<img src="${res.owner.avatar}" alt="" class="tx">
|
||||
<div class="user">
|
||||
<p>${res.guildName}</p>
|
||||
<b>ID:${res.owner.erbanNo}</b>
|
||||
</div>
|
||||
<div class="but" familyId=${res.guildId}>${langReplace(localLang.guild.text7)}</div>
|
||||
</li>
|
||||
`
|
||||
})
|
||||
}
|
||||
$('ul').append(str);
|
||||
} else {
|
||||
toastMsg(res.message)
|
||||
}
|
||||
hideLoading(layerIndex)
|
||||
},
|
||||
error(err) {
|
||||
hideLoading(layerIndex)
|
||||
toastMsg(langReplace(localLang.demoModule.layerIndex3))
|
||||
}
|
||||
})
|
||||
}
|
||||
// 随机数
|
||||
function generateUniqueRandomNumbers(count, min, max) {
|
||||
const uniqueNumbers = new Set();
|
||||
|
||||
while (uniqueNumbers.size < count) {
|
||||
const randomNumber = Math.floor(Math.random() * (max - min + 1)) + min;
|
||||
uniqueNumbers.add(randomNumber);
|
||||
}
|
||||
|
||||
return [...uniqueNumbers];
|
||||
}
|
||||
// 确认加入按钮
|
||||
$('ul').on('click', 'li .but', function () {
|
||||
var familyId = $(this).attr('familyId');
|
||||
$('.pub .pub_in .butBox .ok').attr('familyId', familyId);
|
||||
$('.pub').show();
|
||||
})
|
||||
// 取消
|
||||
$('.pub .pub_in .butBox .close').click(function () {
|
||||
$('.pub').hide();
|
||||
})
|
||||
// 二次确认
|
||||
$('.pub .pub_in .butBox .ok').click(function () {
|
||||
var familyId = $(this).attr('familyId');
|
||||
apply(familyId);
|
||||
$('.pub').hide();
|
||||
})
|
||||
// 配置接口
|
||||
function apply(familyId) {
|
||||
showLoading()
|
||||
networkRequest({
|
||||
type: 'post',
|
||||
url: urlPrefix + '/guild/manager/apply',
|
||||
data: { guildId: familyId },
|
||||
success(res) {
|
||||
if (res.code === 200) {
|
||||
toastMsg(langReplace(localLang.guild.text8))
|
||||
} else {
|
||||
toastMsg(res.message)
|
||||
}
|
||||
hideLoading(layerIndex)
|
||||
},
|
||||
error(err) {
|
||||
hideLoading(layerIndex)
|
||||
toastMsg(langReplace(localLang.demoModule.layerIndex3))
|
||||
}
|
||||
})
|
||||
}
|
||||
229
view/molistar/modules/guild-ar/js/guildInfoSet.js
Normal file
229
view/molistar/modules/guild-ar/js/guildInfoSet.js
Normal file
@@ -0,0 +1,229 @@
|
||||
let urlPrefix = getUrlPrefix()
|
||||
let browser = checkVersion()
|
||||
let env = EnvCheck();
|
||||
if (env == 'test') {
|
||||
new VConsole();
|
||||
}
|
||||
var urlDate = getQueryString();
|
||||
// 封裝layer消息提醒框
|
||||
let layerIndex
|
||||
var langReplace;
|
||||
var localLang;
|
||||
var newBg;
|
||||
var textConte1;
|
||||
var textConte2;
|
||||
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'
|
||||
})
|
||||
}
|
||||
// 初始化函數
|
||||
$(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.location.href = './index.html';
|
||||
})
|
||||
// pubInfo['Accept-Language'] = 'ar'
|
||||
fuzzyMatchUpdateQueryStringParameterFun(); // 判断语言
|
||||
langReplace = window.lang.replace;
|
||||
localLang = window.lang;
|
||||
translateFun();
|
||||
textConte1 = langReplace(localLang.guildInfoSet.textConte1);
|
||||
textConte2 = langReplace(localLang.guildInfoSet.textConte2);
|
||||
$('.name input').val(urlDate.guildNick);
|
||||
$('.payoneer input').val(urlDate.payoneer == undefined ? urlDate.payoneer : '');
|
||||
$('.usdt input').val(urlDate.usdt == undefined ? urlDate.usdt : '');
|
||||
$('.paypal input').val(urlDate.payPal == undefined ? urlDate.payPal : '');
|
||||
$('.background img').attr('src', urlDate.backgroundUrl);
|
||||
newBg = urlDate.backgroundUrl;
|
||||
if ($('.payoneer input').val() != '') {
|
||||
$('.payoneer span').hide();
|
||||
$('.payoneer input').attr('disabled', true);
|
||||
}
|
||||
if ($('.usdt input').val() != '') {
|
||||
$('.usdt span').hide();
|
||||
$('.usdt input').attr('disabled', true);
|
||||
}
|
||||
if ($('.paypal input').val() != '') {
|
||||
$('.paypal span').hide();
|
||||
$('.paypal input').attr('disabled', true);
|
||||
}
|
||||
}, 100)
|
||||
})
|
||||
function translateFun() {
|
||||
var langReplace = window.lang.replace;
|
||||
var localLang = window.lang;
|
||||
$('.text1').text(langReplace(localLang.guildInfoSet.text1));
|
||||
$('.text2').text(langReplace(localLang.guildInfoSet.text2));
|
||||
$('.text3').text(langReplace(localLang.guildInfoSet.text3));
|
||||
$('.text4').attr('placeholder', langReplace(localLang.guildInfoSet.text4));
|
||||
$('.text5').text(langReplace(localLang.guildInfoSet.text5));
|
||||
$('.text6').text(langReplace(localLang.guildInfoSet.text6));
|
||||
$('.text7').text(langReplace(localLang.guildInfoSet.text7));
|
||||
$('.textConte2').text(langReplace(localLang.guildInfoSet.textConte2));
|
||||
$('.textConte3').text(langReplace(localLang.guildInfoSet.textConte3));
|
||||
$('.textConte1').text(langReplace(localLang.guildInfoSet.textConte1));
|
||||
$('.textConte4').text(langReplace(localLang.guildInfoSet.textConte4));
|
||||
|
||||
}
|
||||
// 上傳图片接口
|
||||
function getUploadToken() {
|
||||
const backImage = document.getElementById('backImageUpload').files[0];
|
||||
showLoading()
|
||||
networkRequest({
|
||||
type: 'GET',
|
||||
url: urlPrefix + '/qiniu/upload/getUploadToken',
|
||||
success(res) {
|
||||
if (res.code === 200) {
|
||||
var frontImageKey = res.data.key;
|
||||
var frontImageToken = res.data.token;
|
||||
showLoading()
|
||||
const observable = qiniu.upload(
|
||||
backImage,
|
||||
frontImageKey,
|
||||
frontImageToken
|
||||
);
|
||||
observable.subscribe({
|
||||
complete: (res) => {
|
||||
console.log(res);
|
||||
$('.background img').attr('src', res.path);
|
||||
setInfo(null, res.path, function () { });
|
||||
// toastMsg(langReplace(localLang.guildInfoSet.text8))
|
||||
},
|
||||
});
|
||||
} else {
|
||||
toastMsg(res.message)
|
||||
}
|
||||
// hideLoading(layerIndex)
|
||||
},
|
||||
error(err) {
|
||||
hideLoading(layerIndex)
|
||||
toastMsg(langReplace(localLang.demoModule.layerIndex3))
|
||||
}
|
||||
})
|
||||
}
|
||||
function fileChangeF(e) {
|
||||
var filesList = document.querySelector('#backImageUpload').files;
|
||||
if (filesList.length == 0) {
|
||||
return;
|
||||
}
|
||||
getUploadToken(2)
|
||||
}
|
||||
|
||||
// 保存接口
|
||||
function setInfo(name, backgroundUrl, fun) {
|
||||
showLoading()
|
||||
networkRequest({
|
||||
type: 'post',
|
||||
url: urlPrefix + '/guild/setInfo',
|
||||
data: { name, backgroundUrl },
|
||||
success(res) {
|
||||
if (res.code === 200) {
|
||||
fun();
|
||||
// window.location.href = "./index.html"
|
||||
} else {
|
||||
toastMsg(res.message)
|
||||
}
|
||||
hideLoading(layerIndex)
|
||||
},
|
||||
error(err) {
|
||||
hideLoading(layerIndex)
|
||||
toastMsg(langReplace(localLang.demoModule.layerIndex3))
|
||||
}
|
||||
})
|
||||
}
|
||||
// 保存按钮
|
||||
$('.boxBut .ok').click(function () {
|
||||
var name = $('.nick input').val();
|
||||
var bgUrl = $('.bg img').attr('src');
|
||||
setInfo(name, bgUrl);
|
||||
})
|
||||
// 修改昵称按钮
|
||||
var statusName = true;
|
||||
$('.name span').click(function () {
|
||||
if (statusName) {
|
||||
$('.name span').addClass('act');
|
||||
$('.name span').text(textConte1);
|
||||
$('.name input').attr("disabled", false);
|
||||
$('.name input').val("");
|
||||
$('.name input').focus();
|
||||
statusName = false;
|
||||
} else {
|
||||
var funParams = function (params) {
|
||||
$('.name span').removeClass('act');
|
||||
$('.name span').text(textConte2);
|
||||
$('.name input').attr("disabled", true);
|
||||
$('.name input').val($('.name input').val())
|
||||
statusName = true;
|
||||
}
|
||||
setInfo($('.name input').val(), null, funParams)
|
||||
}
|
||||
})
|
||||
// 保存账户接口
|
||||
function savePayAccount(payoneer, usdt, payPal, fun) {
|
||||
showLoading()
|
||||
networkRequest({
|
||||
type: 'post',
|
||||
url: urlPrefix + '/guild/savePayAccount',
|
||||
data: { payoneer, usdt, payPal },
|
||||
success(res) {
|
||||
if (res.code === 200) {
|
||||
fun();
|
||||
} else {
|
||||
toastMsg(res.message)
|
||||
}
|
||||
hideLoading(layerIndex)
|
||||
},
|
||||
error(err) {
|
||||
hideLoading(layerIndex)
|
||||
toastMsg(langReplace(localLang.demoModule.layerIndex3))
|
||||
}
|
||||
})
|
||||
}
|
||||
$('.payoneer span').click(function () {
|
||||
var funParams = function (params) {
|
||||
$('.payoneer input').val($('.payoneer input').val())
|
||||
$('.payoneer span').hide();
|
||||
}
|
||||
savePayAccount($('.payoneer input').val(), null, null, funParams)
|
||||
})
|
||||
$('.usdt span').click(function () {
|
||||
var funParams = function (params) {
|
||||
$('.usdt input').val($('.usdt input').val())
|
||||
$('.usdt span').hide();
|
||||
}
|
||||
savePayAccount(null, $('.usdt input').val(), null, funParams)
|
||||
})
|
||||
$('.paypal span').click(function () {
|
||||
var funParams = function (params) {
|
||||
$('.paypal input').val($('.paypal input').val())
|
||||
$('.paypal span').hide();
|
||||
}
|
||||
savePayAccount(null, null, $('.paypal input').val(), funParams)
|
||||
})
|
||||
349
view/molistar/modules/guild-ar/js/index.js
Normal file
349
view/molistar/modules/guild-ar/js/index.js
Normal file
@@ -0,0 +1,349 @@
|
||||
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;
|
||||
var searTime;
|
||||
var guildNick;
|
||||
var backgroundUrl;
|
||||
var payoneer;
|
||||
var usdt;
|
||||
var payPal;
|
||||
var familyMemberId;
|
||||
// 初始化函數
|
||||
$(function () {
|
||||
getInfoFromClient();
|
||||
fuzzyMatchUpdateQueryStringParameterFun(); // 判断语言
|
||||
setTimeout(function () {
|
||||
// 頁面全屏
|
||||
if (browser.app) {
|
||||
if (browser.android) {
|
||||
window.androidJsObj.initShowNav(false)
|
||||
} else {
|
||||
window.webkit.messageHandlers.initShowNav.postMessage(0)
|
||||
}
|
||||
};
|
||||
// 頂部返回事件
|
||||
$('.back img').click(() => {
|
||||
if (browser.android) {
|
||||
window.androidJsObj.closeWebView()
|
||||
} else {
|
||||
window.webkit.messageHandlers.closeWebView.postMessage(null)
|
||||
}
|
||||
})
|
||||
fuzzyMatchUpdateQueryStringParameterFun(); // 判断语言
|
||||
langReplace = window.lang.replace;
|
||||
localLang = window.lang;
|
||||
translateFun();
|
||||
get();
|
||||
}, 100)
|
||||
})
|
||||
function translateFun() {
|
||||
var langReplace = window.lang.replace;
|
||||
var localLang = window.lang;
|
||||
$('.text1').text(langReplace(localLang.demoModule.text1));
|
||||
// $('.text2').text(langReplace(localLang.demoModule.text2));
|
||||
$('.text3').text(langReplace(localLang.demoModule.text3));
|
||||
$('.text4').text(langReplace(localLang.demoModule.text4));
|
||||
$('.text5').text(langReplace(localLang.demoModule.text5));
|
||||
$('.text6').text(langReplace(localLang.demoModule.text6));
|
||||
$('.text7').text(langReplace(localLang.demoModule.text7));
|
||||
$('.text8').text(langReplace(localLang.demoModule.text8));
|
||||
$('.text9').text(langReplace(localLang.demoModule.text9));
|
||||
$('.text10').text(langReplace(localLang.demoModule.text10));
|
||||
$('.text16').attr('placeholder', langReplace(localLang.demoModule.text16));
|
||||
$('.texts1').text(langReplace(localLang.demoModule.texts1));
|
||||
$('.texts2').text(langReplace(localLang.demoModule.texts2));
|
||||
$('.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));
|
||||
$('.newtext4').text(langReplace(localLang.demoModule.newtext4));
|
||||
$('.newtext5').text(langReplace(localLang.demoModule.newtext5));
|
||||
$('.newtext6').text(langReplace(localLang.demoModule.newtext6));
|
||||
$('.newtext7').text(langReplace(localLang.demoModule.newtext7));
|
||||
}
|
||||
// 判断公会身份函数
|
||||
function guildFun(type) {
|
||||
// 公会长
|
||||
if (type == 1) {
|
||||
$('.guildList .top img').show()
|
||||
$('.guildList .top input').show()
|
||||
$('.header .headerBox .myWages').hide()
|
||||
}
|
||||
// 管理员
|
||||
else if (type == 2) {
|
||||
$('.header .headerBox .guildInfoSet').hide();
|
||||
$('.header .headerBox .adminSet').hide();
|
||||
$('.guildList .top input').show()
|
||||
$('.memberFlow2').hide()
|
||||
}
|
||||
// 普通成员
|
||||
else if (type == 3) {
|
||||
$('.header .headerBox .guildInfoSet').hide();
|
||||
$('.header .headerBox .adminSet').hide();
|
||||
$('.header .headerBox .memberFlow').hide();
|
||||
$('.header .memberFlowMy').show()
|
||||
$('.header .guildNick').show()
|
||||
$('.guildList .top input').show()
|
||||
$('.memberFlow2').hide();
|
||||
|
||||
}
|
||||
// 非公会成员
|
||||
else {
|
||||
}
|
||||
}
|
||||
// 配置接口
|
||||
function get() {
|
||||
showLoading()
|
||||
networkRequest({
|
||||
type: 'get',
|
||||
url: urlPrefix + '/guild/get',
|
||||
success(res) {
|
||||
if (res.code === 200) {
|
||||
// 判断身份
|
||||
roleTypes = res.data.roleType;
|
||||
guildFun(roleTypes);
|
||||
if (res.data.wageEnable == false) {
|
||||
$('.hmemberFlow2').hide()
|
||||
$('.header .headerBox .myWages').hide()
|
||||
}
|
||||
$('.text2').text(res.data.name)
|
||||
// 渲染贵族等级
|
||||
var cycleDiamondWageLevel = res.data.cycleDiamondWageLevel;
|
||||
$('.agencylevel .agencylevelInfo h3 b').text(cycleDiamondWageLevel.curLevel);
|
||||
$('.agencylevel .agencylevelInfo h4 b').text(cycleDiamondWageLevel.nextLevelGap);
|
||||
$('.agencylevel .agencylevelInfo .bottom div').eq(0).text(`${cycleDiamondWageLevel.curLevel}(${unitProcessingAr(cycleDiamondWageLevel.curLevelWage, 0)})`);
|
||||
if (cycleDiamondWageLevel.nextLevelWage) {
|
||||
$('.agencylevel .agencylevelInfo .bottom div').eq(1).text(`${cycleDiamondWageLevel.nextLevel}(${unitProcessingAr(cycleDiamondWageLevel.nextLevelWage, 0)})`);
|
||||
$('.agencylevel .agencylevelInfo .line .line_in').css('width', (cycleDiamondWageLevel.curDiamond - cycleDiamondWageLevel.curLevelWage) / (cycleDiamondWageLevel.nextLevelWage - cycleDiamondWageLevel.curLevelWage) * 100 + '%')
|
||||
} else {
|
||||
$('.agencylevel .agencylevelInfo .bottom div').eq(1).hide();
|
||||
$('.agencylevel .agencylevelInfo .line .line_in').css('width', '100%')
|
||||
}
|
||||
res.data.authCodes.forEach((res) => {
|
||||
console.log(res);
|
||||
if (res == 'set_info') {
|
||||
$('.guildInfoSet').show();
|
||||
}
|
||||
if (res == 'set_manager') {
|
||||
$('.adminSet').show();
|
||||
}
|
||||
if (res == 'look_income') {
|
||||
$('.memberFlow').show();
|
||||
}
|
||||
if (res == 'guild_usd_account') {
|
||||
$('.memberFlow2').show();
|
||||
}
|
||||
})
|
||||
// 渲染基本信息
|
||||
$('.header .tx').attr('src', res.data.me.avatar);
|
||||
$('.header .nick').text(res.data.me.nick);
|
||||
guildNick = res.data.name;
|
||||
backgroundUrl = res.data.backgroundUrl;
|
||||
if (res.data.payAccount) {
|
||||
payoneer = res.data.payAccount.payoneer;
|
||||
usdt = res.data.payAccount.usdt;
|
||||
payPal = res.data.payAccount.payPal;
|
||||
}
|
||||
familyMemberId = res.data.familyMemberId;
|
||||
$('.header .id').text('ID：' + res.data.me.erbanNo);
|
||||
$('.header').css({ "background": `url(${res.data.backgroundUrl}) no-repeat`, "background-size": "cover" });
|
||||
$('.header .guildNick').text(langReplace(localLang.demoModule.text11) + res.data.name);
|
||||
// 处理成员
|
||||
var str = '';
|
||||
$('.guildList .top i').text(`(${res.data.members.length})`);
|
||||
$('.guildList ul li').remove();
|
||||
res.data.members.forEach((res, i) => {
|
||||
str += `
|
||||
<li>
|
||||
<div class="chairman" ${res.roleType == 1 ? 'style="display:block"' : ''}>${langReplace(localLang.demoModule.text12)}</div>
|
||||
<div class="administrator" ${res.roleType == 2 ? 'style="display:block"' : ''}>${langReplace(localLang.demoModule.text13)}</div>
|
||||
<img src="${res.avatar}" uid=${res.uid} alt="" class="tx">
|
||||
<div class="user">
|
||||
<p>${res.nick}</p>
|
||||
<img src="${res.gender == 1 ? './images/boy.png' : './images/girl.png'}" alt="" class="sex">
|
||||
<img src="${res.userLevel.experUrl}" alt="" class="wealth">
|
||||
<img src="${res.userLevel.charmUrl}" alt="" class="charm">
|
||||
<b>ID:${res.erbanNo}</b>
|
||||
</div>
|
||||
${roleTypes == 1 && res.roleType != 1 ? `<div uid=${res.uid} nick=${res.nick} class="but" style="display:block;background:#CDCED6;"}">${langReplace(localLang.demoModule.text14)}</div>` : roleTypes == 2 && res.roleType != 1 && res.roleType != 2 ? `<div uid=${res.uid} nick=${res.nick} class="but" style="display:block;background:#CDCED6;"}">${langReplace(localLang.demoModule.text14)}</div>` : `<div uid=${res.uid} nick=${res.nick} class="but" style="display:none"}">${langReplace(localLang.demoModule.text14)}</div>`}
|
||||
|
||||
</li >
|
||||
`
|
||||
});
|
||||
$('.guildList ul').append(str);
|
||||
} else {
|
||||
toastMsg(res.message)
|
||||
}
|
||||
hideLoading(layerIndex)
|
||||
},
|
||||
error(err) {
|
||||
hideLoading(layerIndex)
|
||||
toastMsg(langReplace(localLang.demoModule.layerIndex3))
|
||||
}
|
||||
})
|
||||
}
|
||||
// 监听移除输入框
|
||||
$(".guildList .top input").bind("input propertychange", function () {
|
||||
let value = $(this).val()//拿到输入的值
|
||||
clearTimeout(searTime);
|
||||
searTime = setTimeout(function () {
|
||||
searchUser(value);
|
||||
}, 800)
|
||||
})
|
||||
// 搜索移除接口
|
||||
function searchUser(erbanNo) {
|
||||
if (erbanNo == '') {
|
||||
get();
|
||||
} else {
|
||||
$('.guildList ul li').remove();
|
||||
networkRequest({
|
||||
type: 'get',
|
||||
url: urlPrefix + '/guild/searchUser',
|
||||
data: { erbanNo, type: 2 },
|
||||
success(res) {
|
||||
if (res.code === 200) {
|
||||
var res = res.data;
|
||||
var str = `
|
||||
<li>
|
||||
<div class="chairman" ${res.roleType == 1 ? 'style="display:block"' : ''}>${langReplace(localLang.demoModule.text12)}</div>
|
||||
<div class="administrator" ${res.roleType == 2 ? 'style="display:block"' : ''}>${langReplace(localLang.demoModule.text13)}</div>
|
||||
<img src="${res.avatar}" uid=${res.uid} alt="" class="tx">
|
||||
<div class="user">
|
||||
<p>${res.nick}</p>
|
||||
<img src="${res.gender == 1 ? './images/boy.png' : './images/girl.png'}" alt="" class="sex">
|
||||
<img src="${res.userLevelVo.experUrl}" alt="" class="wealth">
|
||||
<img src="${res.userLevelVo.charmUrl}" alt="" class="charm">
|
||||
<b>ID:${res.erbanNo}</b>
|
||||
</div>
|
||||
${roleTypes == 1 && res.roleType != 1 ? `<div uid=${res.uid} nick=${res.nick} class="but" style="display:block;background:#CDCED6;"}">${langReplace(localLang.demoModule.text14)}</div>` : roleTypes == 2 && res.roleType != 1 && res.roleType != 2 ? `<div uid=${res.uid} nick=${res.nick} class="but" style="display:block;background:#CDCED6;"}">${langReplace(localLang.demoModule.text14)}</div>` : `<div uid=${res.uid} nick=${res.nick} class="but" style="display:none"}">${langReplace(localLang.demoModule.text14)}</div>`}
|
||||
</li>
|
||||
`
|
||||
$('.guildList ul').append(str);
|
||||
} else {
|
||||
toastMsg(res.message)
|
||||
}
|
||||
hideLoading(layerIndex)
|
||||
},
|
||||
error(err) {
|
||||
hideLoading(layerIndex)
|
||||
toastMsg(langReplace(localLang.demoModule.layerIndex3))
|
||||
}
|
||||
})
|
||||
}
|
||||
}
|
||||
// 移除按钮
|
||||
$('.guildList ul').on('click', 'li .but', function () {
|
||||
var uid = $(this).attr('uid');
|
||||
var nick = $(this).attr('nick');
|
||||
$('.pub .pub_in p').text(langReplace(localLang.demoModule.text15));
|
||||
$('.pub .pub_in .butBox .ok').attr("uid", uid);
|
||||
$('.pub').show();
|
||||
})
|
||||
// 跳转个人资料页
|
||||
$('.guildList ul').on('click', 'li .tx', function () {
|
||||
var uid = $(this).attr('uid');
|
||||
if (browser.ios) {
|
||||
window.webkit.messageHandlers.openPersonPage.postMessage(uid);
|
||||
setTimeout(function () { lock = true; }, 200)
|
||||
} else if (browser.android) {
|
||||
if (androidJsObj && typeof androidJsObj === 'object') {
|
||||
window.androidJsObj.openPersonPage(uid);
|
||||
}
|
||||
}
|
||||
})
|
||||
|
||||
//移除接口
|
||||
function setManager(targetUid) {
|
||||
$('.guildList ul li').remove();
|
||||
networkRequest({
|
||||
type: 'post',
|
||||
url: urlPrefix + '/guild/removeMember',
|
||||
data: { targetUid },
|
||||
success(res) {
|
||||
if (res.code === 200) {
|
||||
$('.pub').hide();
|
||||
get();
|
||||
} else {
|
||||
toastMsg(res.message)
|
||||
}
|
||||
hideLoading(layerIndex)
|
||||
},
|
||||
error(err) {
|
||||
hideLoading(layerIndex)
|
||||
toastMsg(langReplace(localLang.demoModule.layerIndex3))
|
||||
}
|
||||
})
|
||||
|
||||
}
|
||||
// 确认移除此人按钮
|
||||
$('.pub .pub_in .butBox .ok').click(function () {
|
||||
var uid = $(this).attr('uid');
|
||||
setManager(uid)
|
||||
})
|
||||
// 关闭弹窗
|
||||
$('.pub .pub_in .butBox .close').click(function () {
|
||||
$('.pub').hide();
|
||||
})
|
||||
// 管理员设置
|
||||
$('.adminSet').click(function () {
|
||||
window.location.href = `./adminSet2.html?roleTypes=${roleTypes}`
|
||||
})
|
||||
// 公会信息设置
|
||||
$('.guildInfoSet').click(function () {
|
||||
window.location.href = `./guildInfoSet.html?guildNick=${guildNick}&backgroundUrl=${backgroundUrl}&payoneer=${payoneer}&usdt=${usdt}&payPal=${payPal}`
|
||||
})
|
||||
// 我的收入
|
||||
$('.memberFlow').click(function (params) {
|
||||
window.location.href = `./personal.html`
|
||||
})
|
||||
// 薪资账户
|
||||
$('.memberFlow2').click(function (params) {
|
||||
window.location.href = `./salary_account.html`
|
||||
})
|
||||
// 邀请成员
|
||||
$('.inveMember').click(function (params) {
|
||||
window.location.href = `./invitation.html`
|
||||
})
|
||||
// 我的工资
|
||||
$(`.myWages`).click(function (params) {
|
||||
window.location.href = `./memberFlow222.html?familyMemberId=${familyMemberId}`
|
||||
})
|
||||
// $('.guildList .top ').on('focus', 'input', () => {
|
||||
// $('.headerBox').css('margin','-0.9rem auto 0rem')
|
||||
// console.log("聚焦");
|
||||
// });
|
||||
|
||||
// $('.guildList .top').on('blur', 'input', () => {
|
||||
// console.log("失焦");
|
||||
// $('.headerBox').css('margin','-0.4rem auto 0rem')
|
||||
// });
|
||||
147
view/molistar/modules/guild-ar/js/invitation.js
Normal file
147
view/molistar/modules/guild-ar/js/invitation.js
Normal file
@@ -0,0 +1,147 @@
|
||||
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'
|
||||
})
|
||||
}
|
||||
// 初始化函數
|
||||
$(function () {
|
||||
getInfoFromClient();
|
||||
fuzzyMatchUpdateQueryStringParameterFun(); // 判断语言
|
||||
setTimeout(function () {
|
||||
// 頁面全屏
|
||||
if (browser.app) {
|
||||
if (browser.android) {
|
||||
window.androidJsObj.initShowNav(false)
|
||||
} else {
|
||||
window.webkit.messageHandlers.initShowNav.postMessage(0)
|
||||
}
|
||||
};
|
||||
// 頂部返回事件
|
||||
$('.back .backs').click(() => {
|
||||
window.history.back();
|
||||
})
|
||||
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.invitation.text1));
|
||||
$('.text2').attr("placeholder", langReplace(localLang.invitation.text2));
|
||||
$('.text3').text(langReplace(localLang.invitation.text3));
|
||||
$('.text4').text(langReplace(localLang.invitation.text4));
|
||||
$('.text5').text(langReplace(localLang.invitation.text5));
|
||||
$('.text6').text(langReplace(localLang.invitation.text6));
|
||||
$('.text7').text(langReplace(localLang.invitation.text7));
|
||||
}
|
||||
// 搜索接口
|
||||
function searchUser(erbanNo) {
|
||||
var str = '';
|
||||
$('ul li').remove();
|
||||
showLoading()
|
||||
networkRequest({
|
||||
type: 'get',
|
||||
url: urlPrefix + '/guild/searchUser',
|
||||
data: { erbanNo, type: 1 },
|
||||
success(res) {
|
||||
if (res.code === 200) {
|
||||
str += `
|
||||
<li>
|
||||
<img src="${res.data.avatar}" alt="" class="tx">
|
||||
<div class="user">
|
||||
<p>${res.data.nick}</p>
|
||||
<img src="${res.data.gender == 1 ? './images/boy.png' : './images/girl.png'}" alt="" class="sex">
|
||||
<img src="${res.data.userLevelVo.experUrl}" alt="" class="wealth">
|
||||
<img src="${res.data.userLevelVo.charmUrl}" alt="" class="charm">
|
||||
<b>ID:${res.data.erbanNo}</b>
|
||||
</div>
|
||||
<div uid=${res.data.uid} class="but">${langReplace(localLang.invitation.text8)} </div>
|
||||
</li>
|
||||
`
|
||||
$('ul').append(str);
|
||||
} else if (res.code == 1404) {
|
||||
str += `
|
||||
<li class="null">
|
||||
<img src="./images/null.png" alt="">
|
||||
<span>${langReplace(localLang.invitation.text9)}</span>
|
||||
</li>`
|
||||
$('ul').append(str);
|
||||
} else {
|
||||
toastMsg(res.message)
|
||||
}
|
||||
hideLoading(layerIndex)
|
||||
},
|
||||
error(err) {
|
||||
hideLoading(layerIndex)
|
||||
toastMsg(langReplace(localLang.demoModule.layerIndex3))
|
||||
}
|
||||
})
|
||||
}
|
||||
// 搜索用户按钮
|
||||
$('.back .text').click(function () {
|
||||
var val = $('.back input').val();
|
||||
searchUser(val);
|
||||
})
|
||||
// 搜索用户按钮
|
||||
$('ul').on('click', ' li .but', function () {
|
||||
var uid = $(this).attr('uid');
|
||||
$('.pub .pub_in .butBox .ok').attr('uid', uid)
|
||||
$('.pub').show();
|
||||
})
|
||||
$('.pub .pub_in .butBox .ok').click(function (params) {
|
||||
var uid = $(this).attr('uid');
|
||||
invite(uid)
|
||||
})
|
||||
$('.pub .pub_in .butBox .close').click(function (params) {
|
||||
$('.pub').hide();
|
||||
})
|
||||
// 邀请接口
|
||||
function invite(targetUid) {
|
||||
showLoading()
|
||||
networkRequest({
|
||||
type: 'post',
|
||||
url: urlPrefix + '/guild/manager/invite',
|
||||
data: { targetUid },
|
||||
success(res) {
|
||||
if (res.code === 200) {
|
||||
toastMsg(langReplace(localLang.invitation.text10))
|
||||
$('.pub').hide();
|
||||
} else {
|
||||
toastMsg(res.message)
|
||||
}
|
||||
hideLoading(layerIndex)
|
||||
},
|
||||
error(err) {
|
||||
hideLoading(layerIndex)
|
||||
toastMsg(langReplace(localLang.demoModule.layerIndex3))
|
||||
}
|
||||
})
|
||||
}
|
||||
1086
view/molistar/modules/guild-ar/js/lay-picker.min.js
vendored
Normal file
1086
view/molistar/modules/guild-ar/js/lay-picker.min.js
vendored
Normal file
File diff suppressed because it is too large
Load Diff
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user