优化公会
This commit is contained in:
dragon
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;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
118
view/molistar/modules/guild-ar/css/bill.css
Normal file
118
view/molistar/modules/guild-ar/css/bill.css
Normal file
@@ -0,0 +1,118 @@
|
||||
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;
|
||||
}
|
||||
|
||||
ul li {
|
||||
width: 100%;
|
||||
background: #ffffff;
|
||||
border-radius: 0.32rem;
|
||||
margin-bottom: 0.37333rem;
|
||||
}
|
||||
|
||||
ul li div {
|
||||
width: 8.66667rem;
|
||||
padding: 0.26667rem 0.24rem;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
ul li div p {
|
||||
font-weight: 600;
|
||||
font-size: 0.4rem;
|
||||
color: #313131;
|
||||
}
|
||||
|
||||
ul li div b {
|
||||
font-weight: 600;
|
||||
font-size: 0.48rem;
|
||||
color: #04D5C6;
|
||||
}
|
||||
|
||||
ul li div span {
|
||||
font-weight: 400;
|
||||
font-size: 0.34667rem;
|
||||
color: #7b7b7d;
|
||||
line-height: 0.42667rem;
|
||||
}
|
||||
|
||||
.arLang .nav .back {
|
||||
right: 0.4rem;
|
||||
left: unset;
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
126
view/molistar/modules/guild-ar/css/bill.scss
Normal file
126
view/molistar/modules/guild-ar/css/bill.scss
Normal file
@@ -0,0 +1,126 @@
|
||||
@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;
|
||||
|
||||
li {
|
||||
width: 100%;
|
||||
// height: px2rem(78);
|
||||
background: #ffffff;
|
||||
border-radius: px2rem(12);
|
||||
margin-bottom: px2rem(14);
|
||||
div {
|
||||
width: px2rem(325);
|
||||
padding: px2rem(10) px2rem(9);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
p {
|
||||
font-weight: 600;
|
||||
font-size: px2rem(15);
|
||||
color: #313131;
|
||||
}
|
||||
b {
|
||||
font-weight: 600;
|
||||
font-size: px2rem(18);
|
||||
color: #04D5C6;
|
||||
}
|
||||
span {
|
||||
font-weight: 400;
|
||||
font-size: px2rem(13);
|
||||
color: #7b7b7d;
|
||||
line-height: px2rem(16);
|
||||
}
|
||||
// .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;
|
||||
}
|
||||
}
|
||||
663
view/molistar/modules/guild-ar/css/index.css
Normal file
663
view/molistar/modules/guild-ar/css/index.css
Normal file
@@ -0,0 +1,663 @@
|
||||
html,
|
||||
body {
|
||||
width: 100%;
|
||||
height: 17.78667rem;
|
||||
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;
|
||||
}
|
||||
|
||||
.headerBox {
|
||||
width: 10rem;
|
||||
height: auto;
|
||||
border-radius: 0.26667rem;
|
||||
margin: -0.4rem auto 0rem;
|
||||
position: relative;
|
||||
background: #fff;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.headerBox .headerBox_in {
|
||||
width: 9.14667rem;
|
||||
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: center;
|
||||
}
|
||||
|
||||
.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;
|
||||
height: 6.7rem;
|
||||
border-radius: 0.26667rem;
|
||||
margin: 0.26667rem auto 0rem;
|
||||
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.52rem 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.06667rem;
|
||||
height: 1.06667rem;
|
||||
border-radius: 1.06667rem;
|
||||
float: left;
|
||||
margin-right: 0.14667rem;
|
||||
margin-left: 0.13333rem;
|
||||
display: block;
|
||||
margin-top: 0.24rem;
|
||||
}
|
||||
|
||||
.guildList ul li .user {
|
||||
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.18667rem;
|
||||
max-width: 2.7rem;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
box-sizing: border-box;
|
||||
padding-top: 0.45333rem;
|
||||
}
|
||||
|
||||
.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.45333rem;
|
||||
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.33333rem;
|
||||
}
|
||||
|
||||
.guildList ul li .but {
|
||||
width: 1.17333rem;
|
||||
height: 0.56rem;
|
||||
background: #62D0A8;
|
||||
border-radius: 0.56rem;
|
||||
position: absolute;
|
||||
right: 0.34667rem;
|
||||
top: 0.09333rem;
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
line-height: 0.56rem;
|
||||
font-size: 0.29333rem;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.guildList ul li .chairman {
|
||||
width: 1.25333rem;
|
||||
height: 0.56rem;
|
||||
line-height: 0.56rem;
|
||||
border-radius: 0.56rem;
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
font-size: 0.29333rem;
|
||||
font-weight: 400;
|
||||
position: absolute;
|
||||
right: 0.24rem;
|
||||
top: 0.69333rem;
|
||||
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;
|
||||
}
|
||||
|
||||
.inveMember {
|
||||
width: 4.08rem;
|
||||
height: 1.28rem;
|
||||
border-radius: 1.28rem;
|
||||
line-height: 1.22667rem;
|
||||
text-align: center;
|
||||
background: linear-gradient(90deg, #7CDD9B, #62D0A8);
|
||||
color: #fff;
|
||||
font-size: 0.45333rem;
|
||||
position: fixed;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
z-index: 5;
|
||||
bottom: 1.06667rem;
|
||||
}
|
||||
|
||||
.inveMember img {
|
||||
display: inline-block;
|
||||
width: 0.50667rem;
|
||||
height: 0.56rem;
|
||||
vertical-align: middle;
|
||||
margin-top: -0.1rem;
|
||||
}
|
||||
|
||||
.inveMember span {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.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 {
|
||||
left: 0.24rem;
|
||||
right: 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;
|
||||
}
|
||||
|
||||
.english .headerBox .headerBox_in .guildInfoSet span,
|
||||
.english .headerBox .headerBox_in .adminSet span {
|
||||
font-size: 0.26667rem;
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
764
view/molistar/modules/guild-ar/css/index.scss
Normal file
764
view/molistar/modules/guild-ar/css/index.scss
Normal file
@@ -0,0 +1,764 @@
|
||||
@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);
|
||||
}
|
||||
|
||||
// .adminSet {
|
||||
// padding: px2rem(0) px2rem(16);
|
||||
// box-sizing: border-box;
|
||||
// height: px2rem(44);
|
||||
// line-height: px2rem(44);
|
||||
// color: #fff;
|
||||
// font-size: px2rem(32);
|
||||
// font-weight: 400;
|
||||
// background: linear-gradient(90deg, rgba(82, 59, 85, 0.98), rgba(21, 5, 16, 0.98));
|
||||
// border-radius: px2rem(44) 0px 0px px2rem(44);
|
||||
// position: absolute;
|
||||
// right: 0;
|
||||
// top: px2rem(184);
|
||||
// display: none;
|
||||
// }
|
||||
|
||||
// .guildInfoSet {
|
||||
// padding: px2rem(0) px2rem(16);
|
||||
// box-sizing: border-box;
|
||||
// height: px2rem(44);
|
||||
// line-height: px2rem(44);
|
||||
// color: #fff;
|
||||
// font-size: px2rem(32);
|
||||
// font-weight: 400;
|
||||
// background: linear-gradient(90deg, rgba(82, 59, 85, 0.7), rgba(21, 5, 16, 0.7));
|
||||
// border-radius: px2rem(44) 0px 0px px2rem(44);
|
||||
// position: absolute;
|
||||
// right: 0;
|
||||
// top: px2rem(239);
|
||||
// display: none;
|
||||
// }
|
||||
|
||||
// .memberFlow {
|
||||
// width: px2rem(208);
|
||||
// height: px2rem(56);
|
||||
// line-height: px2rem(56);
|
||||
// text-align: center;
|
||||
// color: #fff;
|
||||
// font-size: px2rem(32);
|
||||
// font-weight: 400;
|
||||
// background: linear-gradient(90deg, rgba(128, 146, 255, .6) 0%, rgba(108, 208, 255, .6) 100%);
|
||||
// border-radius: px2rem(14);
|
||||
// position: absolute;
|
||||
// left: px2rem(156);
|
||||
// top: px2rem(466);
|
||||
// display: none;
|
||||
// }
|
||||
|
||||
// .memberFlowMy {
|
||||
// width: px2rem(208);
|
||||
// height: px2rem(56);
|
||||
// line-height: px2rem(56);
|
||||
// text-align: center;
|
||||
// color: #fff;
|
||||
// font-size: px2rem(32);
|
||||
// font-weight: 400;
|
||||
// background: linear-gradient(90deg, rgba(128, 146, 255, .6) 0%, rgba(108, 208, 255, .6) 100%);
|
||||
// border-radius: px2rem(14) 0 0 px2rem(14);
|
||||
// position: absolute;
|
||||
// right: px2rem(0);
|
||||
// top: px2rem(218);
|
||||
// display: none;
|
||||
// }
|
||||
|
||||
// .inveMember {
|
||||
// width: px2rem(208);
|
||||
// height: px2rem(56);
|
||||
// line-height: px2rem(56);
|
||||
// text-align: center;
|
||||
// color: #fff;
|
||||
// font-size: px2rem(32);
|
||||
// font-weight: 400;
|
||||
// background: linear-gradient(90deg, rgba(128, 146, 255, .6) 0%, rgba(108, 208, 255, .6) 100%);
|
||||
// border-radius: px2rem(14);
|
||||
// position: absolute;
|
||||
// right: px2rem(156);
|
||||
// top: px2rem(466);
|
||||
// display: none;
|
||||
// }
|
||||
|
||||
.guildNick {
|
||||
width: 100%;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: px2rem(473);
|
||||
color: #FFFFFF;
|
||||
opacity: 0.8;
|
||||
font-size: px2rem(24);
|
||||
text-align: center;
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
.headerBox {
|
||||
width: px2rem(750);
|
||||
height: auto;
|
||||
border-radius: px2rem(20);
|
||||
margin: px2rem(-30) auto px2rem(0);
|
||||
position: relative;
|
||||
background: #fff;
|
||||
overflow: hidden;
|
||||
|
||||
.headerBox_in {
|
||||
width: px2rem(686);
|
||||
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: center;
|
||||
|
||||
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(20) auto px2rem(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(39) 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(80);
|
||||
height: px2rem(80);
|
||||
border-radius: px2rem(80);
|
||||
float: left;
|
||||
margin-right: px2rem(11);
|
||||
margin-left: px2rem(10);
|
||||
display: block;
|
||||
margin-top: px2rem(18)
|
||||
}
|
||||
|
||||
.user {
|
||||
float: left;
|
||||
width: 6rem;
|
||||
|
||||
p {
|
||||
color: #515665;
|
||||
font-size: px2rem(28);
|
||||
font-weight: bold;
|
||||
display: inline-block;
|
||||
margin-right: px2rem(8);
|
||||
margin-bottom: px2rem(14);
|
||||
max-width: 2.7rem;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
box-sizing: border-box;
|
||||
padding-top: px2rem(34);
|
||||
}
|
||||
|
||||
b {
|
||||
display: block;
|
||||
color: #A4ABB2;
|
||||
font-size: px2rem(24);
|
||||
}
|
||||
|
||||
.sex {
|
||||
width: px2rem(18);
|
||||
height: px2rem(18);
|
||||
display: inline-block;
|
||||
margin-top: px2rem(34);
|
||||
margin-right: px2rem(8);
|
||||
}
|
||||
|
||||
.wealth,
|
||||
.charm {
|
||||
display: inline-block;
|
||||
width: px2rem(72);
|
||||
height: px2rem(36);
|
||||
margin-top: px2rem(25);
|
||||
}
|
||||
}
|
||||
|
||||
.but {
|
||||
width: px2rem(88);
|
||||
height: px2rem(42);
|
||||
background: #62D0A8;
|
||||
border-radius: px2rem(42);
|
||||
position: absolute;
|
||||
right: px2rem(26);
|
||||
top: px2rem(7);
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
line-height: px2rem(42);
|
||||
font-size: px2rem(22);
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.chairman {
|
||||
width: px2rem(94);
|
||||
height: px2rem(42);
|
||||
line-height: px2rem(42);
|
||||
border-radius: px2rem(42);
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
font-size: px2rem(22);
|
||||
font-weight: 400;
|
||||
position: absolute;
|
||||
right: px2rem(18);
|
||||
top: px2rem(52);
|
||||
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;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.inveMember {
|
||||
width: px2rem(306);
|
||||
height: px2rem(96);
|
||||
border-radius: px2rem(96);
|
||||
line-height: px2rem(92);
|
||||
text-align: center;
|
||||
background: linear-gradient(90deg, #7CDD9B, #62D0A8);
|
||||
color: #fff;
|
||||
font-size: px2rem(34);
|
||||
position: fixed;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
z-index: 5;
|
||||
bottom: px2rem(80);
|
||||
|
||||
img {
|
||||
display: inline-block;
|
||||
width: px2rem(38);
|
||||
height: px2rem(42);
|
||||
vertical-align: middle;
|
||||
margin-top: -0.1rem;
|
||||
}
|
||||
|
||||
span {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
}
|
||||
}
|
||||
|
||||
.arabic {
|
||||
.back img {
|
||||
left: auto;
|
||||
right: 0.24rem;
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
|
||||
.header .tx {
|
||||
left: auto;
|
||||
right: 0.45333rem;
|
||||
}
|
||||
|
||||
.header .nick {
|
||||
left: auto;
|
||||
right: 2.93333rem;
|
||||
}
|
||||
|
||||
.header .id {
|
||||
left: auto;
|
||||
right: 2.93333rem;
|
||||
}
|
||||
|
||||
.guildList .top img {
|
||||
right: px2rem(30);
|
||||
}
|
||||
|
||||
.guildList .top input {
|
||||
padding-right: 0.5rem;
|
||||
}
|
||||
|
||||
.guildList ul li .but {
|
||||
left: 0.34667rem;
|
||||
right: auto;
|
||||
}
|
||||
|
||||
.guildList ul li .chairman,
|
||||
.guildList ul li .administrator {
|
||||
left: px2rem(18);
|
||||
right: 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 .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-left: 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-left: 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
|
||||
}
|
||||
726
view/molistar/modules/guild-ar/css/personal.css
Normal file
726
view/molistar/modules/guild-ar/css/personal.css
Normal file
@@ -0,0 +1,726 @@
|
||||
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: #C2E7D6;
|
||||
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;
|
||||
}
|
||||
|
||||
.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 .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 0;
|
||||
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;
|
||||
}
|
||||
|
||||
.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.53333rem;
|
||||
font-weight: 600;
|
||||
margin-top: 0.45333rem;
|
||||
margin-bottom: 0.13333rem;
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
|
||||
.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);
|
||||
}
|
||||
747
view/molistar/modules/guild-ar/css/personal.scss
Normal file
747
view/molistar/modules/guild-ar/css/personal.scss
Normal file
@@ -0,0 +1,747 @@
|
||||
@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: #C2E7D6;
|
||||
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;
|
||||
|
||||
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;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.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 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);
|
||||
|
||||
.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(40);
|
||||
font-weight: 600;
|
||||
margin-top: px2rem(34);
|
||||
margin-bottom: px2rem(10);
|
||||
}
|
||||
|
||||
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;
|
||||
}
|
||||
|
||||
.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);
|
||||
}
|
||||
}
|
||||
}
|
||||
602
view/molistar/modules/guild-ar/css/salary.css
Normal file
602
view/molistar/modules/guild-ar/css/salary.css
Normal file
@@ -0,0 +1,602 @@
|
||||
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: 1.46667rem;
|
||||
padding-top: 0.13333rem;
|
||||
}
|
||||
|
||||
.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;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
558
view/molistar/modules/guild-ar/css/salary.scss
Normal file
558
view/molistar/modules/guild-ar/css/salary.scss
Normal file
@@ -0,0 +1,558 @@
|
||||
@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(55);
|
||||
padding-top: px2rem(5);
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
}
|
||||
}
|
||||
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;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
120
view/molistar/modules/guild-ar/css/success.css
Normal file
120
view/molistar/modules/guild-ar/css/success.css
Normal file
@@ -0,0 +1,120 @@
|
||||
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;
|
||||
}
|
||||
|
||||
main .exchange_wrap li b,
|
||||
main .settlement_wrap li b {
|
||||
font-weight: 500;
|
||||
font-size: 0.37333rem;
|
||||
color: #313131;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
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);
|
||||
}
|
||||
125
view/molistar/modules/guild-ar/css/success.scss
Normal file
125
view/molistar/modules/guild-ar/css/success.scss
Normal file
@@ -0,0 +1,125 @@
|
||||
@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;
|
||||
}
|
||||
|
||||
b {
|
||||
font-weight: 500;
|
||||
font-size: px2rem(14);
|
||||
color: #313131;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
#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.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="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>
|
||||
<!-- 邀请成员 -->
|
||||
<div class="inveMember">
|
||||
<img src="./images/inveMemberIcon.png" alt="">
|
||||
<span class="text6">邀请成员</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="./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.location.href = document.referrer;
|
||||
})
|
||||
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, 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:${me.erbanNo}）${langReplace(localLang.bill.text8)} (ID: ${target.erbanNo})` : `${langReplace(localLang.bill.text9)}`}</p>
|
||||
<b>${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`
|
||||
})
|
||||
145
view/molistar/modules/guild-ar/js/guild.js
Normal file
145
view/molistar/modules/guild-ar/js/guild.js
Normal file
@@ -0,0 +1,145 @@
|
||||
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 = '';
|
||||
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.familyName}</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))
|
||||
}
|
||||
})
|
||||
}
|
||||
// 确认加入按钮
|
||||
$('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)
|
||||
})
|
||||
336
view/molistar/modules/guild-ar/js/index.js
Normal file
336
view/molistar/modules/guild-ar/js/index.js
Normal file
@@ -0,0 +1,336 @@
|
||||
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)})`);
|
||||
$('.agencylevel .agencylevelInfo .bottom div').eq(1).text(`${cycleDiamondWageLevel.nextLevel}(${unitProcessingAr(cycleDiamondWageLevel.nextLevelWage, 0)})`);
|
||||
// $('.agencylevel .agencylevelInfo .line .line_in').css('width', (cycleDiamondWageLevel.nextLevelWage - cycleDiamondWageLevel.nextLevelGap) / cycleDiamondWageLevel.nextLevelWage * 100 + '%')
|
||||
$('.agencylevel .agencylevelInfo .line .line_in').css('width', (cycleDiamondWageLevel.nextLevelWage - cycleDiamondWageLevel.curLevelWage) / (cycleDiamondWageLevel.nextLevelWage - cycleDiamondWageLevel.curLevelWage) * 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"}">${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"}">${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 == 3 ? 'style="display:block"' : ''}>${langReplace(localLang.demoModule.text12)}</div>
|
||||
<div class="administrator" ${res.roleType == 2 ? 'style="display:block"' : ''}>${langReplace(localLang.demoModule.text13)}</div>
|
||||
<img src="${res.avatar}" 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 ? `<div uid=${res.uid} nick=${res.nick} class="but" style="display:block"}">${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"}">${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}`
|
||||
})
|
||||
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.location.href = document.referrer;
|
||||
})
|
||||
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
692
view/molistar/modules/guild-ar/js/mobileSelect.js
Normal file
692
view/molistar/modules/guild-ar/js/mobileSelect.js
Normal file
@@ -0,0 +1,692 @@
|
||||
/*!
|
||||
* mobileSelect.js
|
||||
* (c) 2017-present onlyhom
|
||||
* Released under the MIT License.
|
||||
*/
|
||||
(function () {
|
||||
function getClass(dom, string) {
|
||||
return dom.getElementsByClassName(string);
|
||||
}
|
||||
function MobileSelect(config) {
|
||||
this.mobileSelect;
|
||||
this.wheelsData = config.wheels;
|
||||
this.jsonType = false;
|
||||
this.cascadeJsonData = [];
|
||||
this.displayJson = [];
|
||||
this.cascade = false;
|
||||
this.startY;
|
||||
this.moveEndY;
|
||||
this.moveY;
|
||||
this.oldMoveY;
|
||||
this.offset = 0;
|
||||
this.offsetSum = 0;
|
||||
this.oversizeBorder;
|
||||
this.curDistance = [];
|
||||
this.clickStatus = false;
|
||||
this.isPC = true;
|
||||
this.init(config);
|
||||
}
|
||||
MobileSelect.prototype = {
|
||||
constructor: MobileSelect,
|
||||
init: function (config) {
|
||||
var _this = this;
|
||||
_this.keyMap = config.keyMap ? config.keyMap : {
|
||||
id: 'id',
|
||||
value: 'value',
|
||||
childs: 'childs'
|
||||
};
|
||||
_this.checkDataType();
|
||||
_this.renderWheels(_this.wheelsData, config.cancelBtnText, config.ensureBtnText);
|
||||
_this.trigger = document.querySelector(config.trigger);
|
||||
if (!_this.trigger) {
|
||||
console.error('mobileSelect has been successfully installed, but no trigger found on your page.');
|
||||
return false;
|
||||
}
|
||||
_this.wheel = getClass(_this.mobileSelect, 'wheel');
|
||||
_this.slider = getClass(_this.mobileSelect, 'selectContainer');
|
||||
_this.wheels = _this.mobileSelect.querySelector('.wheels');
|
||||
_this.liHeight = _this.mobileSelect.querySelector('li').offsetHeight;
|
||||
_this.ensureBtn = _this.mobileSelect.querySelector('.ensure');
|
||||
_this.cancelBtn = _this.mobileSelect.querySelector('.cancel');
|
||||
_this.grayLayer = _this.mobileSelect.querySelector('.grayLayer');
|
||||
_this.popUp = _this.mobileSelect.querySelector('.content');
|
||||
_this.callback = config.callback ? config.callback : function () { }
|
||||
;
|
||||
_this.transitionEnd = config.transitionEnd ? config.transitionEnd : function () { }
|
||||
;
|
||||
_this.initPosition = config.position ? config.position : [];
|
||||
_this.titleText = config.title ? config.title : '';
|
||||
_this.connector = config.connector != undefined && config.connector != "" ? config.connector : '-';
|
||||
_this.trigger.style.cursor = 'pointer';
|
||||
_this.setStyle(config);
|
||||
_this.setTitle(_this.titleText);
|
||||
_this.checkIsPC();
|
||||
_this.checkCascade();
|
||||
if (_this.cascade) {
|
||||
_this.initCascade();
|
||||
}
|
||||
if (_this.initPosition.length < _this.slider.length) {
|
||||
var diff = _this.slider.length - _this.initPosition.length;
|
||||
for (var i = 0; i < diff; i++) {
|
||||
_this.initPosition.push(0);
|
||||
}
|
||||
}
|
||||
_this.setCurDistance(_this.initPosition);
|
||||
_this.addListenerAll();
|
||||
_this.cancelBtn.addEventListener('click', function () {
|
||||
_this.mobileSelect.classList.remove('mobileSelect-show');
|
||||
});
|
||||
_this.ensureBtn.addEventListener('click', function () {
|
||||
_this.mobileSelect.classList.remove('mobileSelect-show');
|
||||
var tempValue = ''
|
||||
, tempIdValue = '';
|
||||
for (var i = 0; i < _this.wheel.length; i++) {
|
||||
i == _this.wheel.length - 1 ? tempValue += _this.getInnerHtml(i) : tempValue += _this.getInnerHtml(i) + _this.connector;
|
||||
i == _this.wheel.length - 1 ? tempIdValue = _this.getDataId(i) : '';
|
||||
}
|
||||
_this.trigger.value = tempValue;
|
||||
$(_this.trigger).data("value", tempIdValue);
|
||||
_this.callback(_this.getIndexArr(), _this.getValue());
|
||||
});
|
||||
_this.trigger.addEventListener('click', function () {
|
||||
_this.mobileSelect.classList.add('mobileSelect-show');
|
||||
$('.wheels').eq(0).find('li').attr("style", "color:#848D9C !important")
|
||||
$('.wheels').eq(1).find('li').attr("style", "color:#848D9C !important")
|
||||
var tempValue = ''
|
||||
, tempIdValue = '';
|
||||
for (var i = 0; i < _this.wheel.length; i++) {
|
||||
i == _this.wheel.length - 1 ? tempValue += _this.getInnerHtml(i) : tempValue += _this.getInnerHtml(i) + _this.connector;
|
||||
i == _this.wheel.length - 1 ? tempIdValue = _this.getDataId(i) : '';
|
||||
}
|
||||
var ddd = tempValue.split("-")
|
||||
var s1 = $(".wheels").eq(0).find(".selectContainer")[0];
|
||||
var s2 = $(".wheels").eq(0).find(".selectContainer")[1];
|
||||
var s3 = $(".wheels").eq(0).find(".selectContainer")[2];
|
||||
$(s1).find("li").each(function () {
|
||||
var s = $(this)[0];
|
||||
if ($(s).text() == ddd[0]) {
|
||||
$(s).attr("style", "color:#1A1A1A")
|
||||
}
|
||||
})
|
||||
$(s2).find("li").each(function () {
|
||||
var s = $(this)[0];
|
||||
if ($(s).text() == ddd[1]) {
|
||||
$(s).attr("style", "color:#1A1A1A")
|
||||
}
|
||||
})
|
||||
$(s3).find("li").each(function () {
|
||||
var s = $(this)[0];
|
||||
if ($(s).text() == ddd[2]) {
|
||||
$(s).attr("style", "color:#1A1A1A")
|
||||
}
|
||||
})
|
||||
var s4 = $(".wheels").eq(1).find(".selectContainer")[0];
|
||||
var s5 = $(".wheels").eq(1).find(".selectContainer")[1];
|
||||
var s6 = $(".wheels").eq(1).find(".selectContainer")[2];
|
||||
$(s4).find("li").each(function () {
|
||||
var s = $(this)[0];
|
||||
if ($(s).text() == ddd[0]) {
|
||||
$(s).attr("style", "color:#1A1A1A")
|
||||
}
|
||||
})
|
||||
$(s5).find("li").each(function () {
|
||||
var s = $(this)[0];
|
||||
if ($(s).text() == ddd[1]) {
|
||||
$(s).attr("style", "color:#1A1A1A")
|
||||
}
|
||||
})
|
||||
$(s6).find("li").each(function () {
|
||||
var s = $(this)[0];
|
||||
if ($(s).text() == ddd[2]) {
|
||||
$(s).attr("style", "color:#1A1A1A")
|
||||
}
|
||||
})
|
||||
});
|
||||
_this.grayLayer.addEventListener('click', function () {
|
||||
_this.mobileSelect.classList.remove('mobileSelect-show');
|
||||
});
|
||||
_this.popUp.addEventListener('click', function () {
|
||||
event.stopPropagation();
|
||||
});
|
||||
_this.fixRowStyle();
|
||||
},
|
||||
setTitle: function (string) {
|
||||
var _this = this;
|
||||
_this.titleText = string;
|
||||
_this.mobileSelect.querySelector('.title').innerHTML = _this.titleText;
|
||||
},
|
||||
setStyle: function (config) {
|
||||
var _this = this;
|
||||
if (config.ensureBtnColor) {
|
||||
_this.ensureBtn.style.color = config.ensureBtnColor;
|
||||
}
|
||||
if (config.cancelBtnColor) {
|
||||
_this.cancelBtn.style.color = config.cancelBtnColor;
|
||||
}
|
||||
if (config.titleColor) {
|
||||
_this.title = _this.mobileSelect.querySelector('.title');
|
||||
_this.title.style.color = config.titleColor;
|
||||
}
|
||||
if (config.textColor) {
|
||||
_this.panel = _this.mobileSelect.querySelector('.panel');
|
||||
_this.panel.style.color = config.textColor;
|
||||
}
|
||||
if (config.titleBgColor) {
|
||||
_this.btnBar = _this.mobileSelect.querySelector('.btnBar');
|
||||
_this.btnBar.style.backgroundColor = config.titleBgColor;
|
||||
}
|
||||
if (config.bgColor) {
|
||||
_this.panel = _this.mobileSelect.querySelector('.panel');
|
||||
_this.shadowMask = _this.mobileSelect.querySelector('.shadowMask');
|
||||
_this.panel.style.backgroundColor = config.bgColor;
|
||||
_this.shadowMask.style.background = 'linear-gradient(to bottom, ' + config.bgColor + ', rgba(255, 255, 255, 0), ' + config.bgColor + ')';
|
||||
}
|
||||
},
|
||||
checkIsPC: function () {
|
||||
var _this = this;
|
||||
var sUserAgent = navigator.userAgent.toLowerCase();
|
||||
var bIsIpad = sUserAgent.match(/ipad/i) == "ipad";
|
||||
var bIsIphoneOs = sUserAgent.match(/iphone os/i) == "iphone os";
|
||||
var bIsMidp = sUserAgent.match(/midp/i) == "midp";
|
||||
var bIsUc7 = sUserAgent.match(/rv:1.2.3.4/i) == "rv:1.2.3.4";
|
||||
var bIsUc = sUserAgent.match(/ucweb/i) == "ucweb";
|
||||
var bIsAndroid = sUserAgent.match(/android/i) == "android";
|
||||
var bIsCE = sUserAgent.match(/windows ce/i) == "windows ce";
|
||||
var bIsWM = sUserAgent.match(/windows mobile/i) == "windows mobile";
|
||||
if ((bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM)) {
|
||||
_this.isPC = false;
|
||||
}
|
||||
},
|
||||
show: function () {
|
||||
this.mobileSelect.classList.add('mobileSelect-show');
|
||||
},
|
||||
renderWheels: function (wheelsData, cancelBtnText, ensureBtnText) {
|
||||
var _this = this;
|
||||
var cancelText = cancelBtnText ? cancelBtnText : langReplace(localLang.memberFlow.close);
|
||||
var ensureText = ensureBtnText ? ensureBtnText : langReplace(localLang.memberFlow.ok);
|
||||
_this.mobileSelect = document.createElement("div");
|
||||
_this.mobileSelect.className = "mobileSelect";
|
||||
_this.mobileSelect.innerHTML = '<div class="grayLayer"></div>' + '<div class="content">' + '<div class="btnBar">' + '<div class="fixWidth">' + '<div class="cancel">' + cancelText + '</div>' + '<div class="title"></div>' + '<div class="ensure">' + ensureText + '</div>' + '</div>' + '</div>' + '<div class="panel">' + '<div class="fixWidth">' + '<div class="wheels">' + '</div>' + '<div class="selectLine"><span></span><span></span><span></span></div>' + '<div class="shadowMask"></div>' + '</div>' + '</div>' + '</div>';
|
||||
// _this.mobileSelect.innerHTML = '<div class="grayLayer"></div>' + '<div class="content">' + '<div class="btnBar">' + '<div class="fixWidth">' + '<div class="cancel">' + cancelText + '</div>' + '<div class="title"></div>' + '<div class="ensure">' + ensureText + '</div>' + '</div>' + '</div>' + '<div class="panel">' + '<div class="fixWidth">' + '<div class="wheels">' + '</div>' + '<div class="selectLine"><span>年</span><span>月</span><span>日</span></div>' + '<div class="shadowMask"></div>' + '</div>' + '</div>' + '</div>';
|
||||
document.body.appendChild(_this.mobileSelect);
|
||||
var tempHTML = '';
|
||||
for (var i = 0; i < wheelsData.length; i++) {
|
||||
tempHTML += '<div class="wheel"><ul class="selectContainer">';
|
||||
if (_this.jsonType) {
|
||||
for (var j = 0; j < wheelsData[i].data.length; j++) {
|
||||
tempHTML += '<li data-id="' + wheelsData[i].data[j][_this.keyMap.id] + '">' + wheelsData[i].data[j][_this.keyMap.value] + '</li>';
|
||||
}
|
||||
} else {
|
||||
for (var j = 0; j < wheelsData[i].data.length; j++) {
|
||||
tempHTML += '<li>' + wheelsData[i].data[j] + '</li>';
|
||||
}
|
||||
}
|
||||
tempHTML += '</ul></div>';
|
||||
}
|
||||
_this.mobileSelect.querySelector('.wheels').innerHTML = tempHTML;
|
||||
},
|
||||
addListenerAll: function () {
|
||||
var _this = this;
|
||||
for (var i = 0; i < _this.slider.length; i++) {
|
||||
(function (i) {
|
||||
_this.addListenerWheel(_this.wheel[i], i);
|
||||
_this.addListenerLi(i);
|
||||
}
|
||||
)(i);
|
||||
}
|
||||
},
|
||||
addListenerWheel: function (theWheel, index) {
|
||||
var _this = this;
|
||||
theWheel.addEventListener('touchstart', function () {
|
||||
_this.touch(event, this.firstChild, index);
|
||||
}, false);
|
||||
theWheel.addEventListener('touchend', function () {
|
||||
_this.touch(event, this.firstChild, index);
|
||||
}, false);
|
||||
theWheel.addEventListener('touchmove', function () {
|
||||
_this.touch(event, this.firstChild, index);
|
||||
}, false);
|
||||
if (_this.isPC) {
|
||||
theWheel.addEventListener('mousedown', function () {
|
||||
_this.dragClick(event, this.firstChild, index);
|
||||
}, false);
|
||||
theWheel.addEventListener('mousemove', function () {
|
||||
_this.dragClick(event, this.firstChild, index);
|
||||
}, false);
|
||||
theWheel.addEventListener('mouseup', function () {
|
||||
_this.dragClick(event, this.firstChild, index);
|
||||
}, true);
|
||||
}
|
||||
},
|
||||
addListenerLi: function (sliderIndex) {
|
||||
var _this = this;
|
||||
var curWheelLi = _this.slider[sliderIndex].getElementsByTagName('li');
|
||||
for (var j = 0; j < curWheelLi.length; j++) {
|
||||
(function (j) {
|
||||
curWheelLi[j].addEventListener('click', function () {
|
||||
_this.singleClick(this, j, sliderIndex);
|
||||
}, false);
|
||||
}
|
||||
)(j);
|
||||
}
|
||||
},
|
||||
checkDataType: function () {
|
||||
var _this = this;
|
||||
if (typeof (_this.wheelsData[0].data[0]) == 'object') {
|
||||
_this.jsonType = true;
|
||||
}
|
||||
},
|
||||
checkCascade: function () {
|
||||
var _this = this;
|
||||
if (_this.jsonType) {
|
||||
var node = _this.wheelsData[0].data;
|
||||
for (var i = 0; i < node.length; i++) {
|
||||
if (_this.keyMap.childs in node[i] && node[i][_this.keyMap.childs].length > 0) {
|
||||
_this.cascade = true;
|
||||
_this.cascadeJsonData = _this.wheelsData[0].data;
|
||||
break;
|
||||
}
|
||||
}
|
||||
} else {
|
||||
_this.cascade = false;
|
||||
}
|
||||
},
|
||||
generateArrData: function (targetArr) {
|
||||
var tempArr = [];
|
||||
var keyMap_id = this.keyMap.id;
|
||||
var keyMap_value = this.keyMap.value;
|
||||
for (var i = 0; i < targetArr.length; i++) {
|
||||
var tempObj = {};
|
||||
tempObj[keyMap_id] = targetArr[i][this.keyMap.id];
|
||||
tempObj[keyMap_value] = targetArr[i][this.keyMap.value];
|
||||
tempArr.push(tempObj);
|
||||
}
|
||||
return tempArr;
|
||||
},
|
||||
initCascade: function () {
|
||||
var _this = this;
|
||||
_this.displayJson.push(_this.generateArrData(_this.cascadeJsonData));
|
||||
if (_this.initPosition.length > 0) {
|
||||
_this.initDeepCount = 0;
|
||||
_this.initCheckArrDeep(_this.cascadeJsonData[_this.initPosition[0]]);
|
||||
} else {
|
||||
_this.checkArrDeep(_this.cascadeJsonData[0]);
|
||||
}
|
||||
_this.reRenderWheels();
|
||||
},
|
||||
initCheckArrDeep: function (parent) {
|
||||
var _this = this;
|
||||
if (parent) {
|
||||
if (_this.keyMap.childs in parent && parent[_this.keyMap.childs].length > 0) {
|
||||
_this.displayJson.push(_this.generateArrData(parent[_this.keyMap.childs]));
|
||||
_this.initDeepCount++;
|
||||
var nextNode = parent[_this.keyMap.childs][_this.initPosition[_this.initDeepCount]];
|
||||
if (nextNode) {
|
||||
_this.initCheckArrDeep(nextNode);
|
||||
} else {
|
||||
_this.checkArrDeep(parent[_this.keyMap.childs][0]);
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
checkArrDeep: function (parent) {
|
||||
var _this = this;
|
||||
if (parent) {
|
||||
if (_this.keyMap.childs in parent && parent[_this.keyMap.childs].length > 0) {
|
||||
_this.displayJson.push(_this.generateArrData(parent[_this.keyMap.childs]));
|
||||
_this.checkArrDeep(parent[_this.keyMap.childs][0]);
|
||||
}
|
||||
}
|
||||
},
|
||||
checkRange: function (index, posIndexArr) {
|
||||
var _this = this;
|
||||
var deleteNum = _this.displayJson.length - 1 - index;
|
||||
for (var i = 0; i < deleteNum; i++) {
|
||||
_this.displayJson.pop();
|
||||
}
|
||||
var resultNode;
|
||||
for (var i = 0; i <= index; i++) {
|
||||
if (i == 0)
|
||||
resultNode = _this.cascadeJsonData[posIndexArr[0]];
|
||||
else {
|
||||
resultNode = resultNode[_this.keyMap.childs][posIndexArr[i]];
|
||||
}
|
||||
}
|
||||
_this.checkArrDeep(resultNode);
|
||||
_this.reRenderWheels();
|
||||
_this.fixRowStyle();
|
||||
_this.setCurDistance(_this.resetPostion(index, posIndexArr));
|
||||
var tempValue = ''
|
||||
, tempIdValue = '';
|
||||
for (var i = 0; i < _this.wheel.length; i++) {
|
||||
i == _this.wheel.length - 1 ? tempValue += _this.getInnerHtml(i) : tempValue += _this.getInnerHtml(i) + _this.connector;
|
||||
i == _this.wheel.length - 1 ? tempIdValue = _this.getDataId(i) : '';
|
||||
}
|
||||
var ddd = tempValue.split("-")
|
||||
$('.wheels').eq(0).find('li').attr("style", "color:#848D9C !important")
|
||||
$('.wheels').eq(1).find('li').attr("style", "color:#848D9C !important")
|
||||
var s1 = $(".wheels").find(".selectContainer")[0];
|
||||
var s2 = $(".wheels").find(".selectContainer")[1];
|
||||
var s3 = $(".wheels").find(".selectContainer")[2];
|
||||
$(s1).find("li").each(function () {
|
||||
var s = $(this)[0];
|
||||
if ($(s).text() == ddd[0]) {
|
||||
$(s).attr("style", "color:#1A1A1A")
|
||||
}
|
||||
})
|
||||
$(s2).find("li").each(function () {
|
||||
var s = $(this)[0];
|
||||
if ($(s).text() == ddd[1]) {
|
||||
$(s).attr("style", "color:#1A1A1A")
|
||||
}
|
||||
})
|
||||
$(s3).find("li").each(function () {
|
||||
var s = $(this)[0];
|
||||
if ($(s).text() == ddd[2]) {
|
||||
$(s).attr("style", "color:#1A1A1A")
|
||||
}
|
||||
})
|
||||
var s4 = $(".wheels").eq(1).find(".selectContainer")[0];
|
||||
var s5 = $(".wheels").eq(1).find(".selectContainer")[1];
|
||||
var s6 = $(".wheels").eq(1).find(".selectContainer")[2];
|
||||
$(s4).find("li").each(function () {
|
||||
var s = $(this)[0];
|
||||
if ($(s).text() == ddd[0]) {
|
||||
$(s).attr("style", "color:#1A1A1A")
|
||||
}
|
||||
})
|
||||
$(s5).find("li").each(function () {
|
||||
var s = $(this)[0];
|
||||
if ($(s).text() == ddd[1]) {
|
||||
$(s).attr("style", "color:#1A1A1A")
|
||||
}
|
||||
})
|
||||
$(s6).find("li").each(function () {
|
||||
var s = $(this)[0];
|
||||
if ($(s).text() == ddd[2]) {
|
||||
$(s).attr("style", "color:#1A1A1A")
|
||||
}
|
||||
})
|
||||
},
|
||||
resetPostion: function (index, posIndexArr) {
|
||||
var _this = this;
|
||||
var tempPosArr = posIndexArr;
|
||||
var tempCount;
|
||||
if (_this.slider.length > posIndexArr.length) {
|
||||
tempCount = _this.slider.length - posIndexArr.length;
|
||||
for (var i = 0; i < tempCount; i++) {
|
||||
tempPosArr.push(0);
|
||||
}
|
||||
} else if (_this.slider.length < posIndexArr.length) {
|
||||
tempCount = posIndexArr.length - _this.slider.length;
|
||||
for (var i = 0; i < tempCount; i++) {
|
||||
tempPosArr.pop();
|
||||
}
|
||||
}
|
||||
for (var i = index + 1; i < tempPosArr.length; i++) {
|
||||
tempPosArr[i] = 0;
|
||||
}
|
||||
return tempPosArr;
|
||||
},
|
||||
reRenderWheels: function () {
|
||||
var _this = this;
|
||||
if (_this.wheel.length > _this.displayJson.length) {
|
||||
var count = _this.wheel.length - _this.displayJson.length;
|
||||
for (var i = 0; i < count; i++) {
|
||||
_this.wheels.removeChild(_this.wheel[_this.wheel.length - 1]);
|
||||
}
|
||||
}
|
||||
for (var i = 0; i < _this.displayJson.length; i++) {
|
||||
(function (i) {
|
||||
var tempHTML = '';
|
||||
if (_this.wheel[i]) {
|
||||
for (var j = 0; j < _this.displayJson[i].length; j++) {
|
||||
tempHTML += '<li data-id="' + _this.displayJson[i][j][_this.keyMap.id] + '">' + _this.displayJson[i][j][_this.keyMap.value] + '</li>';
|
||||
}
|
||||
_this.slider[i].innerHTML = tempHTML;
|
||||
} else {
|
||||
var tempWheel = document.createElement("div");
|
||||
tempWheel.className = "wheel";
|
||||
tempHTML = '<ul class="selectContainer">';
|
||||
for (var j = 0; j < _this.displayJson[i].length; j++) {
|
||||
tempHTML += '<li data-id="' + _this.displayJson[i][j][_this.keyMap.id] + '">' + _this.displayJson[i][j][_this.keyMap.value] + '</li>';
|
||||
}
|
||||
tempHTML += '</ul>';
|
||||
tempWheel.innerHTML = tempHTML;
|
||||
_this.addListenerWheel(tempWheel, i);
|
||||
_this.wheels.appendChild(tempWheel);
|
||||
}
|
||||
_this.addListenerLi(i);
|
||||
}
|
||||
)(i);
|
||||
}
|
||||
},
|
||||
updateWheels: function (data) {
|
||||
var _this = this;
|
||||
if (_this.cascade) {
|
||||
_this.cascadeJsonData = data;
|
||||
_this.displayJson = [];
|
||||
_this.initCascade();
|
||||
if (_this.initPosition.length < _this.slider.length) {
|
||||
var diff = _this.slider.length - _this.initPosition.length;
|
||||
for (var i = 0; i < diff; i++) {
|
||||
_this.initPosition.push(0);
|
||||
}
|
||||
}
|
||||
_this.setCurDistance(_this.initPosition);
|
||||
_this.fixRowStyle();
|
||||
}
|
||||
},
|
||||
updateWheel: function (sliderIndex, data) {
|
||||
var _this = this;
|
||||
var tempHTML = '';
|
||||
if (_this.cascade) {
|
||||
console.error('级联格式不支持updateWheel(),请使用updateWheels()更新整个数据源');
|
||||
return false;
|
||||
} else if (_this.jsonType) {
|
||||
for (var j = 0; j < data.length; j++) {
|
||||
tempHTML += '<li data-id="' + data[j][_this.keyMap.id] + '">' + data[j][_this.keyMap.value] + '</li>';
|
||||
}
|
||||
_this.wheelsData[sliderIndex] = {
|
||||
data: data
|
||||
};
|
||||
} else {
|
||||
for (var j = 0; j < data.length; j++) {
|
||||
tempHTML += '<li>' + data[j] + '</li>';
|
||||
}
|
||||
_this.wheelsData[sliderIndex] = data;
|
||||
}
|
||||
_this.slider[sliderIndex].innerHTML = tempHTML;
|
||||
_this.addListenerLi(sliderIndex);
|
||||
},
|
||||
fixRowStyle: function () {
|
||||
var _this = this;
|
||||
var width = (100 / _this.wheel.length).toFixed(2);
|
||||
for (var i = 0; i < _this.wheel.length; i++) {
|
||||
_this.wheel[i].style.width = width + '%';
|
||||
}
|
||||
},
|
||||
getIndex: function (distance) {
|
||||
return Math.round((2 * this.liHeight - distance) / this.liHeight);
|
||||
},
|
||||
getIndexArr: function () {
|
||||
var _this = this;
|
||||
var temp = [];
|
||||
for (var i = 0; i < _this.curDistance.length; i++) {
|
||||
temp.push(_this.getIndex(_this.curDistance[i]));
|
||||
}
|
||||
return temp;
|
||||
},
|
||||
getValue: function () {
|
||||
var _this = this;
|
||||
var temp = [];
|
||||
var positionArr = _this.getIndexArr();
|
||||
if (_this.cascade) {
|
||||
for (var i = 0; i < _this.wheel.length; i++) {
|
||||
temp.push(_this.displayJson[i][positionArr[i]]);
|
||||
}
|
||||
} else if (_this.jsonType) {
|
||||
for (var i = 0; i < _this.curDistance.length; i++) {
|
||||
temp.push(_this.wheelsData[i].data[_this.getIndex(_this.curDistance[i])]);
|
||||
}
|
||||
} else {
|
||||
for (var i = 0; i < _this.curDistance.length; i++) {
|
||||
temp.push(_this.getInnerHtml(i));
|
||||
}
|
||||
}
|
||||
return temp;
|
||||
},
|
||||
calcDistance: function (index) {
|
||||
return 2 * this.liHeight - index * this.liHeight;
|
||||
},
|
||||
setCurDistance: function (indexArr) {
|
||||
var _this = this;
|
||||
var temp = [];
|
||||
for (var i = 0; i < _this.slider.length; i++) {
|
||||
temp.push(_this.calcDistance(indexArr[i]));
|
||||
_this.movePosition(_this.slider[i], temp[i]);
|
||||
}
|
||||
_this.curDistance = temp;
|
||||
},
|
||||
fixPosition: function (distance) {
|
||||
return -(this.getIndex(distance) - 2) * this.liHeight;
|
||||
},
|
||||
movePosition: function (theSlider, distance) {
|
||||
theSlider.style.webkitTransform = 'translate3d(0,' + distance + 'px, 0)';
|
||||
theSlider.style.transform = 'translate3d(0,' + distance + 'px, 0)';
|
||||
},
|
||||
locatePostion: function (index, posIndex) {
|
||||
this.curDistance[index] = this.calcDistance(posIndex);
|
||||
this.movePosition(this.slider[index], this.curDistance[index]);
|
||||
},
|
||||
updateCurDistance: function (theSlider, index) {
|
||||
this.curDistance[index] = parseInt(theSlider.style.transform.split(',')[1]);
|
||||
},
|
||||
getDistance: function (theSlider) {
|
||||
return parseInt(theSlider.style.transform.split(',')[1]);
|
||||
},
|
||||
getInnerHtml: function (sliderIndex) {
|
||||
var _this = this;
|
||||
var index = _this.getIndex(_this.curDistance[sliderIndex]);
|
||||
return _this.slider[sliderIndex].getElementsByTagName('li')[index].innerHTML;
|
||||
},
|
||||
getDataId: function (sliderIndex) {
|
||||
var _this = this;
|
||||
var index = _this.getIndex(_this.curDistance[sliderIndex]);
|
||||
return _this.slider[sliderIndex].getElementsByTagName('li')[index].dataset.id;
|
||||
},
|
||||
touch: function (event, theSlider, index) {
|
||||
var _this = this;
|
||||
event = event || window.event;
|
||||
switch (event.type) {
|
||||
case "touchstart":
|
||||
_this.startY = event.touches[0].clientY;
|
||||
_this.oldMoveY = _this.startY;
|
||||
break;
|
||||
case "touchend":
|
||||
_this.moveEndY = event.changedTouches[0].clientY;
|
||||
_this.offsetSum = _this.moveEndY - _this.startY;
|
||||
_this.updateCurDistance(theSlider, index);
|
||||
_this.curDistance[index] = _this.fixPosition(_this.curDistance[index]);
|
||||
_this.movePosition(theSlider, _this.curDistance[index]);
|
||||
_this.oversizeBorder = -(theSlider.getElementsByTagName('li').length - 3) * _this.liHeight;
|
||||
if (_this.curDistance[index] + _this.offsetSum > 2 * _this.liHeight) {
|
||||
_this.curDistance[index] = 2 * _this.liHeight;
|
||||
setTimeout(function () {
|
||||
_this.movePosition(theSlider, _this.curDistance[index]);
|
||||
}, 100);
|
||||
} else if (_this.curDistance[index] + _this.offsetSum < _this.oversizeBorder) {
|
||||
_this.curDistance[index] = _this.oversizeBorder;
|
||||
setTimeout(function () {
|
||||
_this.movePosition(theSlider, _this.curDistance[index]);
|
||||
}, 100);
|
||||
}
|
||||
_this.transitionEnd(_this.getIndexArr(), _this.getValue());
|
||||
if (_this.cascade) {
|
||||
var tempPosArr = _this.getIndexArr();
|
||||
tempPosArr[index] = _this.getIndex(_this.curDistance[index]);
|
||||
_this.checkRange(index, tempPosArr);
|
||||
}
|
||||
break;
|
||||
case "touchmove":
|
||||
event.preventDefault();
|
||||
_this.moveY = event.touches[0].clientY;
|
||||
_this.offset = _this.moveY - _this.oldMoveY;
|
||||
_this.updateCurDistance(theSlider, index);
|
||||
_this.curDistance[index] = _this.curDistance[index] + _this.offset;
|
||||
_this.movePosition(theSlider, _this.curDistance[index]);
|
||||
_this.oldMoveY = _this.moveY;
|
||||
break;
|
||||
}
|
||||
},
|
||||
dragClick: function (event, theSlider, index) {
|
||||
var _this = this;
|
||||
event = event || window.event;
|
||||
switch (event.type) {
|
||||
case "mousedown":
|
||||
_this.startY = event.clientY;
|
||||
_this.oldMoveY = _this.startY;
|
||||
_this.clickStatus = true;
|
||||
break;
|
||||
case "mouseup":
|
||||
_this.moveEndY = event.clientY;
|
||||
_this.offsetSum = _this.moveEndY - _this.startY;
|
||||
_this.updateCurDistance(theSlider, index);
|
||||
_this.curDistance[index] = _this.fixPosition(_this.curDistance[index]);
|
||||
_this.movePosition(theSlider, _this.curDistance[index]);
|
||||
_this.oversizeBorder = -(theSlider.getElementsByTagName('li').length - 3) * _this.liHeight;
|
||||
if (_this.curDistance[index] + _this.offsetSum > 2 * _this.liHeight) {
|
||||
_this.curDistance[index] = 2 * _this.liHeight;
|
||||
setTimeout(function () {
|
||||
_this.movePosition(theSlider, _this.curDistance[index]);
|
||||
}, 100);
|
||||
} else if (_this.curDistance[index] + _this.offsetSum < _this.oversizeBorder) {
|
||||
_this.curDistance[index] = _this.oversizeBorder;
|
||||
setTimeout(function () {
|
||||
_this.movePosition(theSlider, _this.curDistance[index]);
|
||||
}, 100);
|
||||
}
|
||||
_this.clickStatus = false;
|
||||
_this.transitionEnd(_this.getIndexArr(), _this.getValue());
|
||||
if (_this.cascade) {
|
||||
var tempPosArr = _this.getIndexArr();
|
||||
tempPosArr[index] = _this.getIndex(_this.curDistance[index]);
|
||||
_this.checkRange(index, tempPosArr);
|
||||
}
|
||||
break;
|
||||
case "mousemove":
|
||||
event.preventDefault();
|
||||
if (_this.clickStatus) {
|
||||
_this.moveY = event.clientY;
|
||||
_this.offset = _this.moveY - _this.oldMoveY;
|
||||
_this.updateCurDistance(theSlider, index);
|
||||
_this.curDistance[index] = _this.curDistance[index] + _this.offset;
|
||||
_this.movePosition(theSlider, _this.curDistance[index]);
|
||||
_this.oldMoveY = _this.moveY;
|
||||
}
|
||||
break;
|
||||
}
|
||||
},
|
||||
singleClick: function (theLi, index, sliderIndex) {
|
||||
var _this = this;
|
||||
if (_this.cascade) {
|
||||
var tempPosArr = _this.getIndexArr();
|
||||
tempPosArr[sliderIndex] = index;
|
||||
_this.checkRange(sliderIndex, tempPosArr);
|
||||
} else {
|
||||
_this.curDistance[sliderIndex] = (2 - index) * _this.liHeight;
|
||||
_this.movePosition(theLi.parentNode, _this.curDistance[sliderIndex]);
|
||||
}
|
||||
}
|
||||
};
|
||||
if (typeof exports == "object") {
|
||||
module.exports = MobileSelect;
|
||||
} else if (typeof define == "function" && define.amd) {
|
||||
define([], function () {
|
||||
return MobileSelect;
|
||||
})
|
||||
} else {
|
||||
window.MobileSelect = MobileSelect;
|
||||
}
|
||||
}
|
||||
)();
|
||||
169
view/molistar/modules/guild-ar/js/personal.js
Normal file
169
view/molistar/modules/guild-ar/js/personal.js
Normal file
@@ -0,0 +1,169 @@
|
||||
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();
|
||||
getAccount();
|
||||
}, 100)
|
||||
})
|
||||
function translateFun() {
|
||||
var langReplace = window.lang.replace;
|
||||
var localLang = window.lang;
|
||||
$('.text1').html(langReplace(localLang.personal.text1));
|
||||
$('.text2').html(langReplace(localLang.personal.text2));
|
||||
$('.text3').text(langReplace(localLang.personal.text3));
|
||||
$('.text4').text(langReplace(localLang.personal.text4));
|
||||
$('.text5').text(langReplace(localLang.personal.text5));
|
||||
$('.text6').text(langReplace(localLang.personal.text6));
|
||||
$('.text7').text(langReplace(localLang.personal.text7));
|
||||
$('.text8').text(langReplace(localLang.personal.text8));
|
||||
$('.text9').text(langReplace(localLang.personal.text9));
|
||||
$('.text10').text(langReplace(localLang.personal.text10));
|
||||
$('.text11').text(langReplace(localLang.personal.text11));
|
||||
$('.text12').text(langReplace(localLang.personal.text12));
|
||||
$('.text13').text(langReplace(localLang.personal.text13));
|
||||
$('.text14').text(langReplace(localLang.personal.text14));
|
||||
$('.text15').text(langReplace(localLang.personal.text15));
|
||||
$('.text16').text(langReplace(localLang.personal.text16));
|
||||
$('.text17').text(langReplace(localLang.personal.text17));
|
||||
$('.text18').text(langReplace(localLang.personal.text18));
|
||||
$('.text19').text(langReplace(localLang.personal.text19));
|
||||
}
|
||||
// 配置接口
|
||||
function getAccount() {
|
||||
showLoading()
|
||||
networkRequest({
|
||||
type: 'get',
|
||||
url: urlPrefix + '/guild/income/getIncome',
|
||||
success(res) {
|
||||
if (res.code === 200) {
|
||||
// 判断是否展示agency
|
||||
// person
|
||||
// 处理自己
|
||||
var me = res.data.person.me;
|
||||
$('.page1 .my .tx').attr('src', me.avatar);
|
||||
$('.page1 .my .user p').text(me.nick);
|
||||
$('.page1 .my .user b').text(me.erbanNo);
|
||||
$('.page1 .diamond p b').text(res.data.diamondNum);
|
||||
// 处理当前
|
||||
var curCycle = res.data.person.curCycle;
|
||||
$('.page1 .incomeTitle i').text(curCycle.cycleDate);
|
||||
$('.page1 .incomeBox .d1 span').text(`${curCycle.totalIncome} ÜS`);
|
||||
$('.page1 .incomeBox .d2 span').text(`${curCycle.settledIncome} ÜS`);
|
||||
$('.page1 .incomeBox .d3 span').text(`${curCycle.remainingIncome} ÜS`);
|
||||
// 处理之前
|
||||
var lastCycle = res.data.person.lastCycle;
|
||||
$('.page1 .incomeTitleLast i').text(lastCycle.cycleDate);
|
||||
$('.page1 .incomeBoxLast .d1 span').text(`${lastCycle.totalIncome} ÜS`);
|
||||
$('.page1 .incomeBoxLast .d2 span').text(`${lastCycle.settledIncome} ÜS`);
|
||||
$('.page1 .incomeBoxLast .d3 span').text(`${lastCycle.remainingIncome} ÜS`);
|
||||
// agency
|
||||
if (res.data.agency) {
|
||||
var agency = res.data.agency
|
||||
$('.page2 .agentSalary i').text(agency.curCycleInterval);
|
||||
$('.page2 .agentSalaryInfo .top b').text(`${agency.usdWage} ÜS`);
|
||||
$('.page2 .agentSalaryInfo .bottom div .p1').text(agency.diamondNum);
|
||||
$('.page2 .agentSalaryInfo .bottom div .p2').text(agency.diamondRatio * 100 + '%');
|
||||
// 渲染列表
|
||||
$('.page2 .data .box').remove();
|
||||
var str = '';
|
||||
agency.memberIncomeList.forEach((res, i) => {
|
||||
str += `
|
||||
<div class="box">
|
||||
<img src="${res.avatar}" alt="" class="tx">
|
||||
<div class="user">
|
||||
<p>${res.nick}</p>
|
||||
<b>ID:${res.erbanNo}</b>
|
||||
</div>
|
||||
<div class="right">
|
||||
<p>${res.diamondNum}</p>
|
||||
<b>${langReplace(localLang.personal.text20)}</b>
|
||||
</div>
|
||||
</div>
|
||||
`
|
||||
});
|
||||
$('.page2 .data').append(str);
|
||||
} else {
|
||||
$('.back .tab').css('justify-content', 'center');
|
||||
$('.back .tab div').eq(1).hide();
|
||||
}
|
||||
} else {
|
||||
toastMsg(res.message)
|
||||
}
|
||||
hideLoading(layerIndex)
|
||||
},
|
||||
error(err) {
|
||||
hideLoading(layerIndex)
|
||||
toastMsg(langReplace(localLang.demoModule.layerIndex3))
|
||||
}
|
||||
})
|
||||
}
|
||||
// tab切换
|
||||
$('.back .tab div').click(function () {
|
||||
var i = $(this).index() + 1;
|
||||
$(this).addClass('act').siblings().removeClass();
|
||||
$('.page1,.page2').hide();
|
||||
$(`.page${i}`).show();
|
||||
})
|
||||
// 跳转提现
|
||||
$('.page1 .diamond .withdraw').click(function () {
|
||||
window.location.href = `./diamondWithdraw.html`
|
||||
})
|
||||
// 跳转薪资账户页面
|
||||
$('.page1 .account').click(function () {
|
||||
window.location.href = `./salary_account.html`
|
||||
})
|
||||
2
view/molistar/modules/guild-ar/js/qiniu.min.js
vendored
Normal file
2
view/molistar/modules/guild-ar/js/qiniu.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
180
view/molistar/modules/guild-ar/js/record.js
Normal file
180
view/molistar/modules/guild-ar/js/record.js
Normal file
@@ -0,0 +1,180 @@
|
||||
let urlPrefix = getUrlPrefix()
|
||||
let browser = checkVersion()
|
||||
let env = EnvCheck();
|
||||
var urlData = getQueryString();
|
||||
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 originList = [];
|
||||
var list = [];
|
||||
var pageNo = 1;
|
||||
var pageSize = 20;
|
||||
var canNext = true;
|
||||
|
||||
$(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(() => {
|
||||
if (browser.android) {
|
||||
window.androidJsObj.closeWebView()
|
||||
} else {
|
||||
window.webkit.messageHandlers.closeWebView.postMessage(null)
|
||||
}
|
||||
})
|
||||
fuzzyMatchUpdateQueryStringParameterFun(); // 判断语言
|
||||
langReplace = window.lang.replace;
|
||||
localLang = window.lang;
|
||||
translateFun();
|
||||
getData()
|
||||
}, 100);
|
||||
|
||||
// 页面触底 分页加载
|
||||
$(window).scroll(function () {
|
||||
if ($(this).scrollTop() + $(this).height() >= $(document).height() - 5) {
|
||||
console.log(canNext);
|
||||
if (canNext && originList.length == pageSize) {
|
||||
canNext = false
|
||||
pageNo++;
|
||||
getData();
|
||||
} else {
|
||||
// toastMsg("No more~");
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
});
|
||||
|
||||
function translateFun() {
|
||||
langReplace = window.lang.replace;
|
||||
localLang = window.lang;
|
||||
if (localLang.code == 'ar') {
|
||||
/* 设置为从右向左 */
|
||||
document.documentElement.setAttribute("dir", "rtl")
|
||||
$("body,html").addClass('arLang')
|
||||
}
|
||||
$("#aReaord_title").html(langReplace(localLang.demoModule.aReaord_title));
|
||||
$(".nav p").html(langReplace(localLang.demoModule.aReaord_title));
|
||||
|
||||
}
|
||||
|
||||
// 获取代理账单
|
||||
function getData() {
|
||||
showLoading();
|
||||
networkRequest({
|
||||
type: "GET",
|
||||
url: urlPrefix + "/guild/usd/rechargeUserRecord/page",
|
||||
data: { pageNo, pageSize, uid: pubInfo.uid },
|
||||
success: function (res) {
|
||||
if (res.code == 200) {
|
||||
originList = res.data
|
||||
let str = ''
|
||||
let lastDate = ''
|
||||
originList.forEach((item, i) => {
|
||||
console.log(lastDate);
|
||||
if (lastDate == '' || lastDate != item.date) {
|
||||
lastDate = item.date
|
||||
str += `<div class="date">${item.date}</div>
|
||||
<li>
|
||||
<img src="${item.avatar}" alt="" class="avatar">
|
||||
<div class="name">${item.salaryNick}</div>
|
||||
<div class="id">ID:${item.salaryErbano}</div>
|
||||
<span>${langReplace(localLang.demoModule.transfer_salary)}<b>${item.tradeUsb.toLocaleString()}ÜS</b></span>
|
||||
<p class="coins">+${item.gold.toLocaleString()} ${langReplace(localLang.demoModule.coins)}</p>
|
||||
</li>`
|
||||
} else {
|
||||
str += `<li>
|
||||
<img src="${item.avatar}" alt="" class="avatar">
|
||||
<div class="name">${item.salaryNick}</div>
|
||||
<div class="id">ID:${item.salaryErbano}</div>
|
||||
<span>${langReplace(localLang.demoModule.transfer_salary)}<b>${item.tradeUsb.toLocaleString()}ÜS</b></span>
|
||||
<p class="coins">+${item.gold.toLocaleString()} ${langReplace(localLang.demoModule.coins)}</p>
|
||||
</li>`
|
||||
}
|
||||
})
|
||||
// res.data.forEach(item => {
|
||||
// let existingDateGroup = list.find(group => group.date === item.date);
|
||||
// if (existingDateGroup) {
|
||||
// existingDateGroup.list.push(item);
|
||||
// } else {
|
||||
// list.push({
|
||||
// date: item.date,
|
||||
// list: [item]
|
||||
// });
|
||||
// }
|
||||
// });
|
||||
// let str = ''
|
||||
// console.log(list);
|
||||
|
||||
// list.forEach(res => {
|
||||
// res.list.forEach((item, i) => {
|
||||
// if (i == 0 && (res.data != item.data)) {
|
||||
// str += `<div class="date">${res.date}</div>
|
||||
// <li>
|
||||
// <img src="${item.avatar}" alt="" class="avatar">
|
||||
// <div class="name">${item.salaryNick}</div>
|
||||
// <div class="id">ID:${item.salaryErbano}</div>
|
||||
// <span>Transfer salary:<b>${item.tradeUsb.toLocaleString()}ÜS</b></span>
|
||||
// <p class="coins">+${item.gold.toLocaleString()} coins</p>
|
||||
// </li>`
|
||||
// } else {
|
||||
// str += `<li>
|
||||
// <img src="${item.avatar}" alt="" class="avatar">
|
||||
// <div class="name">${item.salaryNick}</div>
|
||||
// <div class="id">ID:${item.salaryErbano}</div>
|
||||
// <span>Transfer salary:<b>${item.tradeUsb.toLocaleString()}ÜS</b></span>
|
||||
// <p class="coins">+${item.gold.toLocaleString()} coins</p>
|
||||
// </li>`
|
||||
// }
|
||||
|
||||
// })
|
||||
|
||||
// });
|
||||
$('ul').append(str)
|
||||
|
||||
} else {
|
||||
toastMsg(res.message)
|
||||
}
|
||||
canNext = true
|
||||
hideLoading(layerIndex);
|
||||
},
|
||||
error: function (res) {
|
||||
console.log(res, "报错啦");
|
||||
hideLoading(layerIndex);
|
||||
canNext = true
|
||||
},
|
||||
});
|
||||
}
|
||||
447
view/molistar/modules/guild-ar/js/salary.js
Normal file
447
view/molistar/modules/guild-ar/js/salary.js
Normal file
@@ -0,0 +1,447 @@
|
||||
let urlPrefix = getUrlPrefix()
|
||||
let browser = checkVersion()
|
||||
let env = EnvCheck();
|
||||
var urlData = getQueryString();
|
||||
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 agencyRoleType = urlData.agencyRoleType
|
||||
var hallId = urlData.hallId
|
||||
var region = urlData.region
|
||||
var gender = urlData.gender
|
||||
|
||||
var personUsbToGoldRate // 个人薪资兑换金币比例
|
||||
var agentUsbToGoldRate // 充值代理结算兑换金币比例
|
||||
var tradeUsb = null
|
||||
var myusb = null
|
||||
|
||||
var tabPersonalArr = [];
|
||||
var tabAgentArr = [];
|
||||
var transfer_dollars_Arr;
|
||||
var transfer_dollars_ArrType;
|
||||
var typeTabType = 'personal';
|
||||
var ratio;
|
||||
var usGold;
|
||||
$(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();
|
||||
getTab();
|
||||
}, 100);
|
||||
|
||||
function translateFun() {
|
||||
const langReplace = window.lang.replace;
|
||||
const localLang = window.lang;
|
||||
$('.text1').text(langReplace(localLang.salary.text1));
|
||||
$('.text2').text(langReplace(localLang.salary.text2));
|
||||
$('.text3').text(langReplace(localLang.salary.text3));
|
||||
$('.text4').text(langReplace(localLang.salary.text4));
|
||||
$('.text5').text(langReplace(localLang.salary.text5));
|
||||
$('.text6').text(langReplace(localLang.salary.text6));
|
||||
$('.text7').text(langReplace(localLang.salary.text7));
|
||||
$('.text8').text(langReplace(localLang.salary.text8));
|
||||
$('.text9').text(langReplace(localLang.salary.text9));
|
||||
$('.text10').text(langReplace(localLang.salary.text10));
|
||||
$('.text11').text(langReplace(localLang.salary.text11));
|
||||
$('.text12').text(langReplace(localLang.salary.text12));
|
||||
$('.text13').text(langReplace(localLang.salary.text13));
|
||||
$('.text14').html(langReplace(localLang.salary.text14));
|
||||
$('.text15').text(langReplace(localLang.salary.text15));
|
||||
$('.text16').text(langReplace(localLang.salary.text16));
|
||||
$('.text17').html(langReplace(localLang.salary.text17));
|
||||
$('.text18').html(langReplace(localLang.salary.text18));
|
||||
}
|
||||
});
|
||||
// 获取usd操作的功能标签tab
|
||||
function getTab() {
|
||||
tabPersonalArr = [];
|
||||
tabAgentArr = [];
|
||||
showLoading()
|
||||
networkRequest({
|
||||
type: 'get',
|
||||
url: urlPrefix + '/guild/usd/getTab',
|
||||
success(res) {
|
||||
if (res.code === 200) {
|
||||
// 渲染公会长结算弹窗数据
|
||||
var guildOwner = res.data.guildOwner;
|
||||
$('.president_pop .avatar').attr('src', guildOwner.avatar);
|
||||
$('.president_pop .sure').attr('src', guildOwner.uid);
|
||||
$('.president_pop .name p').text(`${guildOwner.nick}`);
|
||||
$('.president_pop .id').text(`ID:${guildOwner.erbanNo}`);
|
||||
// 代理弹窗数据
|
||||
$('.agent_pop .wrap li').remove()
|
||||
var agent_popStr = '';
|
||||
var rechargeUserList = res.data.rechargeUserList;
|
||||
if (rechargeUserList.length <= 0) {
|
||||
$('.agent_pop .wrap').append(`<li class="no">${langReplace(localLang.salary.text10)}</li>`);
|
||||
} else {
|
||||
rechargeUserList.forEach((res, i) => {
|
||||
agent_popStr += `
|
||||
<li class="${i == 0 ? 'li_act' : ''}" uid=${res.uid}>
|
||||
<img src="${res.avatar}" alt="" class="avatar">
|
||||
<dic class="name">
|
||||
<p>${res.nick}</p>
|
||||
<img src="" alt="" class="flag">
|
||||
</dic>
|
||||
<p class="id">ID:${res.erbanNo}</p>
|
||||
</li>
|
||||
`
|
||||
})
|
||||
$('.agent_pop .wrap').append(agent_popStr);
|
||||
}
|
||||
// 当前可提现余额
|
||||
usGold = res.data.guildUsdNum
|
||||
$('.my_salary p b').text(`${usGold}ÜS`);
|
||||
// 处理tab对应列表
|
||||
res.data.typeTab.forEach(res => {
|
||||
if (res.tabKey == 'personal') {
|
||||
tabPersonalArr.push(res.channelList);
|
||||
} else {
|
||||
tabAgentArr.push(res.channelList);
|
||||
}
|
||||
})
|
||||
typeTabFun(typeTabType);
|
||||
} else {
|
||||
toastMsg(res.message)
|
||||
}
|
||||
hideLoading(layerIndex)
|
||||
},
|
||||
error(err) {
|
||||
hideLoading(layerIndex)
|
||||
toastMsg(langReplace(localLang.demoModule.layerIndex3))
|
||||
}
|
||||
})
|
||||
}
|
||||
// 选择代理人列表
|
||||
$('.agent_pop .wrap').on('click', 'li', function () {
|
||||
var uid = $(this).attr('uid');
|
||||
$(this).addClass('li_act').siblings().removeClass('li_act')
|
||||
$('.agent_pop .btn_wrap sure').attr('uid', uid);
|
||||
})
|
||||
// 选择会长结算
|
||||
$('.president_pop .btn_wrap sure').click(function () {
|
||||
than = $(this);
|
||||
operateValue(than);
|
||||
})
|
||||
// 处理tab分类
|
||||
function typeTabFun(type) {
|
||||
transfer_dollars_Arr = {};
|
||||
$('.transfer_method li').remove();
|
||||
$('.transfer_dollars li').remove();
|
||||
var str = '';
|
||||
var arr = type == 'personal' ? tabPersonalArr[0] : tabAgentArr[0];
|
||||
// 处理方式
|
||||
transfer_dollars_ArrType = arr[0].type
|
||||
ratio = arr[0].ratio
|
||||
$('.confirm').attr('type', transfer_dollars_ArrType);
|
||||
$('.custom_pop .sure').attr('type', transfer_dollars_ArrType);
|
||||
$('.president_pop .btn_wrap sure').attr('type', transfer_dollars_ArrType);
|
||||
$('.agent_pop .btn_wrap sure').attr('type', transfer_dollars_ArrType);
|
||||
arr.forEach((res, i) => {
|
||||
transfer_dollars_Arr[res.type] = res;
|
||||
if (res.type == 1) {
|
||||
str += `
|
||||
<li class="exchange_coins ${i == 0 ? 'li_act' : ''}" type="${res.type}" ratio="${res.ratio}">
|
||||
<p>${langReplace(localLang.salary.text19)}</p>
|
||||
<span>( 1 ÜS = <e>${res.ratio}</e> <img src="./images/coin.png" class="coin" />)</span>
|
||||
</li>
|
||||
`
|
||||
} else if (res.type == 2) {
|
||||
// <li class="recharge_agent ${i == 0 ? 'li_act' : ''}" type="${res.type}" ratio="${res.ratio}">
|
||||
// <p>
|
||||
// <img src="./images/dollar.png" class="dollar" alt="">
|
||||
// <e>Recharge agent settlement</e>
|
||||
// </p>
|
||||
// </li>
|
||||
str += `
|
||||
<li class="exchange_coins ${i == 0 ? 'li_act' : ''}" type="${res.type}" ratio="${res.ratio}">
|
||||
<p>${langReplace(localLang.salary.text19)}</p>
|
||||
<span>( 1 ÜS = <e>${res.ratio}</e> <img src="./images/coin.png" class="coin" />)</span>
|
||||
</li>
|
||||
`
|
||||
} else if (res.type == 3) {
|
||||
str += `
|
||||
<li class="official_withdraw ${i == 0 ? 'li_act' : ''}" type="${res.type}" ratio="${res.ratio}">
|
||||
<p>
|
||||
<img src="./images/dollar.png" class="dollar" alt="">
|
||||
<e>${langReplace(localLang.salary.text20)}</e>
|
||||
</p>
|
||||
<div class="pop">
|
||||
${langReplace(localLang.salary.text21)}
|
||||
</div>
|
||||
</li>
|
||||
`
|
||||
} else if (res.type == 4) {
|
||||
str += `
|
||||
<li class="agent_settlement ${i == 0 ? 'li_act' : ''}" type="${res.type}" ratio="${res.ratio}">
|
||||
<p>
|
||||
<img src="./images/dollar.png" class="dollar" alt="">
|
||||
<e>${langReplace(localLang.salary.text22)}</e>
|
||||
</p>
|
||||
<div class="pop">
|
||||
${langReplace(localLang.salary.text21)}
|
||||
</div>
|
||||
</li>
|
||||
`
|
||||
} else if (res.type == 5) {
|
||||
str += `
|
||||
<li class="agent_settlement ${i == 0 ? 'li_act' : ''}" type="${res.type}" ratio="${res.ratio}">
|
||||
<p>
|
||||
<img src="./images/dollar.png" class="dollar" alt="">
|
||||
<e>${langReplace(localLang.salary.text23)}</e>
|
||||
</p>
|
||||
<div class="pop">
|
||||
${langReplace(localLang.salary.text21)}
|
||||
</div>
|
||||
</li>
|
||||
`
|
||||
}
|
||||
})
|
||||
$('.transfer_method').append(str);
|
||||
dollarsFun(transfer_dollars_ArrType);
|
||||
}
|
||||
// 处理金额
|
||||
function dollarsFun(type) {
|
||||
$('.transfer_dollars li').remove();
|
||||
var str2 = '';
|
||||
if (transfer_dollars_Arr[type].canCustom) {
|
||||
str2 += `
|
||||
<li class="custom_amount" custom_amount="custom_amount">
|
||||
<p>
|
||||
<img src="./images/custom.png" class="custom" alt="">
|
||||
${langReplace(localLang.salary.text15)}
|
||||
</p>
|
||||
</li>
|
||||
`
|
||||
}
|
||||
transfer_dollars_Arr[type].prodList.forEach((res, i) => {
|
||||
if (i == 0) {
|
||||
$('.confirm').attr('guildusdnum', res.guildUsdNum);
|
||||
$('.custom_pop .sure').attr('guildusdnum', res.guildUsdNum);
|
||||
$('.president_pop .btn_wrap sure').attr('guildusdnum', res.guildUsdNum);
|
||||
$('.agent_pop .btn_wrap sure').attr('guildusdnum', res.guildUsdNum);
|
||||
}
|
||||
if (res.type == 2) {
|
||||
str2 += `
|
||||
<li class="${i == 0 ? 'li_act' : ''}" guildusdnum=${res.guildUsdNum}>
|
||||
<p>${res.guildUsdNum} ÜS</p>
|
||||
<span>
|
||||
<img src="./images/coin.png" class="coin" alt="">
|
||||
<b>${res.currencyNum} ${langReplace(localLang.salary.text25)}</b>
|
||||
</span>
|
||||
<div class="tips">+${res.extraCurrencyNum} <img src="./images/coin.png"></div>
|
||||
</li>
|
||||
`
|
||||
} else {
|
||||
str2 += `
|
||||
<li class="${i == 0 ? 'li_act' : ''}" guildusdnum=${res.guildUsdNum}>
|
||||
<p>${res.guildUsdNum} ÜS</p>
|
||||
</li>
|
||||
`
|
||||
}
|
||||
})
|
||||
$('.transfer_dollars').append(str2)
|
||||
}
|
||||
// 关闭公会长结算弹窗
|
||||
$('.president_pop .cancel').click(function () {
|
||||
$('.president_pop').hide();
|
||||
bodyScroolFun(false);
|
||||
})
|
||||
// 确定公会长结算弹窗
|
||||
$('.president_pop .sure').click(function () {
|
||||
$('.president_pop').hide();
|
||||
bodyScroolFun(false);
|
||||
})
|
||||
// 关闭代理结算弹窗
|
||||
$('.agent_pop .cancel').click(function () {
|
||||
$('.agent_pop').hide();
|
||||
bodyScroolFun(false);
|
||||
})
|
||||
// 确定代理结算弹窗
|
||||
$('.agent_pop .sure').click(function () {
|
||||
$('.agent_pop').hide();
|
||||
bodyScroolFun(false);
|
||||
})
|
||||
// 切换tab
|
||||
$('.tab .item').click(function () {
|
||||
var i = $(this).index() + 1;
|
||||
$(this).addClass('act').siblings().removeClass('act');
|
||||
typeTabType = i == 1 ? 'personal' : 'agent';
|
||||
typeTabFun(typeTabType)
|
||||
})
|
||||
// 切换方式
|
||||
$('.transfer_method').on('click', 'li', function () {
|
||||
$(this).addClass('li_act').siblings().removeClass('li_act');
|
||||
var type = $(this).attr("type");
|
||||
ratio = $(this).attr("ratio");
|
||||
$('.confirm').attr('type', type);
|
||||
$('.custom_pop .sure').attr('type', type);
|
||||
$('.president_pop .btn_wrap sure').attr('type', type);
|
||||
$('.agent_pop .btn_wrap sure').attr('type', type);
|
||||
transfer_dollars_ArrType = type;
|
||||
dollarsFun(transfer_dollars_ArrType);
|
||||
})
|
||||
// 选择金额方式
|
||||
$('.transfer_dollars').on('click', 'li', function () {
|
||||
$(this).addClass('li_act').siblings().removeClass('li_act');
|
||||
var custom_amount = $(this).attr('custom_amount');
|
||||
var guildUsdNum = $(this).attr('guildusdnum');
|
||||
if (custom_amount) {
|
||||
$('.custom_pop').show();
|
||||
bodyScroolFun(true);
|
||||
} else {
|
||||
console.log(guildUsdNum);
|
||||
$('.confirm').attr('guildusdnum', guildUsdNum);
|
||||
$('.custom_pop .sure').attr('guildusdnum', guildUsdNum);
|
||||
$('.president_pop .btn_wrap sure').attr('guildusdnum', guildUsdNum);
|
||||
$('.agent_pop .btn_wrap sure').attr('guildusdnum', guildUsdNum);
|
||||
}
|
||||
|
||||
})
|
||||
// 取消自定义金额弹窗
|
||||
$('.custom_pop .custom_pop_in .btn_wrap .cancel').click(function () {
|
||||
$(".custom_pop .ipt input").val('')
|
||||
$(".custom_pop h2 b").html('0')
|
||||
$('.custom_pop').hide();
|
||||
bodyScroolFun(false);
|
||||
})
|
||||
// 确认自定义金额弹窗
|
||||
$('.custom_pop .custom_pop_in .btn_wrap .sure').click(function () {
|
||||
let value = $(".custom_pop .ipt input").val().trim();
|
||||
if (value == 0) {
|
||||
toastMsg(langReplace(localLang.salary.text24))
|
||||
return
|
||||
}
|
||||
than = $(this);
|
||||
operateValue(than);
|
||||
$(".custom_pop h2 b").html('0');
|
||||
$('.custom_pop').hide();
|
||||
bodyScroolFun(false);
|
||||
})
|
||||
// 监听输入框
|
||||
$(".custom_pop .ipt input").on("input", function () {
|
||||
let value = $(this).val().trim();
|
||||
// 使用正则表达式限制最多两位小数
|
||||
let match = value.match(/^\d+(\.\d{0,2})?/);
|
||||
if (match) {
|
||||
value = match[0];
|
||||
} else {
|
||||
value = "";
|
||||
}
|
||||
// 设置输入框的值为匹配的结果
|
||||
$(this).val(value);
|
||||
if (value !== "") {
|
||||
// 计算并更新 gold 值
|
||||
let gold;
|
||||
// if (transfer_dollars_ArrType == 1) {
|
||||
// gold = value * personUsbToGoldRate;
|
||||
// } else {
|
||||
// gold = value * agentUsbToGoldRate;
|
||||
// }
|
||||
gold = value * ratio;
|
||||
$(".custom_pop h2 b").html(gold);
|
||||
tradeUsb = value
|
||||
|
||||
} else {
|
||||
gold = value * ratio;
|
||||
$(".custom_pop h2 b").html(gold);
|
||||
tradeUsb = value
|
||||
}
|
||||
});
|
||||
// 自定义金额全部按钮
|
||||
$('.custom_pop .custom_pop_in .ipt e').click(function () {
|
||||
$('.custom_pop .custom_pop_in .ipt input').val(usGold);
|
||||
$(".custom_pop h2 b").html(usGold * ratio);
|
||||
})
|
||||
// 跳转记录页面
|
||||
$('.my_salary p').click(function () {
|
||||
window.location.href = `./bill.html`
|
||||
})
|
||||
// 确认按钮
|
||||
$('.confirm').click(function () {
|
||||
than = $(this);
|
||||
operateValue(than)
|
||||
})
|
||||
// 处理提交数据
|
||||
function operateValue(than) {
|
||||
var guildUsdNum = than.attr('guildUsdNum');
|
||||
var targetUid = than.attr('uid');
|
||||
var type = than.attr('type');
|
||||
if (type == 3) {
|
||||
$('.agent_pop').show();
|
||||
bodyScroolFun(true);
|
||||
} else if (type == 4) {
|
||||
$('.president_pop').show();
|
||||
bodyScroolFun(true);
|
||||
} else {
|
||||
var obj = {
|
||||
guildUsdNum,
|
||||
targetUid: type != 3 || type != 4 ? null : targetUid,
|
||||
type,
|
||||
};
|
||||
operate(obj)
|
||||
}
|
||||
}
|
||||
// 确认提交接口
|
||||
function operate(obj) {
|
||||
showLoading()
|
||||
networkRequest({
|
||||
type: 'post',
|
||||
url: urlPrefix + '/guild/usd/operate',
|
||||
data: obj,
|
||||
success(res) {
|
||||
if (res.code === 200) {
|
||||
getTab();
|
||||
// window.location.href = `./salary_account.html?type=${obj.type}&createTime=${dateFormat(res.data.createTime,'yyyy/MM/dd hh:mm:ss')}&guildUsdNum=${res.data.guildUsdNum}`
|
||||
window.location.href = `./successful.html?type=${obj.type}&data=${JSON.stringify(res.data)}`
|
||||
} else {
|
||||
toastMsg(res.message)
|
||||
}
|
||||
hideLoading(layerIndex)
|
||||
},
|
||||
error(err) {
|
||||
hideLoading(layerIndex)
|
||||
toastMsg(langReplace(localLang.demoModule.layerIndex3))
|
||||
}
|
||||
})
|
||||
}
|
||||
147
view/molistar/modules/guild-ar/js/search.js
Normal file
147
view/molistar/modules/guild-ar/js/search.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.location.href = './guild.html';
|
||||
})
|
||||
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.search.text1));
|
||||
$('.text2').attr('placeholder', langReplace(localLang.search.text2));
|
||||
$('.text3').text(langReplace(localLang.search.text3));
|
||||
$('.text4').text(langReplace(localLang.search.text4));
|
||||
$('.text5').text(langReplace(localLang.search.text5));
|
||||
$('.text6').text(langReplace(localLang.search.text6));
|
||||
$('.text7').text(langReplace(localLang.search.text7));
|
||||
}
|
||||
// 配置接口
|
||||
function searchFamily(erbanNo) {
|
||||
$('ul li').remove();
|
||||
showLoading()
|
||||
networkRequest({
|
||||
type: 'get',
|
||||
url: urlPrefix + '/guild/searchFamily',
|
||||
data: { erbanNo },
|
||||
success(res) {
|
||||
if (res.code == 200) {
|
||||
var str = '';
|
||||
str += `
|
||||
<li>
|
||||
<img src="${res.data.avatar}" alt="" class="tx">
|
||||
<div class="user">
|
||||
<p>${res.data.familyName}</p>
|
||||
<b>ID:${res.data.erbanNo}</b>
|
||||
</div>
|
||||
<div familyId=${res.data.guildId} class="but">طلب إضافة </div>
|
||||
</li>
|
||||
`
|
||||
$('ul').append(str);
|
||||
} else if (res.code == 1404) {
|
||||
var str = '';
|
||||
str += `
|
||||
<li class="null">
|
||||
<img src="./images/null.png" alt="">
|
||||
<span>${langReplace(localLang.search.text4)}</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();
|
||||
searchFamily(val);
|
||||
})
|
||||
// 确认加入按钮
|
||||
$('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.search.text8))
|
||||
} else {
|
||||
toastMsg(res.message)
|
||||
}
|
||||
hideLoading(layerIndex)
|
||||
},
|
||||
error(err) {
|
||||
hideLoading(layerIndex)
|
||||
toastMsg(langReplace(localLang.demoModule.layerIndex3))
|
||||
}
|
||||
})
|
||||
}
|
||||
371
view/molistar/modules/guild-ar/js/selectDate.js
Normal file
371
view/molistar/modules/guild-ar/js/selectDate.js
Normal file
@@ -0,0 +1,371 @@
|
||||
$.extend({
|
||||
selectYY_MM_DD: function (g, a, k) {
|
||||
var d, e, b;
|
||||
b = new Date;
|
||||
var starYear = b.getFullYear() - 30;
|
||||
var maxYear = b.getFullYear() + 30;
|
||||
d = starYear;
|
||||
e = maxYear;
|
||||
b = [10, 0, 0];
|
||||
var dateVal = $(g).val();
|
||||
if (dateVal != undefined && dateVal != "") {
|
||||
dateVal = dateVal.split("-");
|
||||
dateVal && 3 == dateVal.length ? b = [dateVal[0] - starYear, dateVal[1] - 1, dateVal[2] - 1] : b = b;
|
||||
} else {
|
||||
var nowDate = new Date;
|
||||
b = [nowDate.getFullYear() - starYear, nowDate.getMonth(), nowDate.getDate() - 1]
|
||||
}
|
||||
new MobileSelect({
|
||||
trigger: g,
|
||||
title: '',
|
||||
wheels: function (a, b) {
|
||||
for (var d = [{
|
||||
data: []
|
||||
}]; a <= b; a++) {
|
||||
for (var e = {
|
||||
id: a,
|
||||
value: a,
|
||||
childs: []
|
||||
}, c = 1; 12 >= c; c++) {
|
||||
for (var h = [], g = (1 == c || 3 == c || 5 == c || 7 == c || 8 == c || 10 == c || 12 == c) ? 31 : 2 == c ? 0 == a % 4 && 0 != a % 100 ? 29 : 0 == a % 400 ? 29 : 28 : 30, f = 1; f <= g; f++)
|
||||
h.push({
|
||||
id: f < 10 ? '0' + f : f,
|
||||
value: f < 10 ? '0' + f : f
|
||||
});
|
||||
e.childs.push({
|
||||
id: c < 10 ? '0' + c : c,
|
||||
value: c < 10 ? '0' + c : c,
|
||||
childs: h < 10 ? '0' + h : h
|
||||
})
|
||||
}
|
||||
d[0].data.push(e)
|
||||
}
|
||||
return d
|
||||
}(d, e),
|
||||
position: b,
|
||||
callback: function (a, b) {
|
||||
if (k != undefined) {
|
||||
k({
|
||||
year: b[0].id,
|
||||
month: b[1].id,
|
||||
day: b[2].id
|
||||
})
|
||||
}
|
||||
}
|
||||
})
|
||||
},
|
||||
selectDate_YM: function (el, cbFn) {
|
||||
var createDateData = function (info) {
|
||||
var dateData = [{
|
||||
data: []
|
||||
}];
|
||||
var childData = [];
|
||||
for (var j = 1; j <= 12; j++) {
|
||||
if (j < 10) {
|
||||
childData.push({
|
||||
id: '0' + j,
|
||||
value: '0' + j
|
||||
});
|
||||
} else {
|
||||
childData.push({
|
||||
id: j,
|
||||
value: j
|
||||
});
|
||||
}
|
||||
}
|
||||
for (var i = info.startYear; i <= info.maxYear; i++) {
|
||||
dateData[0].data.push({
|
||||
id: i,
|
||||
value: i,
|
||||
childs: childData
|
||||
});
|
||||
}
|
||||
return dateData;
|
||||
};
|
||||
var info = {}
|
||||
, now = new Date();
|
||||
info.nowYear = now.getFullYear();
|
||||
info.nowMonth = (now.getMonth() + 1);
|
||||
info.startYear = info.nowYear - 60;
|
||||
info.maxYear = info.nowYear + 3;
|
||||
var dateVal = $(el).val();
|
||||
var tempos = [10, 0];
|
||||
if (dateVal != undefined && dateVal != "") {
|
||||
dateVal = dateVal.split("-");
|
||||
dateVal && 2 == dateVal.length ? tempos = [dateVal[0] - info.startYear, dateVal[1] - 1] : tempos = tempos;
|
||||
}
|
||||
var selectDate_YM = new MobileSelect({
|
||||
trigger: el,
|
||||
title: '选择年月',
|
||||
wheels: createDateData(info),
|
||||
position: tempos,
|
||||
callback: function (item, data) {
|
||||
if (data.length > 1) {
|
||||
var dateInfo = {
|
||||
year: data[0].id,
|
||||
month: data[1].id,
|
||||
};
|
||||
} else {
|
||||
var dateInfo = {
|
||||
year: data[0].id,
|
||||
};
|
||||
}
|
||||
cbFn && cbFn(dateInfo);
|
||||
}
|
||||
});
|
||||
},
|
||||
selectDate_YM_END: function (el, cbFn) {
|
||||
var createDateData = function (info) {
|
||||
var dateData = [{
|
||||
data: []
|
||||
}];
|
||||
var childData = [];
|
||||
for (var j = 1; j <= 12; j++) {
|
||||
if (j < 10) {
|
||||
childData.push({
|
||||
id: '0' + j,
|
||||
value: '0' + j
|
||||
});
|
||||
} else {
|
||||
childData.push({
|
||||
id: j,
|
||||
value: j
|
||||
});
|
||||
}
|
||||
}
|
||||
for (var i = info.startYear; i <= info.maxYear; i++) {
|
||||
dateData[0].data.push({
|
||||
id: i,
|
||||
value: i,
|
||||
childs: childData
|
||||
});
|
||||
}
|
||||
if ($(el).data("type") == "end")
|
||||
dateData[0].data.push({
|
||||
id: info.maxYear + 1,
|
||||
value: "至今"
|
||||
});
|
||||
return dateData;
|
||||
};
|
||||
var info = {}
|
||||
, now = new Date();
|
||||
info.nowYear = now.getFullYear();
|
||||
info.nowMonth = (now.getMonth() + 1);
|
||||
info.startYear = info.nowYear - 60;
|
||||
info.maxYear = info.nowYear;
|
||||
var dateVal = $(el).val();
|
||||
var tempos = [10, 0];
|
||||
if (dateVal != undefined && dateVal != "") {
|
||||
if (dateVal == "至今") {
|
||||
tempos = [info.maxYear - info.startYear + 1];
|
||||
} else {
|
||||
dateVal = dateVal.split("-");
|
||||
dateVal && 2 == dateVal.length ? tempos = [dateVal[0] - info.startYear, dateVal[1] - 1] : tempos = tempos;
|
||||
}
|
||||
}
|
||||
var selectDate_YM_END = new MobileSelect({
|
||||
trigger: el,
|
||||
title: '选择年月',
|
||||
wheels: createDateData(info),
|
||||
position: tempos,
|
||||
callback: function (item, data) {
|
||||
if (data.length > 1) {
|
||||
var dateInfo = {
|
||||
year: data[0].id,
|
||||
month: data[1].id,
|
||||
};
|
||||
} else {
|
||||
var dateInfo = {
|
||||
year: data[0].id,
|
||||
};
|
||||
}
|
||||
cbFn && cbFn(dateInfo);
|
||||
}
|
||||
});
|
||||
},
|
||||
selectDate_Y: function (el, cbFn) {
|
||||
var createDateData = function (info) {
|
||||
var dateData = [{
|
||||
data: []
|
||||
}];
|
||||
for (var i = info.startYear; i <= info.maxYear; i++) {
|
||||
dateData[0].data.push({
|
||||
id: i,
|
||||
value: i
|
||||
});
|
||||
}
|
||||
return dateData;
|
||||
};
|
||||
var info = {}
|
||||
, now = new Date();
|
||||
info.nowYear = now.getFullYear();
|
||||
info.nowMonth = (now.getMonth() + 1);
|
||||
info.startYear = info.nowYear - 60;
|
||||
info.maxYear = info.nowYear;
|
||||
var dateVal = $(el).val();
|
||||
var tempos = [info.maxYear - info.startYear, 0];
|
||||
if (dateVal != undefined && dateVal != "") {
|
||||
dateVal = dateVal.split("-");
|
||||
dateVal && 1 == dateVal.length ? tempos = [dateVal[0] - info.startYear] : tempos = tempos;
|
||||
}
|
||||
var selectDate_Y = new MobileSelect({
|
||||
trigger: el,
|
||||
title: '选择年份',
|
||||
wheels: createDateData(info),
|
||||
position: tempos,
|
||||
callback: function (item, data) {
|
||||
if (data.length > 1) {
|
||||
var dateInfo = {
|
||||
year: data[0].id,
|
||||
};
|
||||
} else {
|
||||
var dateInfo = {
|
||||
year: data[0].id,
|
||||
};
|
||||
}
|
||||
cbFn && cbFn(dateInfo);
|
||||
}
|
||||
});
|
||||
},
|
||||
select_HH_MM: function (el, cbFn) {
|
||||
var createDateData = function (info) {
|
||||
var dateData = [{
|
||||
data: []
|
||||
}];
|
||||
var childData = [];
|
||||
for (var j = 0; j <= 59; j++) {
|
||||
if (j < 10) {
|
||||
childData.push({
|
||||
id: '0' + j,
|
||||
value: '0' + j
|
||||
});
|
||||
} else {
|
||||
childData.push({
|
||||
id: j,
|
||||
value: j
|
||||
});
|
||||
}
|
||||
}
|
||||
for (var i = info.startHour; i <= info.maxHour; i++) {
|
||||
var pra = i < 10 ? '0' + i : i
|
||||
dateData[0].data.push({
|
||||
id: pra,
|
||||
value: pra,
|
||||
childs: childData
|
||||
});
|
||||
}
|
||||
return dateData;
|
||||
};
|
||||
var info = {};
|
||||
info.startHour = 0;
|
||||
info.maxHour = 23;
|
||||
info.startMinute = 0;
|
||||
info.maxMinute = 59;
|
||||
var designTimeVal = $(el).val();
|
||||
var tempos = [0, 0];
|
||||
if (designTimeVal != undefined && designTimeVal != "") {
|
||||
designTimeVal = designTimeVal.split(":");
|
||||
designTimeVal && 2 == designTimeVal.length ? tempos = [designTimeVal[0] - info.startHour, designTimeVal[1]] : tempos = tempos;
|
||||
}
|
||||
var select_HH_MM = new MobileSelect({
|
||||
trigger: el,
|
||||
title: '选择时分',
|
||||
connector: ':',
|
||||
wheels: createDateData(info),
|
||||
position: tempos,
|
||||
callback: function (item, data) {
|
||||
if (data.length > 1) {
|
||||
var dateInfo = {
|
||||
year: data[0].id,
|
||||
month: data[1].id,
|
||||
};
|
||||
} else {
|
||||
var dateInfo = {
|
||||
year: data[0].id,
|
||||
};
|
||||
}
|
||||
cbFn && cbFn(dateInfo);
|
||||
}
|
||||
});
|
||||
},
|
||||
select_HH_MM_SS: function (el, cbFn) {
|
||||
var createDateData = function (info) {
|
||||
var dateData = [{
|
||||
data: []
|
||||
}];
|
||||
var childData = []
|
||||
, childDatass = [];
|
||||
for (var j = 0; j <= 59; j++) {
|
||||
if (j < 10) {
|
||||
childDatass.push({
|
||||
id: '0' + j,
|
||||
value: '0' + j
|
||||
});
|
||||
} else {
|
||||
childDatass.push({
|
||||
id: j,
|
||||
value: j
|
||||
});
|
||||
}
|
||||
}
|
||||
for (var j = 0; j <= 59; j++) {
|
||||
if (j < 10) {
|
||||
childData.push({
|
||||
id: '0' + j,
|
||||
value: '0' + j,
|
||||
childs: childDatass
|
||||
});
|
||||
} else {
|
||||
childData.push({
|
||||
id: j,
|
||||
value: j,
|
||||
childs: childDatass
|
||||
});
|
||||
}
|
||||
}
|
||||
for (var i = info.startHour; i <= info.maxHour; i++) {
|
||||
var pra = i < 10 ? '0' + i : i
|
||||
dateData[0].data.push({
|
||||
id: pra,
|
||||
value: pra,
|
||||
childs: childData
|
||||
});
|
||||
}
|
||||
return dateData;
|
||||
};
|
||||
var info = {};
|
||||
info.startHour = 0;
|
||||
info.maxHour = 23;
|
||||
info.startMinute = 0;
|
||||
info.maxMinute = 59;
|
||||
var designTimeVal = $(el).val();
|
||||
var tempos = [0, 0, 0];
|
||||
if (designTimeVal != undefined && designTimeVal != "") {
|
||||
designTimeVal = designTimeVal.split(":");
|
||||
designTimeVal && 3 == designTimeVal.length ? tempos = [designTimeVal[0] - info.startHour, designTimeVal[1], designTimeVal[2]] : tempos = tempos;
|
||||
} else {
|
||||
var nowDate = new Date;
|
||||
tempos = [nowDate.getFullYear(), nowDate.getMonth() + 1, nowDate.getDate()]
|
||||
}
|
||||
var select_HH_MM = new MobileSelect({
|
||||
trigger: el,
|
||||
title: '选择时分秒',
|
||||
connector: ':',
|
||||
wheels: createDateData(info),
|
||||
position: tempos,
|
||||
callback: function (item, data) {
|
||||
if (data.length > 1) {
|
||||
var dateInfo = {
|
||||
year: data[0].id,
|
||||
month: data[1].id,
|
||||
};
|
||||
} else {
|
||||
var dateInfo = {
|
||||
year: data[0].id,
|
||||
};
|
||||
}
|
||||
cbFn && cbFn(dateInfo);
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
103
view/molistar/modules/guild-ar/js/success.js
Normal file
103
view/molistar/modules/guild-ar/js/success.js
Normal file
@@ -0,0 +1,103 @@
|
||||
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 res = JSON.parse(getQueryString().data);
|
||||
var type = getQueryString().type;
|
||||
// 初始化函數
|
||||
$(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();
|
||||
$.copy({
|
||||
text: "Copy success", //分享提示文案
|
||||
copyUrl: res.no, //复制邀请码
|
||||
tipTime: 1000, //分享提示消失时间
|
||||
copyId: "#copy" //绑定复制id名字
|
||||
});
|
||||
console.log(type, res);
|
||||
$('h1 strong').html(res.me.nick)
|
||||
$('.dollar').html(res.guildUsdNum + ' ÜS')
|
||||
if (type == 2) {
|
||||
$('.exchange_wrap .exchange_account b').html(`${res.me.nick.length >= 8 ? res.me.nick.slice(0, 8) + '... ' : res.me.nick}(ID:${res.me.erbanNo})`);
|
||||
$('.exchange_wrap .exchange_coins b').html(res.currencyNum);
|
||||
$('.exchange_wrap .exchange_time b').text(dateFormat(res.createTime, 'yyyy/MM/dd hh:mm:ss'));
|
||||
$('.exchange_wrap .order b h6').text(res.no);
|
||||
$('.exchange_wrap').show();
|
||||
$('.text1').text(langReplace(localLang.success.text2));
|
||||
} else {
|
||||
$('.settlement_wrap .account b').html(`${res.me.nick.length >= 8 ? res.me.nick.slice(0, 8) + '... ' : res.me.nick}(ID:${res.me.erbanNo})`);
|
||||
if (type == 5) {
|
||||
$('.settlement_wrap .settlement_account').hide();
|
||||
} else {
|
||||
$('.settlement_wrap .settlement_account b').html(`<b>${res.target.nick.length >= 8 ? res.target.nick.slice(0, 8) + '... ' : res.target.nick}<img src="" class="flag" alt="">(ID:${res.target.erbanNo})</b>`);
|
||||
}
|
||||
$('.settlement_wrap .time b').text(dateFormat(res.createTime, 'yyyy/MM/dd hh:mm:ss'));
|
||||
$('.settlement_wrap .order b h6').text(res.no);
|
||||
$(`.settlement_wrap`).show();
|
||||
$('.text1').text(langReplace(localLang.success.text1));
|
||||
}
|
||||
}, 100)
|
||||
})
|
||||
function translateFun() {
|
||||
var langReplace = window.lang.replace;
|
||||
var localLang = window.lang;
|
||||
$('.text1').text(langReplace(localLang.success.text1));
|
||||
$('.text2').text(langReplace(localLang.success.text2));
|
||||
$('.text3').text(langReplace(localLang.success.text3));
|
||||
$('.text4').text(langReplace(localLang.success.text4));
|
||||
$('.text5').text(langReplace(localLang.success.text5));
|
||||
$('.text6').text(langReplace(localLang.success.text6));
|
||||
$('.text7').text(langReplace(localLang.success.text7));
|
||||
$('.text8').text(langReplace(localLang.success.text8));
|
||||
$('.text9').text(langReplace(localLang.success.text9));
|
||||
$('.text10').text(langReplace(localLang.success.text10));
|
||||
$('.text11').text(langReplace(localLang.success.text11));
|
||||
$('.text12').text(langReplace(localLang.success.text12));
|
||||
$('.text13').text(langReplace(localLang.success.text13));
|
||||
$('.text14').text(langReplace(localLang.success.text14));
|
||||
$('.text15').text(langReplace(localLang.success.text15));
|
||||
$('.text16').text(langReplace(localLang.success.text16));
|
||||
}
|
||||
261
view/molistar/modules/guild-ar/local/ar.js
Normal file
261
view/molistar/modules/guild-ar/local/ar.js
Normal file
@@ -0,0 +1,261 @@
|
||||
// 阿拉伯
|
||||
langAr = {
|
||||
// 模块
|
||||
demoModule: {
|
||||
layerIndex1: `جار التحميل...`,
|
||||
layerIndex2: `تم العملية بنجاح`,
|
||||
layerIndex3: `خطأ في الشبكة`,
|
||||
text1: `أسم الوكالة`,
|
||||
text2: `أسم الوكالة`,
|
||||
text3: `إعدادات المشرف`,
|
||||
text4: `إعدادات الوكالة`,
|
||||
text5: `دخل الأعضاء`,
|
||||
text6: `دعوة الأعضاء`,
|
||||
text7: `عرض التفاصيل`,
|
||||
text8: `أسم الوكالة`,
|
||||
text9: `حذف`,
|
||||
text10: `تأكيد`,
|
||||
text11: 'اسم النقابة:',
|
||||
text12: `الوكيل`,
|
||||
text13: `المشرف`,
|
||||
text14: `حذف`,
|
||||
text15: `هل أنت متأكد أنك تريد إزالة هذا الشخص؟`,
|
||||
text16: `أدخل أي دي مولي ستار للبحث`,
|
||||
texts1: "إحصائيات دخل العملات",
|
||||
texts2: "إحصائيات دخل الرواتب",
|
||||
texts3: "إعدادات معلومات الوكالة",
|
||||
texts4: "إعدادات مشرف الوكالة",
|
||||
texts5: "راتبي",
|
||||
newtext1: "إيراداتي",
|
||||
newtext2: "حساب الرواتب",
|
||||
newtext3: "إعدادات معلومات النقابة",
|
||||
newtext4: "إعدادات مشرف النقابة",
|
||||
newtext5: "مستوى النقابة",
|
||||
newtext6: "المستوى الحالي للنقابة:",
|
||||
newtext7: "الترقية المطلوبة:"
|
||||
},
|
||||
adminSet: {
|
||||
text1: `إعدادات المشرف`,
|
||||
text2: `بحث`,
|
||||
text3: `لا يوجد بيانات حتي الاّن`,
|
||||
text4: `هل أنت متأكد أنك تريد تعين هذا الشخص مشرف للوكالة؟`,
|
||||
text5: `حذف`,
|
||||
text6: `تأكيد`,
|
||||
text7: `إضافة`,
|
||||
text8: `تمت الإضافة بنجاح`,
|
||||
},
|
||||
adminSet2: {
|
||||
text1: `إعدادات المشرف`,
|
||||
text2: `إعدادات المشرف`,
|
||||
text3: `إضافة مشرف`,
|
||||
text4: `لا يوجد بيانات حتي الاّن`,
|
||||
text5: `هل أنت متأكد أنك تريد إزالة هذا الشخص مشرف للوكالة؟`,
|
||||
text6: `حذف`,
|
||||
text7: `تأكيد`,
|
||||
text8: `الوكيل`,
|
||||
text9: `المشرف`,
|
||||
text10: `حذف`,
|
||||
text11: 'تمت الإزالة بنجاح',
|
||||
},
|
||||
guild: {
|
||||
text1: `جميع الوكالات`,
|
||||
text2: `جميع الوكالات`,
|
||||
text3: `الوكالة`,
|
||||
text4: `هل أنت متأكد أنك تريد التقديم بطلب للانضمام إلى هذه النقابة؟`,
|
||||
text5: `حذف`,
|
||||
text6: `تأكيد`,
|
||||
text7: `طلب إضافة `,
|
||||
text8: 'تم تقديم الطلب بنجاح',
|
||||
},
|
||||
guildInfoSet: {
|
||||
text1: `إعدادات معلومات الوكالة `,
|
||||
text2: `إعدادات معلومات الوكالة`,
|
||||
text3: `اسم الوكالة: `,
|
||||
text4: `أسم الوكالة`,
|
||||
text5: `خلفية الوكالة:`,
|
||||
text6: `حذف`,
|
||||
text7: `حفظ`,
|
||||
text8: `تم التحميل بنجاح`,
|
||||
textConte1: `حفظ`,
|
||||
textConte2: `تعديل `,
|
||||
textConte3: `إضافة`,
|
||||
textConte4: `حساب أستلام الراتب `,
|
||||
},
|
||||
invitation: {
|
||||
text1: `البحث`,
|
||||
text2: `MoliStarID بحث عن `,
|
||||
text3: `البحث`,
|
||||
text4: `لم يتم العثور علي محتوي ذي صلة`,
|
||||
text5: `هل أنت متأكد من دعوة هذا الشخص للانضمام إلى النقابة؟`,
|
||||
text6: `حذف`,
|
||||
text7: `تأكيد`,
|
||||
text8: `إضافة`,
|
||||
text9: `لا يوجد بيانات حتي الاّن`,
|
||||
text10: 'تمت الدعوة بنجاح',
|
||||
},
|
||||
memberFlow: {
|
||||
text1: `مجموع دخل العملات الذهبية`,
|
||||
text2: `إجمالي دخل الوكالة من العملات الذهبية`,
|
||||
text3: `دخل العملات الذهبية للأعضاء `,
|
||||
text4: `لا يمكن أن يكون وقت البدء بعد وقت الانتهاء`,
|
||||
text5: `لا يمكن أن يتجاوز الفترة الزمنية المحددة 90 يومًا`,
|
||||
text6: `دخل العملات الذهبية `,
|
||||
text7: `مدة البث المباشر `,
|
||||
text8: `عدد المستخدمين الراسلين للهدايا `,
|
||||
text9: `أنا`,
|
||||
},
|
||||
memberFlow2: {
|
||||
text1: `مجموع دخل الرواتب `,
|
||||
text2: `الشهر الماضي `,
|
||||
text3: `الشهر التالي`,
|
||||
text4: `اجمالي راتب و نسبة الوكيل `,
|
||||
text5: `الراتب العملات الذهبية للوكيل`,
|
||||
text6: `نسبة الوكيل`,
|
||||
text7: `رصيد الماس الحالي `,
|
||||
text8: `الراتب الشهري للأعضاء`,
|
||||
text9: `شهر`,
|
||||
text10: `معلومات الأعضاء `,
|
||||
text11: `عدد الأيام الصالحة`,
|
||||
text12: `دخل العملات الذهبية`,
|
||||
text13: `الراتب العملات الذهبية للوكيل`,
|
||||
text14: `رصيد الماس `,
|
||||
text15: `تفاصيل`,
|
||||
text16: `تفاصيل`,
|
||||
text17: `الشهر الحالي `,
|
||||
textss: `إجمالي راتب العملات الذهبية:`
|
||||
},
|
||||
memberFlow22: {
|
||||
text1: `الراتب الشهري للأعضاء `,
|
||||
text2: `الشهر الماضي `,
|
||||
text3: `الشهر التالي`,
|
||||
text4: `الراتب العملات الذهبية للوكيل`,
|
||||
text5: `دخل العملات الذهبية `,
|
||||
text6: `عدد الأيام الصالحة `,
|
||||
text7: `رصيد الماس الحالي `,
|
||||
text8: `تفاصيل يومية`,
|
||||
text9: ``,
|
||||
text10: `التاريخ`,
|
||||
text11: `مدة البث المباشر `,
|
||||
text12: `الدخل اليومي للعملات الذهبية`,
|
||||
text13: `الدخل الشهري التراكمي للعملات الذهبية`,
|
||||
text14: `الراتب العملات الذهبية للوكيلللشهر الحالي `,
|
||||
},
|
||||
memberFlow222: {
|
||||
text1: `الراتب الشهري للأعضاء `,
|
||||
text2: `الشهر الماضي `,
|
||||
text3: `الشهر التالي`,
|
||||
text4: `الراتب العملات الذهبية للوكيل`,
|
||||
text5: `دخل العملات الذهبية `,
|
||||
text6: `عدد الأيام الصالحة `,
|
||||
text7: `رصيد الماس الحالي `,
|
||||
text8: `تفاصيل يومية`,
|
||||
text9: ``,
|
||||
text10: `التاريخ`,
|
||||
text11: `مدة البث المباشر `,
|
||||
text12: `الدخل اليومي للعملات الذهبية`,
|
||||
text13: `الدخل الشهري التراكمي للعملات الذهبية`,
|
||||
text14: `الراتب العملات الذهبية للوكيلللشهر الحالي `,
|
||||
},
|
||||
search: {
|
||||
text1: `بحث`,
|
||||
text2: `MoliStarID بحث عن `,
|
||||
text3: `بحث`,
|
||||
text4: `لم يتم العثور علي محتوي ذي صلة`,
|
||||
text5: `هل أنت متأكد أنك تريد التقديم بطلب للانضمام إلى هذه النقابة؟`,
|
||||
text6: `حذف`,
|
||||
text7: `تأكيد`,
|
||||
text8: 'تم تقديم الطلب بنجاح',
|
||||
},
|
||||
lay: {
|
||||
ok: 'تأكيد',
|
||||
close: 'إلغاء',
|
||||
departed: 'غادر',
|
||||
},
|
||||
personal: {
|
||||
text1: `الشخصي`,
|
||||
text2: `الوكالة`,
|
||||
text3: `الماس الخاص بي:`,
|
||||
text4: `سحب`,
|
||||
text5: `انتقل إلى حساب الراتب الخاص بي`,
|
||||
text6: `دخل هذه الدورة`,
|
||||
text7: `(إجمالي الدخل الناتج عن سحب الماس إلى حساب الراتب خلال هذه الدورة)`,
|
||||
text8: `إجمالي الدخل`,
|
||||
text9: `الدخل المستقر`,
|
||||
text10: `الدخل المتبقي`,
|
||||
text11: `دخل الدورة السابقة`,
|
||||
text12: `إجمالي الدخل`,
|
||||
text13: `الدخل المستقر`,
|
||||
text14: `الدخل المتبقي`,
|
||||
text15: `راتب الوكيل`,
|
||||
text16: `راتب الوكيل`,
|
||||
text17: `دخل الماس`,
|
||||
text18: `معدل دخل الوكيل`,
|
||||
text19: `بيانات المضيف`,
|
||||
text20: `دخل الماس`,
|
||||
},
|
||||
diamondWithdraw: {
|
||||
text1: `سحب الماس`,
|
||||
text2: `تأكيد`,
|
||||
text3: `تم السحب بنجاح`,
|
||||
text4: `انتقل إلى حساب الراتب`,
|
||||
text5: `إلغاء`,
|
||||
text6: `الماس`,
|
||||
text7: `تم سحب <b>0</b>ÜS بنجاح إلى حساب الراتب`
|
||||
},
|
||||
salary: {
|
||||
text1: `حساب الراتب`,
|
||||
text2: `راتبي:`,
|
||||
text3: `الفاتورة`,
|
||||
text4: `شخصي`,
|
||||
text5: `وكيل`,
|
||||
text6: `طريقة التحويل`,
|
||||
text7: `تحويل الدولارات`,
|
||||
text8: `تأكيد`,
|
||||
text9: `شحن الوكيل`,
|
||||
text10: `لا يوجد وكيل شحن في هذه المنطقة`,
|
||||
text11: `إلغاء`,
|
||||
text12: `تأكيد`,
|
||||
text13: `شحن الوكيل`,
|
||||
text14: `هل أنت متأكد أنك تريد إرسال <b></b> إلى الوكيل للتسوية؟`,
|
||||
text15: `المبلغ المخصص`,
|
||||
text16: `الكل`,
|
||||
text17: `يمكن تبادله مقابل <b>0</b> عملة ذهبية`,
|
||||
text18: `(نسبة التبادل 1:<b>1</b>)`,
|
||||
text19: `تبادل العملات`,
|
||||
text20: `السحب الرسمي`,
|
||||
text21: `يمكن التسوية في الأول و 16 من كل شهر`,
|
||||
text22: `تسوية الوكيل`,
|
||||
text23: `تسوية الوكيل`,
|
||||
text24: `يرجى إدخال المبلغ المراد استرداده`,
|
||||
text25: `عملات`
|
||||
},
|
||||
bill: {
|
||||
text1: `الفاتورة`,
|
||||
text2: `الدخل`,
|
||||
text3: `النفقات`,
|
||||
text4: `الراتب:`,
|
||||
text5: `سحب الماس`,
|
||||
text6: `السحب الرسمي`,
|
||||
text7: `تحويل الراتب إلى عملات`,
|
||||
text8: `تحويل الراتب`,
|
||||
text9: `راتب الوكيل`,
|
||||
},
|
||||
success: {
|
||||
text1: `التسوية ناجحة`,
|
||||
text2: `التحويل ناجح`,
|
||||
text3: `الراتب`,
|
||||
text4: `الحالة الحالية`,
|
||||
text5: `التحويل ناجح`,
|
||||
text6: `حساب التحويل`,
|
||||
text7: `عملات التحويل`,
|
||||
text8: `وقت التحويل`,
|
||||
text9: `طلب`,
|
||||
text10: ``,
|
||||
text11: `الحالة الحالية`,
|
||||
text12: `ناجح`,
|
||||
text13: `حساب`,
|
||||
text14: `حساب التسوية`,
|
||||
text15: `الوقت`,
|
||||
text16: `طلب`
|
||||
}
|
||||
}
|
||||
259
view/molistar/modules/guild-ar/local/en.js
Normal file
259
view/molistar/modules/guild-ar/local/en.js
Normal file
@@ -0,0 +1,259 @@
|
||||
langEn = {
|
||||
demoModule: {
|
||||
layerIndex1: `Loading...`,
|
||||
layerIndex2: `Success`,
|
||||
layerIndex3: `Network error`,
|
||||
text1: `Agency Name`,
|
||||
text2: `Agency Name`,
|
||||
text3: `Admin`,
|
||||
text4: `Settings`,
|
||||
text5: `Income`,
|
||||
text6: `Invite`,
|
||||
text7: `Details`,
|
||||
text8: `Agency Name`,
|
||||
text9: `Cancel`,
|
||||
text10: `Confirm`,
|
||||
text11: 'Guild Name:',
|
||||
text12: `Master`,
|
||||
text13: `Admin`,
|
||||
text14: `Delete`,
|
||||
text15: `Are you sure you want to remove this person?`,
|
||||
text16: `MoliStar ID`,
|
||||
texts1: "Coin Income Statistics",
|
||||
texts2: "Salary Income Statistics",
|
||||
texts3: "Agency Settings",
|
||||
texts4: "Administrator Settings",
|
||||
texts5: "My Salary",
|
||||
newtext1: "My Income",
|
||||
newtext2: "Salary Account",
|
||||
newtext3: "Guild Information Settings",
|
||||
newtext4: "Guild Admin Settings",
|
||||
newtext5: "Agency level",
|
||||
newtext6: "Current Agency Lv:",
|
||||
newtext7: "Next level need:",
|
||||
},
|
||||
adminSet: {
|
||||
text1: `Administrator`,
|
||||
text2: `Find`,
|
||||
text3: `No data`,
|
||||
text4: `Appoint Administrator?`,
|
||||
text5: `Cancel`,
|
||||
text6: `Confirm`,
|
||||
text7: `Add`,
|
||||
text8: `Added`,
|
||||
},
|
||||
adminSet2: {
|
||||
text1: `Administrator`,
|
||||
text2: `Settings`,
|
||||
text3: `Add Admin`,
|
||||
text4: `No data`,
|
||||
text5: `Remove Administrator?`,
|
||||
text6: `Cancel`,
|
||||
text7: `Confirm`,
|
||||
text8: `Master`,
|
||||
text9: `Administrator`,
|
||||
text10: `Delete`,
|
||||
text11: 'Removed',
|
||||
},
|
||||
guild: {
|
||||
text1: `All`,
|
||||
text2: `All`,
|
||||
text3: `Agency`,
|
||||
text4: `Apply to join?`,
|
||||
text5: `Cancel`,
|
||||
text6: `Confirm`,
|
||||
text7: `Add`,
|
||||
text8: 'Submitted',
|
||||
},
|
||||
guildInfoSet: {
|
||||
text1: `Agency Settings`,
|
||||
text2: `Agency Settings`,
|
||||
text3: `Name: `,
|
||||
text4: `Name`,
|
||||
text5: `Background:`,
|
||||
text6: `Delete`,
|
||||
text7: `Save`,
|
||||
text8: `Loaded`,
|
||||
textConte1: `Save`,
|
||||
textConte2: `Edit`,
|
||||
textConte3: `Add`,
|
||||
textConte4: `Payment Account`,
|
||||
},
|
||||
invitation: {
|
||||
text1: `Find`,
|
||||
text2: `Find MoliStarID`,
|
||||
text3: `Find`,
|
||||
text4: `No content`,
|
||||
text5: `Invite to guild?`,
|
||||
text6: `Cancel`,
|
||||
text7: `Confirm`,
|
||||
text8: `Add`,
|
||||
text9: `No data`,
|
||||
text10: 'Sent invitation',
|
||||
},
|
||||
memberFlow: {
|
||||
text1: `Income Statistics`,
|
||||
text2: `Total Coins Income`,
|
||||
text3: `Members Coins Income`,
|
||||
text4: `Start time cannot be later than end time`,
|
||||
text5: `Selected time period cannot exceed 90 days`,
|
||||
text6: `Coins Income`,
|
||||
text7: `Duration`,
|
||||
text8: `Num of Givers`,
|
||||
text9: `Me`,
|
||||
},
|
||||
memberFlow2: {
|
||||
text1: `Salaries Statistics`,
|
||||
text2: `Previous`,
|
||||
text3: `Next`,
|
||||
text4: `My Salary`,
|
||||
text5: `Coin Salary`,
|
||||
text6: `Commission`,
|
||||
text7: `Remaining Diamonds`,
|
||||
text8: `Member Salaries`,
|
||||
text9: `Month`,
|
||||
text10: `Member`,
|
||||
text11: `Valid days`,
|
||||
text12: `Coins Income`,
|
||||
text13: `Coin Salary`,
|
||||
text14: `Remaining Diamonds`,
|
||||
text15: `View`,
|
||||
text16: `Details`,
|
||||
text17: `Current`,
|
||||
textss: 'Total Coin Salary：'
|
||||
},
|
||||
memberFlow22: {
|
||||
text1: `Member Salary`,
|
||||
text2: `Previous`,
|
||||
text3: `Next`,
|
||||
text4: `Coin Salary`,
|
||||
text5: `Coins Income`,
|
||||
text6: `Valid Days`,
|
||||
text7: `Remaining Diamonds`,
|
||||
text8: `Daily Details`,
|
||||
text9: ``,
|
||||
text10: `Date`,
|
||||
text11: `Duration`,
|
||||
text12: `Daily Income`,
|
||||
text13: `Monthly Income`,
|
||||
text14: `Coin Salary`,
|
||||
},
|
||||
memberFlow222: {
|
||||
text1: `Member Salary`,
|
||||
text2: `Previous`,
|
||||
text3: `Next`,
|
||||
text4: `Coin Salary`,
|
||||
text5: `Coins Income`,
|
||||
text6: `Valid Days`,
|
||||
text7: `Remaining Diamonds`,
|
||||
text8: `Daily Details`,
|
||||
text9: ``,
|
||||
text10: `Date`,
|
||||
text11: `Duration`,
|
||||
text12: `Daily Income`,
|
||||
text13: `Monthly Income`,
|
||||
text14: `Coin Salary`,
|
||||
},
|
||||
search: {
|
||||
text1: `Find`,
|
||||
text2: `Find MoliStarID`,
|
||||
text3: `Find`,
|
||||
text4: `No content`,
|
||||
text5: `Apply to join?`,
|
||||
text6: `Delete`,
|
||||
text7: `Cancel`,
|
||||
text8: 'Submitted',
|
||||
},
|
||||
lay: {
|
||||
ok: 'Confirm',
|
||||
close: 'Cancel',
|
||||
departed: 'Departed',
|
||||
},
|
||||
personal: {
|
||||
text1: `Personal<span></span>`,
|
||||
text2: `Agency<span></span>`,
|
||||
text3: `My diamond:`,
|
||||
text4: `Withdraw`,
|
||||
text5: `Enter my salary account`,
|
||||
text6: `This cycle income`,
|
||||
text7: `(Total income generated by withdrawing diamonds to salary account during this cycle)`,
|
||||
text8: `Total income`,
|
||||
text9: `Settled income`,
|
||||
text10: `Remaining income`,
|
||||
text11: `Last cycle income`,
|
||||
text12: `Total income`,
|
||||
text13: `Settled income`,
|
||||
text14: `Remaining income`,
|
||||
text15: `Agent salary`,
|
||||
text16: `Agent salary`,
|
||||
text17: `Diamond income`,
|
||||
text18: `Agent income rate`,
|
||||
text19: `Anchor data`,
|
||||
text20: `Diamond income`,
|
||||
},
|
||||
diamondWithdraw: {
|
||||
text1: `Diamond Withdraw `,
|
||||
text2: `Confirm`,
|
||||
text3: `Withdraw successful`,
|
||||
text4: `Enter salary account`,
|
||||
text5: `Cancel`,
|
||||
text6: `Diamonds`,
|
||||
text7: `Successfully withdrawn <b>0</b>ÜS to salary account`,
|
||||
},
|
||||
salary: {
|
||||
text1: `Salary account`,
|
||||
text2: `My salary:`,
|
||||
text3: `Bill`,
|
||||
text4: `Personal`,
|
||||
text5: `Agent`,
|
||||
text6: `Transfer method`,
|
||||
text7: `Transfer dollars`,
|
||||
text8: `Confirm`,
|
||||
text9: `Recharge agent`,
|
||||
text10: `No recharge agent in this area`,
|
||||
text11: `Cancel`,
|
||||
text12: `Confirm`,
|
||||
text13: `Recharge agent`,
|
||||
text14: `Are you sure you want to send <b></b> to the agent for settlement?`,
|
||||
text15: `Custom amount`,
|
||||
text16: `All`,
|
||||
text17: `Can be exchanged for <b>0</b> gold coin`,
|
||||
text18: `(Exchange at a ratio of 1:<b>1</b>)`,
|
||||
text19: `Exchange coins`,
|
||||
text20: `Official withdraw`,
|
||||
text21: `Settlement available on the 1st and 16th of each month`,
|
||||
text22: `Agent settlement`,
|
||||
text23: `Agent settlement`,
|
||||
text24: `Please enter the amount to be redeemed`,
|
||||
text25: `Coins`,
|
||||
},
|
||||
bill: {
|
||||
text1: `Bill`,
|
||||
text2: `Income`,
|
||||
text3: `Expenses`,
|
||||
text4: `Salary:`,
|
||||
text5: `Diamond withdraw`,
|
||||
text6: `Official withdraw`,
|
||||
text7: `Salary exchange for coins`,
|
||||
text8: `Salary transfer`,
|
||||
text9: `Agent salary`,
|
||||
},
|
||||
success: {
|
||||
text1: `Settlement successful`,
|
||||
text2: `Exchange successful`,
|
||||
text3: `Salary`,
|
||||
text4: `Current status`,
|
||||
text5: `Exchange successful`,
|
||||
text6: `Exchange account`,
|
||||
text7: `Exchange coins`,
|
||||
text8: `Exchange time`,
|
||||
text9: `Order`,
|
||||
text10: ``,
|
||||
text11: `Current status`,
|
||||
text12: `Successful`,
|
||||
text13: `Account`,
|
||||
text14: `Settlement account`,
|
||||
text15: `Time`,
|
||||
text16: `Order`,
|
||||
},
|
||||
}
|
||||
262
view/molistar/modules/guild-ar/local/zh.js
Normal file
262
view/molistar/modules/guild-ar/local/zh.js
Normal file
@@ -0,0 +1,262 @@
|
||||
// 中文
|
||||
langZh = {
|
||||
// 模塊
|
||||
demoModule: {
|
||||
layerIndex1: `加載中...`,
|
||||
layerIndex2: `操作成功`,
|
||||
layerIndex3: `網絡錯誤`,
|
||||
text1: `公會名稱`,
|
||||
text2: `公會名稱`,
|
||||
text3: `管理員設置`,
|
||||
text4: `公會設置`,
|
||||
text5: `成員收入`,
|
||||
text6: `邀請成員`,
|
||||
text7: `查看詳情`,
|
||||
text8: `公會名稱`,
|
||||
text9: `刪除`,
|
||||
text10: `確認`,
|
||||
text11: '公會名稱:',
|
||||
text12: `會長`,
|
||||
text13: `管理員`,
|
||||
text14: `刪除`,
|
||||
text15: `確定要將此人移除嗎?`,
|
||||
text16: `搜索MoliStarID`,
|
||||
texts1: `金幣收入統計`,
|
||||
texts2: `工資收入統計`,
|
||||
texts3: `公會信息設置`,
|
||||
texts4: `公會管理員設置`,
|
||||
texts5: `我的工資`,
|
||||
newtext1: "我的收入",
|
||||
newtext2: "薪资账户",
|
||||
newtext3: "公会信息设置",
|
||||
newtext4: "公会管理员设置",
|
||||
newtext5: "公会等级",
|
||||
newtext6: "当前公会等级：",
|
||||
newtext7: "升级所需：",
|
||||
},
|
||||
adminSet: {
|
||||
text1: `管理員設置`,
|
||||
text2: `搜索`,
|
||||
text3: `暫無數據`,
|
||||
text4: `您確定要任命此人為公會管理員嗎？`,
|
||||
text5: `刪除`,
|
||||
text6: `確認`,
|
||||
text7: `添加`,
|
||||
text8: `添加成功`,
|
||||
},
|
||||
adminSet2: {
|
||||
text1: `管理員設置`,
|
||||
text2: `管理員設置`,
|
||||
text3: `添加管理員`,
|
||||
text4: `暫無數據`,
|
||||
text5: `您確定要將此人從公會管理員中移除嗎？`,
|
||||
text6: `刪除`,
|
||||
text7: `確認`,
|
||||
text8: `會長`,
|
||||
text9: `管理員`,
|
||||
text10: `刪除`,
|
||||
text11: '移除成功',
|
||||
},
|
||||
guild: {
|
||||
text1: `所有公會`,
|
||||
text2: `所有公會`,
|
||||
text3: `公會`,
|
||||
text4: `您確定要申請加入此公會嗎？`,
|
||||
text5: `刪除`,
|
||||
text6: `確認`,
|
||||
text7: `添加請求`,
|
||||
text8: '請求成功提交',
|
||||
},
|
||||
guildInfoSet: {
|
||||
text1: `公會信息設置`,
|
||||
text2: `公會信息設置`,
|
||||
text3: `公會名稱: `,
|
||||
text4: `公會名稱`,
|
||||
text5: `公會背景:`,
|
||||
text6: `刪除`,
|
||||
text7: `保存`,
|
||||
text8: `加載成功`,
|
||||
textConte1: `保存`,
|
||||
textConte2: `修改`,
|
||||
textConte3: `添加`,
|
||||
textConte4: `收款賬戶`,
|
||||
},
|
||||
invitation: {
|
||||
text1: `搜索`,
|
||||
text2: `搜索MoliStarID`,
|
||||
text3: `搜索`,
|
||||
text4: `未找到相關內容`,
|
||||
text5: `您確定要邀請此人加入公會嗎？`,
|
||||
text6: `刪除`,
|
||||
text7: `確認`,
|
||||
text8: `添加`,
|
||||
text9: `暫無數據`,
|
||||
text10: '邀請成功發送',
|
||||
},
|
||||
memberFlow: {
|
||||
text1: `金幣收入統計`,
|
||||
text2: `金額收入總額`,
|
||||
text3: `成員金幣收入`,
|
||||
text4: `開始時間不能大於結束時間`,
|
||||
text5: `所選時間段不能大於90天`,
|
||||
text6: `金幣收入`,
|
||||
text7: `直播時長`,
|
||||
text8: `贈送禮物人數`,
|
||||
text9: `我`,
|
||||
},
|
||||
memberFlow2: {
|
||||
text1: `工資收入統計`,
|
||||
text2: `前一個月`,
|
||||
text3: `後一個月`,
|
||||
text4: `我的月工資`,
|
||||
text5: `金幣工資`,
|
||||
text6: `代理工資`,
|
||||
text7: `當前鉆石`,
|
||||
text8: `成員月工資`,
|
||||
text9: `月`,
|
||||
text10: `成員信息`,
|
||||
text11: `有效天數`,
|
||||
text12: `金幣收入`,
|
||||
text13: `金幣工資`,
|
||||
text14: `鉆石余額`,
|
||||
text15: `查看`,
|
||||
text16: `詳情`,
|
||||
text17: `本月`,
|
||||
textss: `金币工资总和：`,
|
||||
},
|
||||
memberFlow22: {
|
||||
text1: `成員月工資`,
|
||||
text2: `前一個月`,
|
||||
text3: `後一個月`,
|
||||
text4: `金幣工資`,
|
||||
text5: `金幣收入`,
|
||||
text6: `有效天數`,
|
||||
text7: `當前鉆石`,
|
||||
text8: `單日明細`,
|
||||
text9: ``,
|
||||
text10: `日期`,
|
||||
text11: `直播時長`,
|
||||
text12: `單日金幣收入`,
|
||||
text13: `月累計金幣收入`,
|
||||
text14: `本月金幣工資`,
|
||||
},
|
||||
memberFlow222: {
|
||||
text1: `成員月工資`,
|
||||
text2: `前一個月`,
|
||||
text3: `後一個月`,
|
||||
text4: `金幣工資`,
|
||||
text5: `金幣收入`,
|
||||
text6: `有效天數`,
|
||||
text7: `當前鉆石`,
|
||||
text8: `單日明細`,
|
||||
text9: ``,
|
||||
text10: `日期`,
|
||||
text11: `直播時長`,
|
||||
text12: `單日金幣收入`,
|
||||
text13: `月累計金幣收入`,
|
||||
text14: `本月金幣工資`,
|
||||
},
|
||||
search: {
|
||||
text1: `搜索`,
|
||||
text2: `搜索MoliStarID`,
|
||||
text3: `搜索`,
|
||||
text4: `未找到相關內容`,
|
||||
text5: `您確定要申請加入此公會嗎？`,
|
||||
text6: `刪除`,
|
||||
text7: `確認`,
|
||||
text8: '請求成功提交',
|
||||
},
|
||||
lay: {
|
||||
ok: '確認',
|
||||
close: '取消',
|
||||
departed: '已离开',
|
||||
placeholder: '请添加',
|
||||
},
|
||||
personal: {
|
||||
text1: `個人`,
|
||||
text2: `機構`,
|
||||
text3: `我的鑽石：`,
|
||||
text4: `提取`,
|
||||
text5: `進入我的薪資帳戶`,
|
||||
text6: `本周期收入`,
|
||||
text7: `(本周期內從薪資帳戶提取鑽石產生的總收入)`,
|
||||
text8: `總收入`,
|
||||
text9: `已結算收入`,
|
||||
text10: `剩餘收入`,
|
||||
text11: `上周期收入`,
|
||||
text12: `總收入`,
|
||||
text13: `已結算收入`,
|
||||
text14: `剩餘收入`,
|
||||
text15: `代理薪資`,
|
||||
text16: `代理薪資`,
|
||||
text17: `鑽石收入`,
|
||||
text18: `代理收入比例`,
|
||||
text19: `主播數據`,
|
||||
text20: `鑽石收入`,
|
||||
},
|
||||
diamondWithdraw: {
|
||||
text1: `钻石提现`,
|
||||
text2: `确认`,
|
||||
text3: `提现成功`,
|
||||
text4: `进入薪资账户`,
|
||||
text5: `取消`,
|
||||
text6: `钻石`,
|
||||
text7: `成功将 <b>0</b>ÜS 提取到薪资账户`
|
||||
},
|
||||
salary: {
|
||||
text1: `薪资账户`,
|
||||
text2: `我的薪资：`,
|
||||
text3: `账单`,
|
||||
text4: `个人`,
|
||||
text5: `代理`,
|
||||
text6: `转账方式`,
|
||||
text7: `转账美元`,
|
||||
text8: `确认`,
|
||||
text9: `充值代理`,
|
||||
text10: `该区域没有充值代理`,
|
||||
text11: `取消`,
|
||||
text12: `确认`,
|
||||
text13: `充值代理`,
|
||||
text14: `您确定要向代理发送 <b></b> 进行结算吗？`,
|
||||
text15: `自定义金额`,
|
||||
text16: `全部`,
|
||||
text17: `可兑换 <b>0</b> 金币`,
|
||||
text18: `(兑换比例为 1:<b>1</b>)`,
|
||||
text19: `兑换硬币`,
|
||||
text20: `官方提现`,
|
||||
text21: `每月的 1 日和 16 日可结算`,
|
||||
text22: `代理结算`,
|
||||
text23: `代理结算`,
|
||||
text24: `请输入要赎回的金额`,
|
||||
text25: `金币`
|
||||
},
|
||||
bill: {
|
||||
text1: `账单`,
|
||||
text2: `收入`,
|
||||
text3: `支出`,
|
||||
text4: `薪资：`,
|
||||
text5: `钻石提现`,
|
||||
text6: `官方提现`,
|
||||
text7: `薪资兑换为硬币`,
|
||||
text8: `薪资转账`,
|
||||
text9: `代理薪资`,
|
||||
},
|
||||
success: {
|
||||
text1: `结算成功`,
|
||||
text2: `兑换成功`,
|
||||
text3: `工资`,
|
||||
text4: `当前状态`,
|
||||
text5: `兑换成功`,
|
||||
text6: `兑换账户`,
|
||||
text7: `兑换币`,
|
||||
text8: `兑换时间`,
|
||||
text9: `订单`,
|
||||
text10: ``,
|
||||
text11: `当前状态`,
|
||||
text12: `成功`,
|
||||
text13: `账户`,
|
||||
text14: `结算账户`,
|
||||
text15: `时间`,
|
||||
text16: `订单`
|
||||
},
|
||||
}
|
||||
130
view/molistar/modules/guild-ar/personal.html
Normal file
130
view/molistar/modules/guild-ar/personal.html
Normal file
@@ -0,0 +1,130 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="ar">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title class="text1">Personal</title>
|
||||
<!-- 公会首页 -->
|
||||
<link rel="stylesheet" href="../../common/css/reset.css">
|
||||
<link rel="stylesheet" href="./css/personal.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<!-- 頂部返回 -->
|
||||
<div class="back">
|
||||
<img src="./images/travel/back3.png" alt="">
|
||||
<!-- 主播、公会长有区别 -->
|
||||
<div class="tab">
|
||||
<div class="act text1"><span></span></div>
|
||||
<div class="text2"><span></span></div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- page1 -->
|
||||
<div class="page1">
|
||||
<!-- 自己 -->
|
||||
<div class="my">
|
||||
<img src="./images/logo.png" alt="" class="tx">
|
||||
<div class="user">
|
||||
<p></p>
|
||||
<b></b>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 我的钻石 -->
|
||||
<div class="diamond">
|
||||
<p><i class="text3"></i> <b>99999999</b></p>
|
||||
<div class="withdraw text4"></div>
|
||||
</div>
|
||||
<!-- 账户 -->
|
||||
<div class="account text5"></div>
|
||||
<!-- 当前收益 -->
|
||||
<div class="incomeTitle"><span></span><b class="text6"></b><i>7.1-7.15</i></div>
|
||||
<p class="copywriting1 text7"></p>
|
||||
<div class="incomeBox">
|
||||
<div class="d d1">
|
||||
<b class="text8"></b>
|
||||
<img src="./images/why.png" style="display: none;" style="display: none;" alt="">
|
||||
<span>2839 ÜS</span>
|
||||
</div>
|
||||
<div class="d d2">
|
||||
<b class="text9"></b>
|
||||
<img src="./images/why.png" style="display: none;" style="display: none;" alt="">
|
||||
<span>2839 ÜS</span>
|
||||
</div>
|
||||
<div class="line"></div>
|
||||
<div class="d d3">
|
||||
<b class="text10"></b>
|
||||
<span>2839 ÜS</span>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 过去收益 -->
|
||||
<div class="incomeTitleLast"><span></span><b class="text11"></b><i>7.1-7.15</i></div>
|
||||
<div class="incomeBoxLast">
|
||||
<div class="d d1">
|
||||
<b class="text12"></b>
|
||||
<img src="./images/why.png" style="display: none;" style="display: none;" alt="">
|
||||
<span>2839 ÜS</span>
|
||||
</div>
|
||||
<div class="d d2">
|
||||
<b class="text13"></b>
|
||||
<img src="./images/why.png" style="display: none;" style="display: none;" alt="">
|
||||
<span>2839 ÜS</span>
|
||||
</div>
|
||||
<div class="line"></div>
|
||||
<div class="d d3">
|
||||
<b class="text14"></b>
|
||||
<span>2839 ÜS</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- page2 -->
|
||||
<div class="page2">
|
||||
<div class="agentSalary"><span></span><b class="text15"></b><i>7.1-7.15</i> <img style="display: none;" src="./images/rigth.png" alt="">
|
||||
</div>
|
||||
<div class="agentSalaryInfo">
|
||||
<div class="top">
|
||||
<span class="text16"></span>
|
||||
<img src="./images/why.png" style="display: none;" style="display: none;" alt="">
|
||||
<b>100 ÜS</b>
|
||||
</div>
|
||||
<div class="bottom">
|
||||
<div class="act">
|
||||
<p class="p1">0</p>
|
||||
<span class="text17"></span>
|
||||
</div>
|
||||
<div class="">
|
||||
<p class="p2">6% <img src="./images/why.png" style="display: none;" style="display: none;" alt="">
|
||||
</p>
|
||||
<span class="text18"></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="agentSalary2"><span></span><b class="text19"></b><i>7.1-7.15</i></div>
|
||||
<div class="data">
|
||||
<div class="box">
|
||||
<img src="./images/logo.png" alt="" class="tx">
|
||||
<div class="user">
|
||||
<p></p>
|
||||
<b></b>
|
||||
</div>
|
||||
<div class="right">
|
||||
<p></p>
|
||||
<b></b>
|
||||
</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/personal.js"></script>
|
||||
<script src="../../common/local/langHandler.js"></script>
|
||||
52
view/molistar/modules/guild-ar/record.html
Normal file
52
view/molistar/modules/guild-ar/record.html
Normal file
@@ -0,0 +1,52 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<!-- 薪资转增记录-代理端 消息推送页面 -->
|
||||
<title id="aReaord_title">Transfer salary record</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/record.css" />
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="nav">
|
||||
<img src="./images/travel/back3.png" class="back" alt="" />
|
||||
<p>Transfer salary record</p>
|
||||
</div>
|
||||
|
||||
<ul>
|
||||
<!-- <div class="date">2024/07/25</div>
|
||||
<li>
|
||||
<img src="./images/null.png" alt="" class="avatar">
|
||||
<div class="name"></div>
|
||||
<div class="id">ID:-</div>
|
||||
<span>Transfer salary:<b>0ÜS</b></span>
|
||||
<p class="coins">+0 coins</p>
|
||||
</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/record.js"></script>
|
||||
<script src="../../common/local/langHandler.js"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
172
view/molistar/modules/guild-ar/salary_account.html
Normal file
172
view/molistar/modules/guild-ar/salary_account.html
Normal file
@@ -0,0 +1,172 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<title id="salary_title text1" class="text1"></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/salary.css" />
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="nav">
|
||||
<img src="./images/travel/back3.png" class="back" alt="" />
|
||||
<p class="text1"></p>
|
||||
</div>
|
||||
<!-- 我的薪资 -->
|
||||
<div class="my_salary">
|
||||
<p>
|
||||
<e class="text2"></e> <b>0 ÜS</b>
|
||||
</p>
|
||||
<p class="go_bill">
|
||||
<span class="text3"></span>
|
||||
<img src="./images/right.png" alt="">
|
||||
</p>
|
||||
</div>
|
||||
<div class="tab">
|
||||
<div class="item act text4"></div>
|
||||
<div class="item text5"></div>
|
||||
</div>
|
||||
<!-- 转增方式 -->
|
||||
<div class="transfer_method_tit">
|
||||
<div class="title text6"></div>
|
||||
</div>
|
||||
<ul class="transfer_method">
|
||||
<!-- <li class="exchange_coins li_act" type="1">
|
||||
<p>Exchange coins</p>
|
||||
<span>( 1 ÜS = <e>8800</e> <img src="./images/coin.png" class="coin" />)</span>
|
||||
</li>
|
||||
<li class="recharge_agent" type="2">
|
||||
<p>
|
||||
<img src="./images/dollar.png" class="dollar" alt="">
|
||||
<e>Recharge agent settlement</e>
|
||||
</p>
|
||||
</li>
|
||||
<li class="official_withdraw li_act" type="3">
|
||||
<p>
|
||||
<img src="./images/dollar.png" class="dollar" alt="">
|
||||
<e>Official withdraw</e>
|
||||
</p>
|
||||
<div class="pop">
|
||||
Settlement available on the 1st and 16th of each month
|
||||
</div>
|
||||
</li>
|
||||
<li class="agent_settlement li_act" type="4">
|
||||
<p>
|
||||
<img src="./images/dollar.png" class="dollar" alt="">
|
||||
<e>Agent settlement</e>
|
||||
</p>
|
||||
<div class="pop">
|
||||
Settlement available on the 1st and 16th of each month
|
||||
</div>
|
||||
</li> -->
|
||||
</ul>
|
||||
<!-- 转增金额 -->
|
||||
<div class="transfer_dollars_tit">
|
||||
<div class="title text7"></div>
|
||||
</div>
|
||||
<ul class="transfer_dollars">
|
||||
<!-- <li class="custom_amount">
|
||||
<p>
|
||||
<img src="./images/custom.png" class="custom" alt="">
|
||||
Custom amount
|
||||
</p>
|
||||
</li>
|
||||
<li>
|
||||
<p>1 ÜS</p>
|
||||
<span>
|
||||
<img src="./images/coin.png" class="coin" alt="">
|
||||
<b>8,500 Coins</b>
|
||||
</span>
|
||||
<div class="tips">+0 <img src="./images/coin.png"></div>
|
||||
</li>
|
||||
<li>
|
||||
<p>0 ÜS</p>
|
||||
</li> -->
|
||||
</ul>
|
||||
|
||||
<div class="confirm text8"></div>
|
||||
|
||||
<!-- 代理弹窗 -->
|
||||
<div class="agent_pop">
|
||||
<div class="agent_pop_in">
|
||||
<div class="title text9"></div>
|
||||
<ul class="wrap">
|
||||
<li class="no text10"></li>
|
||||
<!-- <li class="li_act">
|
||||
<img src="./images/null.png" alt="" class="avatar">
|
||||
<dic class="name">
|
||||
<p></p>
|
||||
<img src="" alt="" class="flag">
|
||||
</dic>
|
||||
<p class="id">ID:-</p>
|
||||
</li> -->
|
||||
|
||||
</ul>
|
||||
<div class="btn_wrap">
|
||||
<div class="cancel text11"></div>
|
||||
<div class="sure text12"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 公会长结算弹窗 -->
|
||||
<div class="president_pop">
|
||||
<div class="president_pop_in">
|
||||
<div class=" text13"></div>
|
||||
<h2 class="text14"></h2>
|
||||
<ul class="wrap">
|
||||
<li class="li_act">
|
||||
<img src="./images/null.png" alt="" class="avatar">
|
||||
<dic class="name">
|
||||
<p></p>
|
||||
<img src="" alt="" class="flag">
|
||||
</dic>
|
||||
<p class="id">ID:-</p>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="btn_wrap">
|
||||
<div class="cancel text11"></div>
|
||||
<div class="sure text12"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 自定义金额弹窗 -->
|
||||
<div class="custom_pop">
|
||||
<div class="custom_pop_in">
|
||||
<div class="title text15"></div>
|
||||
<h1 class="text18"></h1>
|
||||
<div class="ipt">
|
||||
<span>ÜS</span>
|
||||
<input type="text" />
|
||||
<e class="text16"></e>
|
||||
</div>
|
||||
<h2 class="text17"></h2>
|
||||
<div class="btn_wrap">
|
||||
<div class="cancel text11">Cancel</div>
|
||||
<div class="sure text12">Confirm</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<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/salary.js"></script>
|
||||
<script src="../../common/local/langHandler.js"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
62
view/molistar/modules/guild-ar/search.html
Normal file
62
view/molistar/modules/guild-ar/search.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/search.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">
|
||||
<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/search.js"></script>
|
||||
<script src="../../common/local/langHandler.js"></script>
|
||||
102
view/molistar/modules/guild-ar/successful.html
Normal file
102
view/molistar/modules/guild-ar/successful.html
Normal file
@@ -0,0 +1,102 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<title id="exchange_title" class="text1"></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/success.css" />
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="nav">
|
||||
<img src="./images/travel/back3.png" class="back" alt="" />
|
||||
<p class="text1"></p>
|
||||
</div>
|
||||
|
||||
<main>
|
||||
<img src="./images/dui.png" class="icon" alt="">
|
||||
<h1>
|
||||
<e class="text3"></e>-<strong>Username</strong>
|
||||
</h1>
|
||||
<div class="dollar">0 ÜS</div>
|
||||
|
||||
<!-- 兑换成功 -->
|
||||
<ul class="exchange_wrap" style="display: none;">
|
||||
<li class="current_status">
|
||||
<p class="text4"></p>
|
||||
<b class="text5"></b>
|
||||
</li>
|
||||
<li class="exchange_account">
|
||||
<p class="text6"></p>
|
||||
<b class="">Username(ID:-)</b>
|
||||
</li>
|
||||
<li class="exchange_coins">
|
||||
<p class="text7"></p>
|
||||
<b></b>
|
||||
</li>
|
||||
<li class="exchange_time">
|
||||
<p class="text8"></p>
|
||||
<b></b>
|
||||
</li>
|
||||
<li class="order">
|
||||
<p class="text9"></p>
|
||||
<b>
|
||||
<h6></h6>
|
||||
<img src="./images/copy.png" id="copy" alt="">
|
||||
</b>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<!-- 预支成功 -->
|
||||
<ul class="settlement_wrap" style="display: none;">
|
||||
<li class="current_status">
|
||||
<p class="text11"></p>
|
||||
<b class="text12"></b>
|
||||
</li>
|
||||
<li class="account">
|
||||
<p class="text13"></p>
|
||||
<b></b>
|
||||
</li>
|
||||
<li class="settlement_account">
|
||||
<p class="text14"></p>
|
||||
<b><img src="" class="flag" alt="">(ID:-)</b>
|
||||
</li>
|
||||
<li class="time">
|
||||
<p class="text15"></p>
|
||||
<b></b>
|
||||
</li>
|
||||
<li class="order">
|
||||
<p class="text16"></p>
|
||||
<b>
|
||||
<h6></h6>
|
||||
<img src="./images/copy.png" id="copy" alt="">
|
||||
</b>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
</main>
|
||||
|
||||
<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="../../common/js/jquery.copy.min.js"></script>
|
||||
<script src="./js/success.js"></script>
|
||||
<script src="../../common/local/langHandler.js"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
Reference in New Issue
Block a user