Compare commits
1 Commits
newYear-20
...
enGuild
| Author | SHA1 | Date | |
|---|---|---|---|
|
df0ac03c86 |
81
view/molistar/modules/guildAr/createGuild.html
Normal file
81
view/molistar/modules/guildAr/createGuild.html
Normal file
@@ -0,0 +1,81 @@
|
||||
<!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/createGuild.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<!-- 頂部返回 -->
|
||||
<div class="back">
|
||||
<img src="./images/travel/backB.png" alt="">
|
||||
<b class="text1"></b>
|
||||
</div>
|
||||
<!-- 我的信息 -->
|
||||
<div class="myInfo">
|
||||
<img src="./images/logo.png" alt="" class="tx">
|
||||
<p></p>
|
||||
<b></b>
|
||||
</div>
|
||||
<!-- 公会信息 -->
|
||||
<div class="info">
|
||||
<input class="agencyAvatarInput" type="file" id="backImageUpload" accept="image/*" onchange="fileChangeF(event)"
|
||||
class="upload" style="opacity: 0;">
|
||||
<img src="./images/createGuildNull.png" alt="" class="agencyAvatar">
|
||||
<p class="p1"><strong class="text2"></strong><b>*</b></p>
|
||||
<div class="agencyName">
|
||||
<div class="left"><strong class="text3"></strong><b>*</b></div>
|
||||
<input class="right placeholder" type="text" placeholder="">
|
||||
</div>
|
||||
<div class="agentContactInfo">
|
||||
<div class="left"><strong class="text4"></strong><b>*</b></div>
|
||||
<input class="right placeholder" type="text" placeholder="">
|
||||
</div>
|
||||
<div class="agentIDCard"><strong class="text5"></strong><b>*</b></div>
|
||||
<input class="agentIDCardImgInput" type="file" id="backImageUpload2" accept="image/*"
|
||||
onchange="fileChangeF2(event)" class="upload" style="opacity: 0;">
|
||||
<img src="./images/createGuildNull.png" alt="" class="agentIDCardImg">
|
||||
</div>
|
||||
<!-- 邀请人信息 -->
|
||||
<div class="inviterInfo">
|
||||
<div class="InviterId">
|
||||
<div class="left"><strong class="text6"></strong></div>
|
||||
<input class="right placeholder" type="text" placeholder="">
|
||||
</div>
|
||||
<div class="inviterPic"><strong class="text7"></strong></div>
|
||||
<input class="inviterPicImgInput" type="file" id="backImageUpload3" accept="image/*"
|
||||
onchange="fileChangeF3(event)" class="upload" style="opacity: 0;">
|
||||
<img src="./images/createGuildNull.png" alt="" class="inviterPicImg">
|
||||
</div>
|
||||
<!-- 按钮 -->
|
||||
<div class="butBox">Submit</div>
|
||||
<div class="null"></div>
|
||||
<!-- 提交成功弹窗 -->
|
||||
<div class="submitSuccessfully">
|
||||
<div class="submitSuccessfully_in">
|
||||
<div class="title text8"></div>
|
||||
<p class="text9"></p>
|
||||
<div class="but text10"></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="./local/tr.js"></script>
|
||||
<script src="./js/cos-js-sdk-v5.min.js"></script>
|
||||
<script src="./js/createGuild.js"></script>
|
||||
<script src="../../common/local/langHandler.js"></script>
|
||||
369
view/molistar/modules/guildAr/css/createGuild.css
Normal file
369
view/molistar/modules/guildAr/css/createGuild.css
Normal file
@@ -0,0 +1,369 @@
|
||||
html,
|
||||
body {
|
||||
width: 100%;
|
||||
height: 17.78667rem;
|
||||
background: #FFFFFF;
|
||||
}
|
||||
|
||||
.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: #fff;
|
||||
}
|
||||
|
||||
.back img {
|
||||
width: 0.58667rem;
|
||||
height: 0.58667rem;
|
||||
position: absolute;
|
||||
left: 0.24rem;
|
||||
top: 58%;
|
||||
}
|
||||
|
||||
.myInfo {
|
||||
width: 9.14667rem;
|
||||
height: 2.13333rem;
|
||||
background: #F7F7F7;
|
||||
border-radius: 0.26667rem;
|
||||
margin: 2.6rem auto 0.42667rem;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.myInfo .tx {
|
||||
width: 1.6rem;
|
||||
height: 1.6rem;
|
||||
position: absolute;
|
||||
left: 0.32rem;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.myInfo p {
|
||||
width: 4.5rem;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
color: #313131;
|
||||
font-size: 0.42667rem;
|
||||
font-weight: 500;
|
||||
position: absolute;
|
||||
top: 0.50667rem;
|
||||
left: 2.18667rem;
|
||||
}
|
||||
|
||||
.myInfo b {
|
||||
color: #7B7B7D;
|
||||
font-weight: 400;
|
||||
position: absolute;
|
||||
left: 2.18667rem;
|
||||
top: 1.17333rem;
|
||||
font-size: 0.34667rem;
|
||||
}
|
||||
|
||||
.info {
|
||||
width: 9.14667rem;
|
||||
height: 11.6rem;
|
||||
background: #F7F7F7;
|
||||
border-radius: 0.26667rem;
|
||||
margin: 0 auto 0.42667rem;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.info .agencyAvatar {
|
||||
width: 3.01333rem;
|
||||
height: 3.01333rem;
|
||||
position: absolute;
|
||||
top: 0.4rem;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
|
||||
.info .agencyAvatarInput {
|
||||
width: 3.01333rem;
|
||||
height: 3.01333rem;
|
||||
position: absolute;
|
||||
top: 0.4rem;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.info .p1 {
|
||||
width: 100%;
|
||||
top: 3.62667rem;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
color: #313131;
|
||||
font-size: 0.32rem;
|
||||
font-weight: 500;
|
||||
position: absolute;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.info .p1 b {
|
||||
color: #FF2C2C;
|
||||
}
|
||||
|
||||
.info .agencyName {
|
||||
width: 100%;
|
||||
height: 1.33333rem;
|
||||
line-height: 1.33333rem;
|
||||
border-bottom: 0.01333rem solid #D6D6D6;
|
||||
margin-top: 4.34667rem;
|
||||
box-sizing: border-box;
|
||||
padding: 0 0.32rem;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.info .agencyName .left {
|
||||
color: #313131;
|
||||
font-size: 0.37333rem;
|
||||
font-weight: 500;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.info .agencyName .left b {
|
||||
color: #FF2C2C;
|
||||
}
|
||||
|
||||
.info .agencyName input {
|
||||
background: none;
|
||||
outline: none;
|
||||
border: none;
|
||||
text-align: right;
|
||||
width: 5rem;
|
||||
}
|
||||
|
||||
.info .agentContactInfo {
|
||||
width: 100%;
|
||||
height: 1.33333rem;
|
||||
line-height: 1.33333rem;
|
||||
border-bottom: 0.01333rem solid #D6D6D6;
|
||||
margin-top: 0rem;
|
||||
margin: 0 auto 0.4rem;
|
||||
box-sizing: border-box;
|
||||
padding: 0 0.32rem;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.info .agentContactInfo .left {
|
||||
color: #313131;
|
||||
font-size: 0.37333rem;
|
||||
font-weight: 500;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.info .agentContactInfo .left b {
|
||||
color: #FF2C2C;
|
||||
}
|
||||
|
||||
.info .agentContactInfo input {
|
||||
background: none;
|
||||
outline: none;
|
||||
border: none;
|
||||
text-align: right;
|
||||
width: 5rem;
|
||||
}
|
||||
|
||||
.info .agentIDCard {
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
padding: 0 0.32rem;
|
||||
color: #313131;
|
||||
font-size: 0.37333rem;
|
||||
font-weight: 500;
|
||||
margin-bottom: 0.32rem;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.info .agentIDCard b {
|
||||
color: #FF2C2C;
|
||||
}
|
||||
|
||||
.info .agentIDCardImg {
|
||||
width: 2.93333rem;
|
||||
height: 2.93333rem;
|
||||
display: inline-block;
|
||||
margin: 0 0.32rem;
|
||||
}
|
||||
|
||||
.info .agentIDCardImgInput {
|
||||
width: 2.93333rem;
|
||||
height: 2.93333rem;
|
||||
display: inline-block;
|
||||
left: 0.3rem;
|
||||
z-index: 2;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.inviterInfo {
|
||||
width: 9.14667rem;
|
||||
height: 5.92rem;
|
||||
border-radius: 0.26667rem;
|
||||
background: #F7F7F7;
|
||||
margin: 0 auto 0.21333rem;
|
||||
}
|
||||
|
||||
.inviterInfo .InviterId {
|
||||
width: 100%;
|
||||
height: 1.33333rem;
|
||||
line-height: 1.33333rem;
|
||||
border-bottom: 0.01333rem solid #D6D6D6;
|
||||
margin-top: 0rem;
|
||||
margin: 0 auto 0.4rem;
|
||||
box-sizing: border-box;
|
||||
padding: 0 0.32rem;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.inviterInfo .InviterId .left {
|
||||
color: #313131;
|
||||
font-size: 0.37333rem;
|
||||
font-weight: 500;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.inviterInfo .InviterId .left b {
|
||||
color: #FF2C2C;
|
||||
}
|
||||
|
||||
.inviterInfo .InviterId input {
|
||||
background: none;
|
||||
outline: none;
|
||||
border: none;
|
||||
text-align: right;
|
||||
width: 5rem;
|
||||
}
|
||||
|
||||
.inviterInfo .inviterPic {
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
padding: 0 0.32rem;
|
||||
color: #313131;
|
||||
font-size: 0.37333rem;
|
||||
font-weight: 500;
|
||||
margin-bottom: 0.32rem;
|
||||
}
|
||||
|
||||
.inviterInfo .inviterPicImg {
|
||||
width: 2.93333rem;
|
||||
height: 2.93333rem;
|
||||
display: inline-block;
|
||||
margin: 0 0.32rem;
|
||||
}
|
||||
|
||||
.inviterInfo .inviterPicImgInput {
|
||||
width: 2.93333rem;
|
||||
height: 2.93333rem;
|
||||
display: inline-block;
|
||||
left: 0.8rem;
|
||||
z-index: 2;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.butBox {
|
||||
width: 8.85333rem;
|
||||
height: 1.22667rem;
|
||||
line-height: 1.22667rem;
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
background: linear-gradient(270deg, #E29030 0%, #FCC074 100%);
|
||||
margin: 0 auto 0;
|
||||
border-radius: 1.22667rem;
|
||||
}
|
||||
|
||||
.null {
|
||||
height: 0.26667rem;
|
||||
}
|
||||
|
||||
.submitSuccessfully {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
z-index: 99;
|
||||
background: rgba(0, 0, 0, 0.5);
|
||||
display: none;
|
||||
}
|
||||
|
||||
.submitSuccessfully .submitSuccessfully_in {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
width: 7.73333rem;
|
||||
background: #fff;
|
||||
border-radius: 0.42667rem;
|
||||
padding: 0.37333rem 0.61333rem 0.48rem;
|
||||
}
|
||||
|
||||
.submitSuccessfully .submitSuccessfully_in .title {
|
||||
color: #313131;
|
||||
font-size: 0.4rem;
|
||||
font-weight: 500;
|
||||
height: 0.56rem;
|
||||
line-height: 0.56rem;
|
||||
margin: 0rem auto 0.32rem;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.submitSuccessfully .submitSuccessfully_in p {
|
||||
width: 100%;
|
||||
color: #313131;
|
||||
font-size: 0.34667rem;
|
||||
font-weight: 400;
|
||||
line-height: 0.48rem;
|
||||
}
|
||||
|
||||
.submitSuccessfully .submitSuccessfully_in .but {
|
||||
width: 6.50667rem;
|
||||
height: 0.96rem;
|
||||
line-height: 0.96rem;
|
||||
text-align: center;
|
||||
border-radius: 0.96rem;
|
||||
margin: 0.32rem auto 0;
|
||||
color: #fff;
|
||||
font-size: 0.37333rem;
|
||||
font-weight: 500;
|
||||
background: linear-gradient(270deg, #E29030 0%, #FCC074 100%);
|
||||
}
|
||||
|
||||
.arabic .info .agentIDCardImgInput {
|
||||
left: auto;
|
||||
right: 0.3rem;
|
||||
}
|
||||
|
||||
.arabic .inviterInfo .inviterPicImgInput {
|
||||
left: auto;
|
||||
right: 0.8rem;
|
||||
}
|
||||
|
||||
.arabic .myInfo .tx {
|
||||
left: auto;
|
||||
right: 0.32rem;
|
||||
}
|
||||
|
||||
.arabic .myInfo b {
|
||||
left: auto;
|
||||
right: 2.18667rem;
|
||||
}
|
||||
|
||||
.arabic .info .agencyName input,
|
||||
.arabic .info .agentContactInfo input,
|
||||
.arabic .inviterInfo .InviterId input {
|
||||
text-align: left;
|
||||
}
|
||||
375
view/molistar/modules/guildAr/css/createGuild.scss
Normal file
375
view/molistar/modules/guildAr/css/createGuild.scss
Normal file
@@ -0,0 +1,375 @@
|
||||
@function px2rem($px) {
|
||||
@return $px / 75+rem;
|
||||
}
|
||||
|
||||
html,
|
||||
body {
|
||||
width: 100%;
|
||||
height: px2rem(1334);
|
||||
background: #FFFFFF;
|
||||
|
||||
}
|
||||
|
||||
.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: #fff;
|
||||
// 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%;
|
||||
}
|
||||
}
|
||||
|
||||
.myInfo {
|
||||
width: px2rem(686);
|
||||
height: px2rem(160);
|
||||
background: #F7F7F7;
|
||||
border-radius: px2rem(20);
|
||||
margin: 2.6rem auto px2rem(32);
|
||||
position: relative;
|
||||
|
||||
.tx {
|
||||
width: px2rem(120);
|
||||
height: px2rem(120);
|
||||
position: absolute;
|
||||
left: px2rem(24);
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
p {
|
||||
width: 4.5rem;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
color: #313131;
|
||||
font-size: px2rem(32);
|
||||
font-weight: 500;
|
||||
position: absolute;
|
||||
top: px2rem(38);
|
||||
left: px2rem(164);
|
||||
}
|
||||
|
||||
b {
|
||||
color: #7B7B7D;
|
||||
font-weight: 400;
|
||||
position: absolute;
|
||||
left: px2rem(164);
|
||||
top: px2rem(88);
|
||||
font-size: px2rem(26);
|
||||
}
|
||||
}
|
||||
|
||||
.info {
|
||||
width: px2rem(686);
|
||||
height: px2rem(870);
|
||||
background: #F7F7F7;
|
||||
border-radius: px2rem(20);
|
||||
margin: 0 auto px2rem(32);
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
|
||||
.agencyAvatar {
|
||||
width: px2rem(226);
|
||||
height: px2rem(226);
|
||||
position: absolute;
|
||||
top: px2rem(30);
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
|
||||
.agencyAvatarInput {
|
||||
width: px2rem(226);
|
||||
height: px2rem(226);
|
||||
position: absolute;
|
||||
top: px2rem(30);
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.p1 {
|
||||
width: 100%;
|
||||
top: px2rem(272);
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
color: #313131;
|
||||
font-size: px2rem(24);
|
||||
font-weight: 500;
|
||||
position: absolute;
|
||||
text-align: center;
|
||||
|
||||
b {
|
||||
color: #FF2C2C;
|
||||
}
|
||||
}
|
||||
|
||||
.agencyName {
|
||||
width: 100%;
|
||||
height: px2rem(100);
|
||||
line-height: px2rem(100);
|
||||
border-bottom: px2rem(1) solid #D6D6D6;
|
||||
margin-top: px2rem(326);
|
||||
box-sizing: border-box;
|
||||
padding: 0 px2rem(24);
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
|
||||
.left {
|
||||
color: #313131;
|
||||
font-size: px2rem(28);
|
||||
font-weight: 500;
|
||||
white-space: nowrap;
|
||||
b {
|
||||
color: #FF2C2C;
|
||||
}
|
||||
}
|
||||
|
||||
input {
|
||||
background: none;
|
||||
outline: none;
|
||||
border: none;
|
||||
text-align: right;
|
||||
width: 5rem;
|
||||
}
|
||||
}
|
||||
|
||||
.agentContactInfo {
|
||||
width: 100%;
|
||||
height: px2rem(100);
|
||||
line-height: px2rem(100);
|
||||
border-bottom: px2rem(1) solid #D6D6D6;
|
||||
margin-top: px2rem(0);
|
||||
margin: 0 auto px2rem(30);
|
||||
box-sizing: border-box;
|
||||
padding: 0 px2rem(24);
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
|
||||
.left {
|
||||
color: #313131;
|
||||
font-size: px2rem(28);
|
||||
font-weight: 500;
|
||||
white-space: nowrap;
|
||||
b {
|
||||
color: #FF2C2C;
|
||||
}
|
||||
}
|
||||
|
||||
input {
|
||||
background: none;
|
||||
outline: none;
|
||||
border: none;
|
||||
text-align: right;
|
||||
width: 5rem;
|
||||
}
|
||||
}
|
||||
|
||||
.agentIDCard {
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
padding: 0 px2rem(24);
|
||||
color: #313131;
|
||||
font-size: px2rem(28);
|
||||
font-weight: 500;
|
||||
margin-bottom: px2rem(24);
|
||||
white-space: nowrap;
|
||||
b {
|
||||
color: #FF2C2C;
|
||||
}
|
||||
}
|
||||
|
||||
.agentIDCardImg {
|
||||
width: px2rem(220);
|
||||
height: px2rem(220);
|
||||
display: inline-block;
|
||||
margin: 0 px2rem(24);
|
||||
}
|
||||
|
||||
.agentIDCardImgInput {
|
||||
width: px2rem(220);
|
||||
height: px2rem(220);
|
||||
display: inline-block;
|
||||
left: 0.3rem;
|
||||
z-index: 2;
|
||||
position: absolute;
|
||||
}
|
||||
}
|
||||
|
||||
.inviterInfo {
|
||||
width: px2rem(686);
|
||||
height: px2rem(444);
|
||||
border-radius: px2rem(20);
|
||||
background: #F7F7F7;
|
||||
margin: 0 auto px2rem(16);
|
||||
|
||||
.InviterId {
|
||||
width: 100%;
|
||||
height: px2rem(100);
|
||||
line-height: px2rem(100);
|
||||
border-bottom: px2rem(1) solid #D6D6D6;
|
||||
margin-top: px2rem(0);
|
||||
margin: 0 auto px2rem(30);
|
||||
box-sizing: border-box;
|
||||
padding: 0 px2rem(24);
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
|
||||
.left {
|
||||
color: #313131;
|
||||
font-size: px2rem(28);
|
||||
font-weight: 500;
|
||||
white-space: nowrap;
|
||||
b {
|
||||
color: #FF2C2C;
|
||||
}
|
||||
}
|
||||
|
||||
input {
|
||||
background: none;
|
||||
outline: none;
|
||||
border: none;
|
||||
text-align: right;
|
||||
width: 5rem;
|
||||
}
|
||||
}
|
||||
|
||||
.inviterPic {
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
padding: 0 px2rem(24);
|
||||
color: #313131;
|
||||
font-size: px2rem(28);
|
||||
font-weight: 500;
|
||||
margin-bottom: px2rem(24);
|
||||
}
|
||||
|
||||
.inviterPicImg {
|
||||
width: px2rem(220);
|
||||
height: px2rem(220);
|
||||
display: inline-block;
|
||||
margin: 0 px2rem(24);
|
||||
}
|
||||
|
||||
.inviterPicImgInput {
|
||||
width: px2rem(220);
|
||||
height: px2rem(220);
|
||||
display: inline-block;
|
||||
left: 0.8rem;
|
||||
z-index: 2;
|
||||
position: absolute;
|
||||
}
|
||||
}
|
||||
|
||||
.butBox {
|
||||
width: px2rem(664);
|
||||
height: px2rem(92);
|
||||
line-height: px2rem(92);
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
background: linear-gradient(270deg, #E29030 0%, #FCC074 100%);
|
||||
margin: 0 auto 0;
|
||||
border-radius: px2rem(92);
|
||||
}
|
||||
|
||||
.null {
|
||||
height: px2rem(20);
|
||||
}
|
||||
|
||||
.submitSuccessfully {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
z-index: 99;
|
||||
background: rgba(0, 0, 0, .5);
|
||||
display: none;
|
||||
|
||||
.submitSuccessfully_in {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
width: px2rem(580);
|
||||
// height: px2rem(406);
|
||||
background: #fff;
|
||||
border-radius: px2rem(32);
|
||||
padding: px2rem(28) px2rem(46) px2rem(36);
|
||||
|
||||
.title {
|
||||
color: #313131;
|
||||
font-size: px2rem(30);
|
||||
font-weight: 500;
|
||||
height: px2rem(42);
|
||||
line-height: px2rem(42);
|
||||
margin: px2rem(0) auto px2rem(24);
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
p {
|
||||
width: 100%;
|
||||
color: #313131;
|
||||
font-size: px2rem(26);
|
||||
font-weight: 400;
|
||||
line-height: px2rem(36);
|
||||
}
|
||||
|
||||
.but {
|
||||
width: px2rem(488);
|
||||
height: px2rem(72);
|
||||
line-height: px2rem(72);
|
||||
text-align: center;
|
||||
border-radius: px2rem(72);
|
||||
margin: px2rem(24) auto 0;
|
||||
color: #fff;
|
||||
font-size: px2rem(28);
|
||||
font-weight: 500;
|
||||
background: linear-gradient(270deg, #E29030 0%, #FCC074 100%);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.arabic {
|
||||
.info .agentIDCardImgInput {
|
||||
left: auto;
|
||||
right: 0.3rem;
|
||||
}
|
||||
|
||||
.inviterInfo .inviterPicImgInput {
|
||||
left: auto;
|
||||
right: 0.8rem;
|
||||
}
|
||||
|
||||
.myInfo .tx {
|
||||
left: auto;
|
||||
right: 0.32rem;
|
||||
}
|
||||
|
||||
.myInfo b {
|
||||
left: auto;
|
||||
right: 2.18667rem;
|
||||
}
|
||||
|
||||
.info .agencyName input,
|
||||
.info .agentContactInfo input,
|
||||
.inviterInfo .InviterId input {
|
||||
text-align: left;
|
||||
}
|
||||
}
|
||||
@@ -2,7 +2,7 @@ html,
|
||||
body {
|
||||
width: 100%;
|
||||
height: 17.78667rem;
|
||||
background: #F5F7F9;
|
||||
background: #FFFFFF;
|
||||
}
|
||||
|
||||
.back {
|
||||
@@ -17,8 +17,7 @@ body {
|
||||
font-size: 0.45333rem;
|
||||
font-weight: bold;
|
||||
z-index: 10;
|
||||
background: url(../images/topBg.png) no-repeat top;
|
||||
background-size: 100% 7rem;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.back img {
|
||||
@@ -30,16 +29,17 @@ body {
|
||||
}
|
||||
|
||||
.top {
|
||||
width: 9.25333rem;
|
||||
height: 1.18667rem;
|
||||
line-height: 0.78667rem;
|
||||
background: #fff;
|
||||
border-radius: 0.26667rem 0.26667rem 0 0;
|
||||
width: 9.2rem;
|
||||
height: 0.90667rem;
|
||||
line-height: 0.90667rem;
|
||||
background: #F7F7F7;
|
||||
border-radius: 0.90667rem;
|
||||
margin: 2.5rem auto 0;
|
||||
color: #333;
|
||||
font-size: 0.42667rem;
|
||||
box-sizing: border-box;
|
||||
padding: 0 0.4rem;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.top .left {
|
||||
@@ -48,21 +48,41 @@ body {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.top input {
|
||||
width: 8.13333rem;
|
||||
height: 0.90667rem;
|
||||
background: none;
|
||||
position: absolute;
|
||||
left: 0.98667rem;
|
||||
top: 0;
|
||||
font-size: 0.37333rem;
|
||||
border: none;
|
||||
outline: none;
|
||||
color: #313131;
|
||||
}
|
||||
|
||||
.top input::placeholder {
|
||||
color: #AFB1B3;
|
||||
}
|
||||
|
||||
.top img {
|
||||
float: right;
|
||||
display: block;
|
||||
width: 0.58667rem;
|
||||
height: 0.58667rem;
|
||||
margin-top: 0.33333rem;
|
||||
position: absolute;
|
||||
left: 0.32rem;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
width: 0.53333rem;
|
||||
height: 0.53333rem;
|
||||
}
|
||||
|
||||
ul {
|
||||
width: 9.25333rem;
|
||||
height: 16.81333rem;
|
||||
overflow-y: scroll;
|
||||
margin: 0 auto;
|
||||
margin: 0.53333rem auto 0;
|
||||
border-radius: 0 0 0.26667rem 0.26667rem;
|
||||
background: #fff;
|
||||
padding-top: 0.26667rem;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
ul::-webkit-scrollbar {
|
||||
@@ -70,119 +90,122 @@ ul::-webkit-scrollbar {
|
||||
}
|
||||
|
||||
ul li {
|
||||
width: 100%;
|
||||
height: 2.13333rem;
|
||||
overflow: hidden;
|
||||
box-sizing: border-box;
|
||||
padding: 0 0.26667rem 0 0.2rem;
|
||||
width: 9.14667rem;
|
||||
height: 2.24rem;
|
||||
background: url(../images/guildLiBg.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
margin-bottom: 0.66667rem;
|
||||
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.54667rem;
|
||||
height: 1.54667rem;
|
||||
position: absolute;
|
||||
z-index: 2;
|
||||
left: 1.09333rem;
|
||||
top: 0.49333rem;
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
ul li .tx {
|
||||
width: 1.4rem;
|
||||
height: 1.45rem;
|
||||
width: 2.21333rem;
|
||||
height: 2.21333rem;
|
||||
border-radius: 0.21333rem;
|
||||
border: 0.04rem solid #FFD65E;
|
||||
position: absolute;
|
||||
left: 1.2rem;
|
||||
top: 0.46rem;
|
||||
border-radius: 0.1rem;
|
||||
left: 0.26667rem;
|
||||
top: -0.24rem;
|
||||
}
|
||||
|
||||
ul li .user {
|
||||
float: left;
|
||||
margin-left: 1.66667rem;
|
||||
}
|
||||
|
||||
ul li .user p {
|
||||
width: 2.5rem;
|
||||
ul li p {
|
||||
width: 4rem;
|
||||
position: absolute;
|
||||
top: 0.26667rem;
|
||||
left: 2.8rem;
|
||||
color: #FFDD7A;
|
||||
font-size: 0.42667rem;
|
||||
font-weight: 500;
|
||||
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;
|
||||
ul li span {
|
||||
width: 4rem;
|
||||
height: 0.42667rem;
|
||||
line-height: 0.42667rem;
|
||||
position: absolute;
|
||||
top: 1.33333rem;
|
||||
left: 2.8rem;
|
||||
}
|
||||
|
||||
ul li span img {
|
||||
display: inline-block;
|
||||
width: 0.42667rem;
|
||||
height: 0.42667rem;
|
||||
}
|
||||
|
||||
ul li span b {
|
||||
display: inline-block;
|
||||
color: #FFDD7A;
|
||||
font-size: 0.32rem;
|
||||
font-weight: 500;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
ul li strong {
|
||||
position: absolute;
|
||||
color: #FFDD7A;
|
||||
font-weight: 400;
|
||||
position: absolute;
|
||||
left: 2.8rem;
|
||||
top: 0.86667rem;
|
||||
}
|
||||
|
||||
ul li .level {
|
||||
width: 0.8rem;
|
||||
height: 0.8rem;
|
||||
position: absolute;
|
||||
right: 0.69333rem;
|
||||
top: 0.26667rem;
|
||||
}
|
||||
|
||||
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;
|
||||
width: 1.6rem;
|
||||
height: 0.69333rem;
|
||||
line-height: 0.64rem;
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
font-size: 0.26667rem;
|
||||
font-size: 0.37333rem;
|
||||
position: absolute;
|
||||
right: 0.29333rem;
|
||||
top: 1.22667rem;
|
||||
border-radius: 0.69333rem;
|
||||
background: linear-gradient(270deg, #E29030 0%, #FCC074 100%);
|
||||
}
|
||||
|
||||
ul li:nth-child(odd) {
|
||||
background: rgba(50, 39, 79, 0.06);
|
||||
ul li .act {
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
}
|
||||
|
||||
ul li:nth-child(1) .num {
|
||||
background: url(../images/no1.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
ul .null {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: relative;
|
||||
background: none;
|
||||
}
|
||||
|
||||
ul li:nth-child(1) .ts {
|
||||
width: 1.78667rem;
|
||||
height: 1.78667rem;
|
||||
left: 1.05333rem;
|
||||
top: 0.18667rem;
|
||||
ul .null img {
|
||||
width: 1.96rem;
|
||||
height: 2.01333rem;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
}
|
||||
|
||||
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;
|
||||
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 {
|
||||
@@ -241,28 +264,29 @@ ul li:nth-child(3) .ts {
|
||||
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;
|
||||
right: auto;
|
||||
left: 0.29333rem;
|
||||
}
|
||||
|
||||
.arabic ul li .ts {
|
||||
left: 0;
|
||||
right: 1.05333rem;
|
||||
.arabic ul li .level {
|
||||
right: auto;
|
||||
left: 0.69333rem;
|
||||
}
|
||||
|
||||
.arabic ul li .tx {
|
||||
left: 0;
|
||||
right: 1.28rem;
|
||||
right: 0.26667rem;
|
||||
left: auto;
|
||||
}
|
||||
|
||||
.arabic ul li p {
|
||||
right: 2.8rem;
|
||||
left: auto;
|
||||
}
|
||||
|
||||
.arabic ul li span {
|
||||
right: 2.8rem;
|
||||
left: auto;
|
||||
}
|
||||
|
||||
.arabic .top .left {
|
||||
@@ -272,3 +296,73 @@ ul li:nth-child(3) .ts {
|
||||
.arabic .top img {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.create {
|
||||
position: fixed;
|
||||
z-index: 2;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
bottom: 0.88rem;
|
||||
background: linear-gradient(270deg, #E29030 0%, #FCC074 100%);
|
||||
width: 6.24rem;
|
||||
height: 1.17333rem;
|
||||
line-height: 1.17333rem;
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
font-size: 0.42667rem;
|
||||
border-radius: 1.17333rem;
|
||||
}
|
||||
|
||||
.submitSuccessfully {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
z-index: 99;
|
||||
background: rgba(0, 0, 0, 0.5);
|
||||
display: none;
|
||||
}
|
||||
|
||||
.submitSuccessfully .submitSuccessfully_in {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
width: 7.73333rem;
|
||||
background: #fff;
|
||||
border-radius: 0.42667rem;
|
||||
padding: 0.37333rem 0.61333rem 0.48rem;
|
||||
}
|
||||
|
||||
.submitSuccessfully .submitSuccessfully_in .title {
|
||||
color: #313131;
|
||||
font-size: 0.4rem;
|
||||
font-weight: 500;
|
||||
height: 0.56rem;
|
||||
line-height: 0.56rem;
|
||||
margin: 0rem auto 0.32rem;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.submitSuccessfully .submitSuccessfully_in p {
|
||||
width: 100%;
|
||||
color: #313131;
|
||||
font-size: 0.34667rem;
|
||||
font-weight: 400;
|
||||
line-height: 0.48rem;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.submitSuccessfully .submitSuccessfully_in .but {
|
||||
width: 6.50667rem;
|
||||
height: 0.96rem;
|
||||
line-height: 0.96rem;
|
||||
text-align: center;
|
||||
border-radius: 0.96rem;
|
||||
margin: 0.32rem auto 0;
|
||||
color: #fff;
|
||||
font-size: 0.37333rem;
|
||||
font-weight: 500;
|
||||
background: linear-gradient(270deg, #E29030 0%, #FCC074 100%);
|
||||
}
|
||||
|
||||
@@ -6,7 +6,7 @@ html,
|
||||
body {
|
||||
width: 100%;
|
||||
height: px2rem(1334);
|
||||
background: #F5F7F9;
|
||||
background: #FFFFFF;
|
||||
|
||||
}
|
||||
|
||||
@@ -22,8 +22,9 @@ body {
|
||||
font-size: px2rem(34);
|
||||
font-weight: bold;
|
||||
z-index: 10;
|
||||
background: url(../images/topBg.png) no-repeat top;
|
||||
background-size: 100% 7rem;
|
||||
background: #fff;
|
||||
// background: url(../images/topBg.png) no-repeat top;
|
||||
// background-size: 100% 7rem;
|
||||
|
||||
img {
|
||||
width: px2rem(44);
|
||||
@@ -35,16 +36,17 @@ body {
|
||||
}
|
||||
|
||||
.top {
|
||||
width: px2rem(694);
|
||||
height: px2rem(89);
|
||||
line-height: px2rem(59);
|
||||
background: #fff;
|
||||
border-radius: px2rem(20) px2rem(20) 0 0;
|
||||
width: px2rem(690);
|
||||
height: px2rem(68);
|
||||
line-height: px2rem(68);
|
||||
background: #F7F7F7;
|
||||
border-radius: px2rem(68);
|
||||
margin: 2.5rem auto 0;
|
||||
color: #333;
|
||||
font-size: px2rem(32);
|
||||
box-sizing: border-box;
|
||||
padding: 0 px2rem(30);
|
||||
position: relative;
|
||||
|
||||
.left {
|
||||
height: px2rem(89);
|
||||
@@ -52,12 +54,30 @@ body {
|
||||
float: left;
|
||||
}
|
||||
|
||||
input {
|
||||
width: px2rem(610);
|
||||
height: px2rem(68);
|
||||
background: none;
|
||||
position: absolute;
|
||||
left: px2rem(74);
|
||||
top: 0;
|
||||
font-size: px2rem(28);
|
||||
border: none;
|
||||
outline: none;
|
||||
color: #313131;
|
||||
|
||||
&::placeholder {
|
||||
color: #AFB1B3;
|
||||
}
|
||||
}
|
||||
|
||||
img {
|
||||
float: right;
|
||||
display: block;
|
||||
width: px2rem(44);
|
||||
height: px2rem(44);
|
||||
margin-top: px2rem(25);
|
||||
position: absolute;
|
||||
left: px2rem(24);
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
width: px2rem(40);
|
||||
height: px2rem(40);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -65,135 +85,131 @@ ul {
|
||||
width: px2rem(694);
|
||||
height: px2rem(1261);
|
||||
overflow-y: scroll;
|
||||
margin: 0 auto;
|
||||
margin: px2rem(40) auto 0;
|
||||
border-radius: 0 0 px2rem(20) px2rem(20);
|
||||
background: #fff;
|
||||
padding-top: px2rem(20);
|
||||
box-sizing: border-box;
|
||||
|
||||
&::-webkit-scrollbar {
|
||||
display: none;
|
||||
}
|
||||
|
||||
li {
|
||||
width: 100%;
|
||||
height: px2rem(160);
|
||||
overflow: hidden;
|
||||
box-sizing: border-box;
|
||||
padding: 0 px2rem(20) 0 px2rem(15);
|
||||
width: px2rem(686);
|
||||
height: px2rem(168);
|
||||
background: url(../images/guildLiBg.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
margin-bottom: px2rem(50);
|
||||
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(116);
|
||||
height: px2rem(116);
|
||||
position: absolute;
|
||||
z-index: 2;
|
||||
left: px2rem(82);
|
||||
top: px2rem(37);
|
||||
}
|
||||
overflow: visible;
|
||||
|
||||
.tx {
|
||||
width: 1.4rem;
|
||||
height: 1.45rem;
|
||||
width: px2rem(166);
|
||||
height: px2rem(166);
|
||||
border-radius: px2rem(16);
|
||||
border: px2rem(3) solid #FFD65E;
|
||||
position: absolute;
|
||||
left: 1.2rem;
|
||||
top: 0.46rem;
|
||||
border-radius: 0.1rem;
|
||||
left: px2rem(20);
|
||||
top: px2rem(-18);
|
||||
}
|
||||
|
||||
.user {
|
||||
float: left;
|
||||
margin-left: px2rem(125);
|
||||
p {
|
||||
width: 4rem;
|
||||
position: absolute;
|
||||
top: px2rem(20);
|
||||
left: px2rem(210);
|
||||
color: #FFDD7A;
|
||||
font-size: px2rem(32);
|
||||
font-weight: 500;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
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);
|
||||
span {
|
||||
width: 4rem;
|
||||
height: px2rem(32);
|
||||
line-height: px2rem(32);
|
||||
position: absolute;
|
||||
top: px2rem(100);
|
||||
left: px2rem(210);
|
||||
|
||||
img {
|
||||
display: inline-block;
|
||||
width: px2rem(32);
|
||||
height: px2rem(32);
|
||||
}
|
||||
|
||||
b {
|
||||
color: #A4ABB2;
|
||||
display: inline-block;
|
||||
color: #FFDD7A;
|
||||
font-size: px2rem(24);
|
||||
font-weight: 500;
|
||||
font-weight: 400;
|
||||
}
|
||||
}
|
||||
strong{
|
||||
position: absolute;
|
||||
color: #FFDD7A;
|
||||
font-weight: 400;
|
||||
position: absolute;
|
||||
left: 2.8rem;
|
||||
top: px2rem(65);
|
||||
}
|
||||
.level {
|
||||
width: px2rem(60);
|
||||
height: px2rem(60);
|
||||
position: absolute;
|
||||
right: px2rem(52);
|
||||
top: px2rem(20);
|
||||
}
|
||||
|
||||
.but {
|
||||
width: px2rem(116);
|
||||
height: px2rem(42);
|
||||
line-height: px2rem(42);
|
||||
background: #7F95FF;
|
||||
border-radius: px2rem(42);
|
||||
float: right;
|
||||
margin-top: px2rem(57);
|
||||
width: px2rem(120);
|
||||
height: px2rem(52);
|
||||
line-height: px2rem(48);
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
font-size: px2rem(20);
|
||||
font-size: px2rem(28);
|
||||
position: absolute;
|
||||
right: px2rem(22);
|
||||
top: px2rem(92);
|
||||
border-radius: px2rem(52);
|
||||
background: linear-gradient(270deg, #E29030 0%, #FCC074 100%);
|
||||
}
|
||||
|
||||
&:nth-child(odd) {
|
||||
background: rgba(50, 39, 79, .06);
|
||||
.act {
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
}
|
||||
}
|
||||
|
||||
.null {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: relative;
|
||||
background: none;
|
||||
|
||||
img {
|
||||
width: px2rem(147);
|
||||
height: px2rem(151);
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
}
|
||||
|
||||
&: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);
|
||||
}
|
||||
span {
|
||||
width: 100%;
|
||||
left: 0;
|
||||
top: 55%;
|
||||
transform: translateY(-50%);
|
||||
color: #A9A9A9;
|
||||
font-size: px2rem(30);
|
||||
font-weight: 400;
|
||||
position: absolute;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
&: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);
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
@@ -254,29 +270,27 @@ ul {
|
||||
}
|
||||
|
||||
.arabic {
|
||||
|
||||
ul li .num,
|
||||
ul li .user {
|
||||
float: right;
|
||||
}
|
||||
|
||||
ul li .user {
|
||||
margin-left: 0;
|
||||
margin-right: 1.8rem;
|
||||
}
|
||||
|
||||
ul li .but {
|
||||
float: left;
|
||||
right: auto;
|
||||
left: 0.29333rem;
|
||||
}
|
||||
|
||||
ul li .ts {
|
||||
left: 0;
|
||||
right: 1.05333rem;
|
||||
ul li .level {
|
||||
right: auto;
|
||||
left: 0.69333rem;
|
||||
}
|
||||
|
||||
ul li .tx {
|
||||
left: 0;
|
||||
right: 1.28rem;
|
||||
right: 0.26667rem;
|
||||
left: auto;
|
||||
}
|
||||
ul li p{
|
||||
right: 2.8rem;
|
||||
left: auto;
|
||||
}
|
||||
ul li span{
|
||||
right: 2.8rem;
|
||||
left: auto;
|
||||
}
|
||||
|
||||
.top .left {
|
||||
@@ -286,4 +300,75 @@ ul {
|
||||
.top img {
|
||||
float: left;
|
||||
}
|
||||
}
|
||||
|
||||
.create {
|
||||
position: fixed;
|
||||
z-index: 2;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
bottom: px2rem(66);
|
||||
background: linear-gradient(270deg, #E29030 0%, #FCC074 100%);
|
||||
width: px2rem(468);
|
||||
height: px2rem(88);
|
||||
line-height: px2rem(88);
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
font-size: px2rem(32);
|
||||
border-radius: px2rem(88);
|
||||
}
|
||||
|
||||
.submitSuccessfully {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
z-index: 99;
|
||||
background: rgba(0, 0, 0, .5);
|
||||
display: none;
|
||||
|
||||
.submitSuccessfully_in {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
width: px2rem(580);
|
||||
// height: px2rem(406);
|
||||
background: #fff;
|
||||
border-radius: px2rem(32);
|
||||
padding: px2rem(28) px2rem(46) px2rem(36);
|
||||
|
||||
.title {
|
||||
color: #313131;
|
||||
font-size: px2rem(30);
|
||||
font-weight: 500;
|
||||
height: px2rem(42);
|
||||
line-height: px2rem(42);
|
||||
margin: px2rem(0) auto px2rem(24);
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
p {
|
||||
width: 100%;
|
||||
color: #313131;
|
||||
font-size: px2rem(26);
|
||||
font-weight: 400;
|
||||
line-height: px2rem(36);
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.but {
|
||||
width: px2rem(488);
|
||||
height: px2rem(72);
|
||||
line-height: px2rem(72);
|
||||
text-align: center;
|
||||
border-radius: px2rem(72);
|
||||
margin: px2rem(24) auto 0;
|
||||
color: #fff;
|
||||
font-size: px2rem(28);
|
||||
font-weight: 500;
|
||||
background: linear-gradient(270deg, #E29030 0%, #FCC074 100%);
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -18,52 +18,21 @@
|
||||
</div>
|
||||
<!-- 头部 -->
|
||||
<div class="top">
|
||||
<div class="left text3"></div>
|
||||
<input class="placeholder" type="text" placeholder="Please enter the Agency ID/Agent ID to search">
|
||||
<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>
|
||||
<img class="tx" src="./images/null.png" alt="">
|
||||
<p>名字</p>
|
||||
<span><img src="./images/xren.png" alt=""> <b>0/100</b></span>
|
||||
<img class="level" src="./images/SS.png" alt="">
|
||||
<div class="but">Join</div>
|
||||
</li> -->
|
||||
</ul>
|
||||
<!-- 创建公会 -->
|
||||
<div class="create newText1"></div>
|
||||
<!-- 确认加入公会弹窗 -->
|
||||
<div class="pub">
|
||||
<div class="pub_in">
|
||||
@@ -74,6 +43,14 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 提交成功弹窗 -->
|
||||
<div class="submitSuccessfully">
|
||||
<div class="submitSuccessfully_in">
|
||||
<div class="title newText2"></div>
|
||||
<p class="newText3"></p>
|
||||
<div class="but text6">OK</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
||||
BIN
view/molistar/modules/guildAr/images/A.png
Normal file
BIN
view/molistar/modules/guildAr/images/A.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
BIN
view/molistar/modules/guildAr/images/B.png
Normal file
BIN
view/molistar/modules/guildAr/images/B.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.5 KiB |
BIN
view/molistar/modules/guildAr/images/S.png
Normal file
BIN
view/molistar/modules/guildAr/images/S.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
BIN
view/molistar/modules/guildAr/images/SS.png
Normal file
BIN
view/molistar/modules/guildAr/images/SS.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
BIN
view/molistar/modules/guildAr/images/createGuildNull.png
Normal file
BIN
view/molistar/modules/guildAr/images/createGuildNull.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.2 KiB |
BIN
view/molistar/modules/guildAr/images/guildLiBg.png
Normal file
BIN
view/molistar/modules/guildAr/images/guildLiBg.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 48 KiB |
237
view/molistar/modules/guildAr/js/createGuild.js
Normal file
237
view/molistar/modules/guildAr/js/createGuild.js
Normal file
@@ -0,0 +1,237 @@
|
||||
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(() => {
|
||||
window.history.back();
|
||||
})
|
||||
fuzzyMatchUpdateQueryStringParameterFun(); // 判断语言
|
||||
langReplace = window.lang.replace;
|
||||
localLang = window.lang;
|
||||
translateFun();
|
||||
h5User();
|
||||
}, 100)
|
||||
})
|
||||
var agencySubmit = false;
|
||||
function translateFun() {
|
||||
var langReplace = window.lang.replace;
|
||||
var localLang = window.lang;
|
||||
$('.text1').text(langReplace(localLang.createGuild.text1));
|
||||
$('.text2').text(langReplace(localLang.createGuild.text2));
|
||||
$('.text3').text(langReplace(localLang.createGuild.text3));
|
||||
$('.text4').text(langReplace(localLang.createGuild.text4));
|
||||
$('.text5').text(langReplace(localLang.createGuild.text5));
|
||||
$('.text6').text(langReplace(localLang.createGuild.text6));
|
||||
$('.text7').text(langReplace(localLang.createGuild.text7));
|
||||
$('.text8').text(langReplace(localLang.createGuild.text8));
|
||||
$('.text9').text(langReplace(localLang.createGuild.text9));
|
||||
$('.text10').text(langReplace(localLang.createGuild.text10));
|
||||
$('.placeholder').attr('placeholder', langReplace(localLang.createGuild.placeholder));
|
||||
}
|
||||
$('.submitSuccessfully .submitSuccessfully_in .but').click(function () {
|
||||
$('.submitSuccessfully').hide();
|
||||
if (browser.android) {
|
||||
window.androidJsObj.closeWebView()
|
||||
} else {
|
||||
window.webkit.messageHandlers.closeWebView.postMessage(null)
|
||||
}
|
||||
})
|
||||
function fileChangeF(e) {
|
||||
var file = document.querySelector('#backImageUpload').files[0];
|
||||
if (file.length == 0) {
|
||||
return;
|
||||
}
|
||||
var fileType = file.type;
|
||||
// 判断是否是动图
|
||||
if (fileType == 'image/gif' || file.name.includes('.gif')) {
|
||||
toastMsg(langReplace(localLang.guildInfoSet.toastMsgText1))
|
||||
} else {
|
||||
getToken(file, 1)
|
||||
}
|
||||
}
|
||||
function fileChangeF2(e) {
|
||||
var file = document.querySelector('#backImageUpload2').files[0];
|
||||
if (file.length == 0) {
|
||||
return;
|
||||
}
|
||||
var fileType = file.type;
|
||||
// 判断是否是动图
|
||||
if (fileType == 'image/gif' || file.name.includes('.gif')) {
|
||||
toastMsg(langReplace(localLang.guildInfoSet.toastMsgText1))
|
||||
} else {
|
||||
getToken(file, 2)
|
||||
}
|
||||
}
|
||||
function fileChangeF3(e) {
|
||||
var file = document.querySelector('#backImageUpload3').files[0];
|
||||
if (file.length == 0) {
|
||||
return;
|
||||
}
|
||||
var fileType = file.type;
|
||||
// 判断是否是动图
|
||||
if (fileType == 'image/gif' || file.name.includes('.gif')) {
|
||||
toastMsg(langReplace(localLang.guildInfoSet.toastMsgText1))
|
||||
} else {
|
||||
getToken(file, 3)
|
||||
}
|
||||
}
|
||||
// 上傳图片接口
|
||||
function getToken(file, type) {
|
||||
showLoading()
|
||||
networkRequest({
|
||||
type: 'GET',
|
||||
url: urlPrefix + '/tencent/cos/getToken',
|
||||
success(res) {
|
||||
if (res.code === 200) {
|
||||
let cos = new COS({
|
||||
SecretId: res.data.secretId,
|
||||
SecretKey: res.data.secretKey,
|
||||
SecurityToken: res.data.sessionToken,
|
||||
StartTime: res.data.startTime,
|
||||
ExpiredTime: res.data.expireTime,
|
||||
});
|
||||
console.log(cos);
|
||||
var customDomain = res.data.customDomain;
|
||||
cos.uploadFile({
|
||||
Bucket: res.data.bucket, /* 填写自己的 bucket，必须字段 */
|
||||
Region: res.data.region, /* 存储桶所在地域，必须字段 */
|
||||
Key: file.name, /* 存储在桶里的对象键（例如:1.jpg，a/b/test.txt，图片.jpg）支持中文，必须字段 */
|
||||
Body: file, // 上传文件对象
|
||||
SliceSize: 1024 * 1024 * 5, /* 触发分块上传的阈值，超过5MB使用分块上传，小于5MB使用简单上传。可自行设置，非必须 */
|
||||
onProgress: function (progressData) {
|
||||
console.log(JSON.stringify(progressData));
|
||||
}
|
||||
}).then(res => {
|
||||
if (type == 1) {//背景
|
||||
$('.info .agencyAvatar').attr('src', `${customDomain}/${file.name}`);
|
||||
} else if (type == 2) {//背景
|
||||
$('.info .agentIDCardImg').attr('src', `${customDomain}/${file.name}`);
|
||||
} else {
|
||||
$('.inviterInfo .inviterPicImg').attr('src', `${customDomain}/${file.name}`);
|
||||
}
|
||||
}).catch(err => {
|
||||
console.log('上传失败', err);
|
||||
hideLoading(layerIndex)
|
||||
toastMsg(err.message);
|
||||
});
|
||||
} else {
|
||||
toastMsg(res.message)
|
||||
}
|
||||
hideLoading(layerIndex)
|
||||
},
|
||||
error(err) {
|
||||
hideLoading(layerIndex)
|
||||
toastMsg(langReplace(localLang.demoModule.layerIndex3))
|
||||
}
|
||||
})
|
||||
}
|
||||
var erbanNo;
|
||||
|
||||
// 自己信息接口
|
||||
function h5User() {
|
||||
showLoading()
|
||||
networkRequest({
|
||||
type: 'get',
|
||||
url: urlPrefix + '/web-user',
|
||||
data: { uid: pubInfo.uid },
|
||||
success(res) {
|
||||
if (res.code == 200) {
|
||||
$('.myInfo .tx').attr('src', res.data.avatar);
|
||||
$('.myInfo p').text(res.data.nick);
|
||||
$('.myInfo b').text(`ID:${res.data.erbanNo}`);
|
||||
erbanNo = res.data.erbanNo;
|
||||
} else {
|
||||
toastMsg(res.message)
|
||||
}
|
||||
hideLoading(layerIndex)
|
||||
},
|
||||
error(err) {
|
||||
hideLoading(layerIndex)
|
||||
toastMsg(langReplace(localLang.demoModule.layerIndex3))
|
||||
}
|
||||
})
|
||||
}
|
||||
// 创建接口
|
||||
function apply(obj) {
|
||||
showLoading()
|
||||
networkRequest({
|
||||
type: 'post',
|
||||
contentType: 'application/json',
|
||||
url: urlPrefix + '/guild/apply',
|
||||
data: obj,
|
||||
success(res) {
|
||||
if (res.code == 200) {
|
||||
$('.submitSuccessfully').show();
|
||||
} else {
|
||||
toastMsg(res.message)
|
||||
}
|
||||
hideLoading(layerIndex)
|
||||
},
|
||||
error(err) {
|
||||
hideLoading(layerIndex)
|
||||
toastMsg(langReplace(localLang.demoModule.layerIndex3))
|
||||
}
|
||||
})
|
||||
}
|
||||
$('.butBox').click(function () {
|
||||
var guildAvatar = $('.info .agencyAvatar').attr('src');
|
||||
var guildName = $('.info .agencyName input').val();
|
||||
var guildContact = $('.info .agentContactInfo input').val();
|
||||
var idCard = $('.info .agentIDCardImg').attr('src');
|
||||
var inviteErbanNo = $('.inviterInfo .InviterId input').val();
|
||||
var inviteCheck = $('.inviterInfo .inviterPicImg').attr('src');
|
||||
var obj = {};
|
||||
obj.guildAvatar = guildAvatar;
|
||||
obj.guildName = guildName;
|
||||
obj.guildContact = guildContact;
|
||||
obj.idCard = idCard;
|
||||
obj.inviteErbanNo = inviteErbanNo;
|
||||
obj.inviteCheck = inviteCheck;
|
||||
obj.erbanNo = erbanNo;
|
||||
obj.applyUid = pubInfo.uid;
|
||||
if (guildName != '' && guildContact != '' && guildAvatar != './images/createGuildNull.png' && idCard != './images/createGuildNull.png') {
|
||||
apply(JSON.stringify(obj))
|
||||
} else {
|
||||
toastMsg(localLang.createGuild.null)
|
||||
}
|
||||
})
|
||||
@@ -28,6 +28,7 @@ const toastMsg = (content = langReplace(localLang.demoModule.layerIndex2), time
|
||||
skin: 'msg'
|
||||
})
|
||||
}
|
||||
var inputTime = null;
|
||||
// 初始化函數
|
||||
$(function () {
|
||||
getInfoFromClient();
|
||||
@@ -53,7 +54,8 @@ $(function () {
|
||||
langReplace = window.lang.replace;
|
||||
localLang = window.lang;
|
||||
translateFun();
|
||||
listRank();
|
||||
applyExist();
|
||||
// listRank();
|
||||
}, 100)
|
||||
})
|
||||
function translateFun() {
|
||||
@@ -65,10 +67,15 @@ function translateFun() {
|
||||
$('.text4').text(langReplace(localLang.guild.text4));
|
||||
$('.text5').text(langReplace(localLang.guild.text5));
|
||||
$('.text6').text(langReplace(localLang.guild.text6));
|
||||
$('.newText1').text(langReplace(localLang.guild.newText1));
|
||||
$('.newText2').text(langReplace(localLang.guild.newText2));
|
||||
$('.newText3').text(langReplace(localLang.guild.newText3));
|
||||
$('.newText4').text(langReplace(localLang.guild.newText4));
|
||||
$('.placeholder').attr('placeholder', langReplace(localLang.guild.placeholder));
|
||||
}
|
||||
// 搜索按钮
|
||||
$('.top img').click(function () {
|
||||
window.location.href = './search.html'
|
||||
// window.location.href = './search.html'
|
||||
})
|
||||
// 配置接口
|
||||
function listRank() {
|
||||
@@ -80,19 +87,17 @@ function listRank() {
|
||||
success(res) {
|
||||
if (res.code === 200) {
|
||||
var str = '';
|
||||
res.data.forEach((res, i) => {
|
||||
res.data.forEach((val, i) => {
|
||||
str += `
|
||||
<li>
|
||||
<div class="num">${i > 2 ? i + 1 : ''}</div>
|
||||
${i <= 2 ? `<img src="./images/ts${i + 1}.png" 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.familyId}>${langReplace(localLang.guild.text7)}</div>
|
||||
</li>
|
||||
`
|
||||
<li>
|
||||
<img class="tx" src="${val.owner.avatar}" alt="">
|
||||
<p>${val.guildName}</p>
|
||||
<strong>${langReplace(localLang.guild.newText5)} ${val.owner.erbanNo}</strong>
|
||||
<span><img src="./images/xren.png" alt=""> <b>${val.memberNum ? val.memberNum : 0}/${val.memberNumLimit}</b></span>
|
||||
<img class="level" style="display:${val.ssLevel == 0 ? 'none' : 'block'}" src="./images/${val.markScore}.png" alt="">
|
||||
<div class="but" style="top:${val.ssLevel == 0 ? '0.8rem' : '1.22667rem'}" familyId=${val.guildId}>${langReplace(localLang.guild.newText4)}</div>
|
||||
</li>
|
||||
`
|
||||
})
|
||||
$('ul').append(str);
|
||||
} else {
|
||||
@@ -106,6 +111,42 @@ function listRank() {
|
||||
}
|
||||
})
|
||||
}
|
||||
// 公会申请校验
|
||||
function applyExist() {
|
||||
showLoading()
|
||||
networkRequest({
|
||||
type: 'get',
|
||||
url: urlPrefix + '/guild/apply/applyExist',
|
||||
data: { uid: pubInfo.uid },
|
||||
success(res) {
|
||||
if (res.code === 200) {
|
||||
if (res.data) {
|
||||
$('.submitSuccessfully').show();
|
||||
} else {
|
||||
listRank();
|
||||
}
|
||||
} else {
|
||||
toastMsg(res.message)
|
||||
}
|
||||
hideLoading(layerIndex)
|
||||
},
|
||||
error(err) {
|
||||
hideLoading(layerIndex)
|
||||
toastMsg(langReplace(localLang.demoModule.layerIndex3))
|
||||
}
|
||||
})
|
||||
}
|
||||
// 随机数
|
||||
function generateUniqueRandomNumbers(count, min, max) {
|
||||
const uniqueNumbers = new Set();
|
||||
|
||||
while (uniqueNumbers.size < count) {
|
||||
const randomNumber = Math.floor(Math.random() * (max - min + 1)) + min;
|
||||
uniqueNumbers.add(randomNumber);
|
||||
}
|
||||
|
||||
return [...uniqueNumbers];
|
||||
}
|
||||
// 确认加入按钮
|
||||
$('ul').on('click', 'li .but', function () {
|
||||
var familyId = $(this).attr('familyId');
|
||||
@@ -128,10 +169,78 @@ function apply(familyId) {
|
||||
networkRequest({
|
||||
type: 'post',
|
||||
url: urlPrefix + '/family/manager/apply',
|
||||
data: { familyId },
|
||||
data: { guildId: familyId },
|
||||
success(res) {
|
||||
if (res.code === 200) {
|
||||
toastMsg(langReplace(localLang.guild.text8))
|
||||
applyExist();
|
||||
} else {
|
||||
toastMsg(res.message)
|
||||
}
|
||||
hideLoading(layerIndex)
|
||||
},
|
||||
error(err) {
|
||||
hideLoading(layerIndex)
|
||||
toastMsg(langReplace(localLang.demoModule.layerIndex3))
|
||||
}
|
||||
})
|
||||
}
|
||||
// 创建按钮
|
||||
$('.create').click(function () {
|
||||
window.location.href = './createGuild.html';
|
||||
})
|
||||
// 弹窗按钮
|
||||
$('.submitSuccessfully .submitSuccessfully_in .but').click(function () {
|
||||
if (browser.android) {
|
||||
window.androidJsObj.closeWebView()
|
||||
} else {
|
||||
window.webkit.messageHandlers.closeWebView.postMessage(null)
|
||||
}
|
||||
})
|
||||
// 监听输入框
|
||||
$('.top input').on('input', function () {
|
||||
var val = $(this).val();
|
||||
clearTimeout(inputTime);
|
||||
if (val == '') {
|
||||
listRank();
|
||||
} else {
|
||||
inputTime = setTimeout(() => {
|
||||
searchFamily(val);
|
||||
}, 500);
|
||||
}
|
||||
});
|
||||
|
||||
// 配置接口
|
||||
function searchFamily(erbanNo) {
|
||||
$('ul li').remove();
|
||||
showLoading()
|
||||
networkRequest({
|
||||
type: 'get',
|
||||
url: urlPrefix + '/guild/searchGuild',
|
||||
data: { erbanNo },
|
||||
success(res) {
|
||||
if (res.code == 200) {
|
||||
var str = '';
|
||||
console.log(res.data);
|
||||
str += `
|
||||
<li>
|
||||
<img class="tx" src="${res.data.avatar}" alt="">
|
||||
<p>${res.data.guildName}</p>
|
||||
<strong>${langReplace(localLang.guild.newText5)} ${res.data.erbanNo}</strong>
|
||||
<span><img src="./images/xren.png" alt=""> <b>${res.data.memberNum}/${res.data.memberNumLimit}</b></span>
|
||||
<img class="level" style="display:${res.data.ssLevel == 0 ? 'none' : 'block'}" src="./images/${res.data.markScore}.png" alt="">
|
||||
<div class="but" style="top:${res.data.ssLevel == 0 ? '0.8rem' : '1.22667rem'}" familyId=${res.data.guildId}>Join</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)
|
||||
}
|
||||
|
||||
@@ -69,6 +69,26 @@ langAr = {
|
||||
text6: `تأكيد`,
|
||||
text7: `طلب إضافة `,
|
||||
text8: 'تم تقديم الطلب بنجاح',
|
||||
newText1: 'إنشاء نقابة',
|
||||
newText2: 'قيد المراجعة',
|
||||
newText3: 'يرجى الانتظار بصبر~',
|
||||
newText4: `انضمام`,
|
||||
newText5: 'معرّف الوكيل:',
|
||||
placeholder: 'يرجى إدخال معرّف الوكيل للبحث',
|
||||
},
|
||||
createGuild: {
|
||||
text1: `طلب تسجيل الوكالة`,
|
||||
text2: `صورة الوكالة`,
|
||||
text3: `اسم الوكالة`,
|
||||
text4: `معلومات الاتصال بالوكيل`,
|
||||
text5: `بطاقة هوية الوكيل`,
|
||||
text6: `معرّف الداعي`,
|
||||
text7: `صورة الداعي`,
|
||||
text8: `تم الإرسال بنجاح`,
|
||||
text9: `شكرًا لتقديم طلبك لإنشاء نقابة. سنقوم بمراجعة الطلب خلال 3 أيام عمل. يرجى الانتظار بصبر، وسنوافيك بالرد في أقرب وقت ممكن.`,
|
||||
text10: `تأكيد`,
|
||||
placeholder: `يرجى الإدخال`,
|
||||
null: `لا يمكن ترك الحقول الإلزامية فارغة`,
|
||||
},
|
||||
guildInfoSet: {
|
||||
text1: `إعدادات معلومات الوكالة `,
|
||||
|
||||
@@ -67,6 +67,28 @@ langEn = {
|
||||
text6: `Confirm`,
|
||||
text7: `Add`,
|
||||
text8: 'Submitted',
|
||||
newText1: 'Create a Agency',
|
||||
newText2: 'Under review',
|
||||
newText3: 'Please wait patiently~',
|
||||
newText4: 'Join',
|
||||
newText5: 'Agent ID:',
|
||||
placeholder: 'Please enter the Agent ID to search',
|
||||
},
|
||||
createGuild: {
|
||||
text1: `Agency Registration Application`,
|
||||
text2: `Agency Avatar`,
|
||||
text3: `Agency Name`,
|
||||
text4: `Agent Contact Info`,
|
||||
text5: `Agent ID Card`,
|
||||
text6: `Inviter ID`,
|
||||
text7: `Inviter Pic.`,
|
||||
text8: `Submit Successfully`,
|
||||
text9: `Thank you for submitting your application to create a guild. We will review it within 3 working days.
|
||||
Please
|
||||
wait patiently and we will give you a reply as soon as possible.`,
|
||||
text10: `Confirm`,
|
||||
placeholder: `Please enter`,
|
||||
null: `Mandatory fields cannot be blank`,
|
||||
},
|
||||
guildInfoSet: {
|
||||
text1: `Agency Settings`,
|
||||
|
||||
@@ -69,6 +69,27 @@ langZh = {
|
||||
text6: `確認`,
|
||||
text7: `添加請求`,
|
||||
text8: '請求成功提交',
|
||||
newText1: '創建公會',
|
||||
newText2: '審核中',
|
||||
newText3: '請耐心等待~',
|
||||
newText4: `加入`,
|
||||
newText5: '代理人ID:',
|
||||
placeholder: '請輸入代理人ID進行搜尋',
|
||||
|
||||
},
|
||||
createGuild: {
|
||||
text1: `代理註冊申請`,
|
||||
text2: `代理頭像`,
|
||||
text3: `代理名稱`,
|
||||
text4: `代理聯絡資訊`,
|
||||
text5: `代理身份證`,
|
||||
text6: `邀請人ID`,
|
||||
text7: `邀請人照片`,
|
||||
text8: `提交成功`,
|
||||
text9: `感謝您提交創建公會的申請。我們將在3個工作日內審核您的申請。請耐心等待，我們將盡快給您回覆。`,
|
||||
text10: `確認`,
|
||||
placeholder: `請輸入`,
|
||||
null: `必填項不能為空`,
|
||||
},
|
||||
guildInfoSet: {
|
||||
text1: `公會信息設置`,
|
||||
|
||||
Reference in New Issue
Block a user