diff --git a/view/molistar/common/js/common2.js b/view/molistar/common/js/common2.js index 187c1c80..a643db9e 100644 --- a/view/molistar/common/js/common2.js +++ b/view/molistar/common/js/common2.js @@ -1107,8 +1107,8 @@ function networkRequest(reqObj = {}, type) { }, beforeSend: function (xhr) { if (reqObj.type.toLowerCase() == 'post') { - let newSerializeStr = $.param(reqObj.data); - reqObj.data = newSerializeStr + // let newSerializeStr = $.param(reqObj.data); + // reqObj.data = newSerializeStr } }, }); diff --git a/view/molistar/modules/identity/css/index.css b/view/molistar/modules/identity/css/index.css new file mode 100644 index 00000000..7326226a --- /dev/null +++ b/view/molistar/modules/identity/css/index.css @@ -0,0 +1,343 @@ +@font-face { + font-family: 'pingfang'; + src: url("../fonts/PingFangSCRegular.ttf"); + src: url("../fonts/PingFangSCRegular.ttf") format("woff"), url("../fonts/PingFangSCRegular.ttf") format("truetype"), url("../fonts/PingFangSCRegular.ttf") format("svg"); +} + +html, +body { + font-family: 'pingfang'; + background-color: #1C1B22; +} + +img { + width: 100%; + vertical-align: top; +} + +.container { + box-sizing: border-box; + margin: 0 auto; + margin-top: 4.09333rem; + margin-bottom: 0.8rem; + padding-bottom: 0.8rem; + width: 9.2rem; + background-color: #2A2A39; + border-radius: 0.32rem; + box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); + box-sizing: border-box; +} + +.container .top { + position: absolute; + left: 0; + top: 0; + z-index: -1; +} + +.container .form-wrapper { + margin: 0 auto; + padding: 0.50667rem 0.4rem; + box-sizing: border-box; +} + +.container .form-wrapper .list { + margin-bottom: 0.38667rem; +} + +.container .form-wrapper .list p { + font-size: 0.42667rem; + color: #C6C6E9; +} + +.container .form-wrapper .list .input-wrapper { + padding: 0.26667rem 0; + border-bottom: 1px solid #353548; + display: flex; + display: -moz-box; + -ms-align-items: center; + align-items: center; + -ms-justify-content: space-between; + justify-content: space-between; +} + +.container .form-wrapper .list input { + font-size: 0.37333rem; + width: 5.6rem; + outline: none; + background-color: #2A2A39; + caret-color: white; + color: white; +} + +.container .form-wrapper .list input::-webkit-input-placeholder { + color: #4F516A; +} + +.container .form-wrapper .list input::-moz-placeholder { + /* Mozilla Firefox 19+ */ + color: #4F516A; +} + +.container .form-wrapper .list input:-moz-placeholder { + /* Mozilla Firefox 4 to 18 */ + color: #4F516A; +} + +.container .form-wrapper .list input:-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #4F516A; +} + +.container .form-wrapper .button-identity-code { + width: 2.48rem; + height: 0.66667rem; + line-height: 0.66667rem; + color: #fff; + background-image: linear-gradient(to right, #218EFF, #7727E4); + border-radius: 0.33333rem; + text-align: center; +} + +.container .form-wrapper .button-identity-code.disable { + background: #DBDBDB; +} + +.container .rules-wrapper { + margin-top: 0rem; + padding: 0 0.50667rem; +} + +.container .rules-wrapper .title { + font-size: 0.4rem; + font-weight: bold; + margin-bottom: 0.16rem; + color: white; +} + +.container .rules-wrapper p { + line-height: 0.53333rem; + font-size: 0.32rem; + color: #C6C6E9; +} + +.container .button-submit { + text-align: center; + background: linear-gradient(to right, #218EFF, #7727E4); + width: 4.26667rem; + margin: 0 auto; + color: #fff; + height: 1.06667rem; + line-height: 1.06667rem; + border-radius: 0.53333rem; + margin-top: 0.4rem; + margin-bottom: 0.4rem; + font-size: 0.42667rem; +} + +.toast { + position: absolute; + width: 80%; + background: rgba(0, 0, 0, 0.8); + border-radius: 0.24rem; + color: #fff; + text-align: center; + line-height: 0.93333rem; + font-size: 0.37333rem; + left: 50%; + margin-left: -40%; + bottom: 10%; + display: none; +} + +.hidden-form { + display: none; +} + +.status-mask { + position: absolute; + z-index: 999; + left: 0; + top: 0; + width: 100%; + height: 100%; + background: rgba(0, 0, 0, 0.6); + position: fixed; + display: none; +} + +.status-mask .wrapper { + width: 8rem; + height: 8rem; + border-radius: 0.10667rem; + position: absolute; + left: 0; + bottom: 0; + top: 0; + right: 0; + margin: auto; + background: #fff; + display: flex; + display: -moz-box; + flex-direction: column; + -ms-justify-content: center; + justify-content: center; + -ms-align-items: center; + align-items: center; +} + +.status-mask .pic { + width: 4.066667rem; + height: 4.133333rem; + background-size: 100% 100%; + background-repeat: no-repeat; +} + +.status-mask .text { + font-size: .426667rem; + line-height: .533333rem; + margin-bottom: 0.26667rem; + margin-top: -0.26667rem; +} + +.status-mask .tips { + color: #666666; + font-size: 0.32rem; +} + +.status-mask .goto-change { + width: 3.786667rem; + height: 1.013333rem; + background: #39ebdf; + border: 2px solid #333333; + border-radius: .506667rem; + margin-top: .48rem; + font-size: .4rem; + color: #333333; + outline: none; +} + +.status-mask.success .tips { + display: none; +} + +.status-mask.success .pic { + background-image: url("../images/success.png"); +} + +.status-mask.have-identity .pic { + background-image: url("../images/have_identity.png"); +} + +.status-mask.failed .pic { + background-image: url("../images/failed.png"); +} + +.status-mask.failed .tips { + color: #f34e48; +} + +#agree { + display: none; +} + +#agree:checked + .agree-text .icon:before { + background: #735FFE; +} + +.agree-wrapper { + text-align: center; + color: white; +} + +.agree-wrapper .icon { + display: inline-block; + position: relative; + width: 0.37333rem; + height: 0.37333rem; + vertical-align: top; + box-sizing: border-box; + border-radius: 50%; + border: 2px solid #735FFE; +} + +.agree-wrapper .icon:before { + content: ''; + position: absolute; + width: 0.16rem; + height: 0.16rem; + top: 0; + left: 0; + bottom: 0; + right: 0; + margin: auto; + border-radius: 50%; +} + +.agree-wrapper .agree-text { + font-size: 0.37333rem; +} + +a { + color: #735FFE; +} + +.layer-box { + position: fixed; + width: 100%; + height: 100%; + background: rgba(0, 0, 0, 0.5); + top: 0; + z-index: 1001; + display: none; +} + +.layer-box-2 .layer-content { + position: fixed; + width: 7.333333rem; + height: 5.333333rem; + background: url(../images/layer-bg.png) no-repeat; + background-size: 100% 100%; + left: 50%; + top: 50%; + margin-left: -3.666667rem; + margin-top: -2.666667rem; + padding-top: .773333rem; + box-sizing: border-box; +} + +.layer-box-2 .layer-content .layer-2-close { + width: 2.8rem; + height: 1.013333rem; + display: block; + position: absolute; + bottom: .8rem; + outline: none; + left: .693333rem; +} + +.layer-box-2 .layer-content .goto-change-layer { + width: 2.8rem; + height: 1.013333rem; + position: absolute; + bottom: .8rem; + outline: none; + right: .693333rem; +} + +.hide { + display: none; +} + +a, +a:hover, +a:active, +a:visited, +a:link, +a:focus { + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + -webkit-tap-highlight-color: transparent; + outline: none; + background: none; + text-decoration: none; +} diff --git a/view/molistar/modules/identity/css/index.scss b/view/molistar/modules/identity/css/index.scss new file mode 100644 index 00000000..1195cb8e --- /dev/null +++ b/view/molistar/modules/identity/css/index.scss @@ -0,0 +1,374 @@ +@function px2rem($px, $rem:75) { + @return $px/$rem+rem; +} + +@import '../../../common/css/flex.scss'; + +@font-face { + font-family: 'pingfang'; + src: url('../fonts/PingFangSCRegular.ttf'); + src: url('../fonts/PingFangSCRegular.ttf') format('woff'), + url('../fonts/PingFangSCRegular.ttf') format('truetype'), + url('../fonts/PingFangSCRegular.ttf') format('svg'); +} + +html, +body { + font-family: 'pingfang'; + background-color: #1C1B22; +} + +img { + width: 100%; + vertical-align: top; +} + +.container { + box-sizing: border-box; + margin: 0 auto; + margin-top: px2rem(307); + margin-bottom: px2rem(60); + padding-bottom: px2rem(60); + width: px2rem(690); + + // background: #fff; + background-color: #2A2A39; + border-radius: px2rem(24); + box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); + box-sizing: border-box; + + .top { + position: absolute; + left: 0; + top: 0; + z-index: -1; + } + + .form-wrapper { + margin: 0 auto; + // width: px2rem(710); + // background: #fff; + // border-radius: 4px; + // box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); + padding: px2rem(38) px2rem(30); + box-sizing: border-box; + .list { + margin-bottom: px2rem(29); + + p { + font-size: px2rem(32); + color: #C6C6E9; + } + + .input-wrapper { + padding: px2rem(20) 0; + border-bottom: 1px solid #353548; + @include flex(); + @include flex-align-center(); + @include flex-justify-between(); + } + + input { + font-size: px2rem(28); + width: px2rem(420); + outline: none; + background-color: #2A2A39; + caret-color: white; + color: white; + } + + input::-webkit-input-placeholder { + color: #4F516A; + } + + input::-moz-placeholder { + /* Mozilla Firefox 19+ */ + color: #4F516A; + } + + input:-moz-placeholder { + /* Mozilla Firefox 4 to 18 */ + color: #4F516A; + } + + input:-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #4F516A; + } + } + + .button-identity-code { + width: px2rem(186); + height: px2rem(50); + line-height: px2rem(50); + color: #fff; + // background: #8776FF; + background-image: linear-gradient(to right, #218EFF, #7727E4); + border-radius: px2rem(25); + text-align: center; + + &.disable { + background: #DBDBDB; + } + } + } + + .rules-wrapper { + margin-top: px2rem(0); + padding: 0 px2rem(38); + + .title { + font-size: px2rem(30); + font-weight: bold; + margin-bottom: px2rem(12); + color: white; + } + + p { + line-height: px2rem(40); + font-size: px2rem(24); + color: #C6C6E9; + } + } + + .button-submit { + text-align: center; + background: linear-gradient(to right, #218EFF, #7727E4); + width: px2rem(320); + margin: 0 auto; + color: #fff; + height: px2rem(80); + line-height: px2rem(80); + border-radius: px2rem(40); + margin-top: px2rem(30); + margin-bottom: px2rem(30); + font-size: px2rem(32); + } +} + +.toast { + position: absolute; + width: 80%; + background: rgba(0, 0, 0, 0.8); + border-radius: px2rem(18); + color: #fff; + text-align: center; + line-height: px2rem(70); + font-size: px2rem(28); + left: 50%; + margin-left: -40%; + bottom: 10%; + display: none; +} + +.hidden-form { + display: none; +} + +.status-mask { + position: absolute; + z-index: 999; + left: 0; + top: 0; + width: 100%; + height: 100%; + background: rgba(0, 0, 0, 0.6); + position: fixed; + display: none; + + .wrapper { + width: 8rem; + height: 8rem; + border-radius: px2rem(8); + position: absolute; + left: 0; + bottom: 0; + top: 0; + right: 0; + margin: auto; + background: #fff; + @include flex(); + @include flexv(); + @include flex-justify-center(); + @include flex-align-center(); + } + + .pic { + width: 4.066667rem; + height: 4.133333rem; + //background: red; + -webkit-background-size: 100% 100%; + background-size: 100% 100%; + background-repeat: no-repeat; + } + + .text { + font-size: .426667rem; + line-height: .533333rem; + margin-bottom: px2rem(20); + margin-top: px2rem(-20); + } + + .tips { + color: #666666; + font-size: px2rem(24); + } + + .goto-change { + width: 3.786667rem; + height: 1.013333rem; + background: rgba(57, 235, 223, 1); + border: 2px solid rgba(51, 51, 51, 1); + border-radius: .506667rem; + margin-top: .48rem; + font-size: .4rem; + color: rgba(51, 51, 51, 1); + outline: none; + } + + &.success { + .tips { + display: none; + } + + .pic { + background-image: url("../images/success.png"); + } + } + + &.have-identity { + .pic { + background-image: url("../images/have_identity.png"); + } + } + + &.failed { + .pic { + background-image: url("../images/failed.png"); + } + + .tips { + color: #f34e48; + } + } +} + +#agree { + display: none; + + &:checked { + &+.agree-text { + .icon { + &:before { + background: #735FFE; + } + } + } + + } +} + +.agree-wrapper { + text-align: center; + color: white; + .icon { + display: inline-block; + position: relative; + width: px2rem(28); + height: px2rem(28); + vertical-align: top; + box-sizing: border-box; + border-radius: 50%; + border: 2px solid #735FFE; + + &:before { + content: ''; + position: absolute; + width: px2rem(12); + height: px2rem(12); + top: 0; + left: 0; + bottom: 0; + right: 0; + margin: auto; + border-radius: 50%; + //background: red; + } + } + + .agree-text { + font-size: px2rem(28); + } +} + +a { + color: #735FFE; +} + +.layer-box { + position: fixed; + width: 100%; + height: 100%; + background: rgba(0, 0, 0, 0.5); + top: 0; + z-index: 1001; + display: none; +} + +.layer-box-2 { + .layer-content { + position: fixed; + width: 7.333333rem; + height: 5.333333rem; + background: url(../images/layer-bg.png) no-repeat; + background-size: 100% 100%; + left: 50%; + top: 50%; + margin-left: -3.666667rem; + margin-top: -2.666667rem; + padding-top: .773333rem; + box-sizing: border-box; + + .layer-2-close { + width: 2.8rem; + height: 1.013333rem; + display: block; + position: absolute; + bottom: .8rem; + outline: none; + left: .693333rem; + } + + .goto-change-layer { + width: 2.8rem; + height: 1.013333rem; + position: absolute; + bottom: .8rem; + outline: none; + right: .693333rem; + } + } +} + +.hide { + display: none; +} + +a, +a:hover, +a:active, +a:visited, +a:link, +a:focus { + + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + + -webkit-tap-highlight-color: transparent; + + outline: none; + + background: none; + + text-decoration: none; + +} \ No newline at end of file diff --git a/view/molistar/modules/identity/css/mobile.css b/view/molistar/modules/identity/css/mobile.css new file mode 100644 index 00000000..888d7832 --- /dev/null +++ b/view/molistar/modules/identity/css/mobile.css @@ -0,0 +1,87 @@ +.container { + background-color: #fff; + box-sizing: border-box; + padding: .72rem .666667rem 0 .666667rem; +} + +.tips { + font-size: .373333rem; + font-weight: 500; + color: #333333; + line-height: .6rem; + margin-bottom: .266667rem; +} + +.input-wrapper { + position: relative; + height: .933333rem; + border-bottom: 1px solid #CCCCCC; +} + +.input-wrapper .identity-code { + width: 100%; + height: .853333rem; + font-size: .4rem; + line-height: .933333rem; + outline: none; +} + +.input-wrapper .button-identity-code { + position: absolute; + height: .933333rem; + line-height: .933333rem; + right: 0; + top: 0; + font-size: .4rem; + font-weight: 400; + color: #fe4c62; +} + +.code-text { + font-size: .346667rem; + font-weight: 400; + color: #333333; + margin-top: .533333rem; + visibility: hidden; +} + +.submit { + width: 8rem; + height: 1.146667rem; + background: rgba(255, 255, 255, 0); + border: 2px solid #333333; + border-radius: .573333rem; + margin: 0 auto; + font-size: .4rem; + font-weight: 500; + color: #333333; + margin: 0 auto; + margin-top: 1.506667rem; + outline: none; +} + +.submit.ban { + background: rgba(255, 255, 255, 0); + border: 2px solid #b3b3b3; + color: #b3b3b3; +} + +.warm { + width: 6rem; + background-color: rgba(0, 0, 0, 0.6); + color: #fff; + font-size: 0.3733rem; + height: 0.7667rem; + line-height: 0.7667rem; + text-align: center; + position: fixed; + z-index: 10001; + top: 50%; + left: 50%; + margin-left: -3rem; + border-radius: 5px; +} + +.hide { + display: none; +} diff --git a/view/molistar/modules/identity/css/mobile.min.css b/view/molistar/modules/identity/css/mobile.min.css new file mode 100644 index 00000000..3894ce16 --- /dev/null +++ b/view/molistar/modules/identity/css/mobile.min.css @@ -0,0 +1 @@ +.container{background-color:#fff;box-sizing:border-box;padding:.72rem .666667rem 0 .666667rem}.tips{font-size:.373333rem;font-weight:500;color:#333;line-height:.6rem;margin-bottom:.266667rem}.input-wrapper{position:relative;height:.933333rem;border-bottom:1px solid #CCCCCC}.input-wrapper .identity-code{width:100%;height:.853333rem;font-size:.4rem;line-height:.933333rem;outline:none}.input-wrapper .button-identity-code{position:absolute;height:.933333rem;line-height:.933333rem;right:0;top:0;font-size:.4rem;font-weight:400;color:#fe4c62}.code-text{font-size:.346667rem;font-weight:400;color:#333;margin-top:.533333rem;visibility:hidden}.submit{width:8rem;height:1.146667rem;background:rgba(255,255,255,0);border:2px solid #333;border-radius:.573333rem;margin:0 auto;font-size:.4rem;font-weight:500;color:#333;margin:0 auto;margin-top:1.506667rem;outline:none}.submit.ban{background:rgba(255,255,255,0);border:2px solid #b3b3b3;color:#b3b3b3}.warm{width:6rem;background-color:rgba(0,0,0,0.6);color:#fff;font-size:0.3733rem;height:0.7667rem;line-height:0.7667rem;text-align:center;position:fixed;z-index:10001;top:50%;left:50%;margin-left:-3rem;border-radius:5px}.hide{display:none} diff --git a/view/molistar/modules/identity/css/mobile.scss b/view/molistar/modules/identity/css/mobile.scss new file mode 100644 index 00000000..6bb8499b --- /dev/null +++ b/view/molistar/modules/identity/css/mobile.scss @@ -0,0 +1,84 @@ +.container{ + background-color: #fff; + box-sizing: border-box; + padding: .72rem .666667rem 0 .666667rem; +} +.tips{ + // width: 8rem; + font-size: .373333rem; + font-weight:500; + color:rgba(51,51,51,1); + line-height:.6rem; + margin-bottom: .266667rem; +} + +.input-wrapper{ + position: relative; + height: .933333rem; + border-bottom: 1px solid #CCCCCC; + .identity-code{ + width: 100%; + height: .853333rem; + font-size: .4rem; + line-height: .933333rem; + outline: none; + } + .button-identity-code{ + position: absolute; + height: .933333rem; + line-height: .933333rem; + right: 0; + top: 0; + font-size:.4rem; + font-weight:400; + color:rgba(254,76,98,1); + } +} + +.code-text{ + font-size:.346667rem; + font-weight:400; + color:rgba(51,51,51,1); + margin-top: .533333rem; + visibility :hidden; +} + +.submit{ + width:8rem; + height:1.146667rem; + background:rgba(255,255,255,0); + border:2px solid rgba(51, 51, 51, 1); + border-radius:.573333rem; + margin: 0 auto; + font-size:.4rem; + font-weight:500; + color:rgba(51,51,51,1); + margin: 0 auto; + margin-top: 1.506667rem; + outline: none; + &.ban{ + background:rgba(255,255,255,0); + border:2px solid rgba(179,179,179,1); + color:rgba(179,179,179,1); + } +} + +.warm{ + width: 6rem; + background-color: rgba(0,0,0,0.6); + color: #fff; + font-size: 0.3733rem; + height: 0.7667rem; + line-height: 0.7667rem; + text-align: center; + position: fixed; + z-index: 10001; + top: 50%; + left: 50%; + margin-left: -3rem; + border-radius: 5px; +} + +.hide{ + display: none; +} diff --git a/view/molistar/modules/identity/fonts/PingFangSCRegular.ttf b/view/molistar/modules/identity/fonts/PingFangSCRegular.ttf new file mode 100644 index 00000000..e0e9f517 Binary files /dev/null and b/view/molistar/modules/identity/fonts/PingFangSCRegular.ttf differ diff --git a/view/molistar/modules/identity/images/failed.png b/view/molistar/modules/identity/images/failed.png new file mode 100644 index 00000000..14fd3c24 Binary files /dev/null and b/view/molistar/modules/identity/images/failed.png differ diff --git a/view/molistar/modules/identity/images/have_identity.png b/view/molistar/modules/identity/images/have_identity.png new file mode 100644 index 00000000..8aa3f32b Binary files /dev/null and b/view/molistar/modules/identity/images/have_identity.png differ diff --git a/view/molistar/modules/identity/images/layer-bg.png b/view/molistar/modules/identity/images/layer-bg.png new file mode 100644 index 00000000..11cd4595 Binary files /dev/null and b/view/molistar/modules/identity/images/layer-bg.png differ diff --git a/view/molistar/modules/identity/images/success.png b/view/molistar/modules/identity/images/success.png new file mode 100644 index 00000000..802c56d5 Binary files /dev/null and b/view/molistar/modules/identity/images/success.png differ diff --git a/view/molistar/modules/identity/images/tutu-top.png b/view/molistar/modules/identity/images/tutu-top.png new file mode 100644 index 00000000..a8ec9050 Binary files /dev/null and b/view/molistar/modules/identity/images/tutu-top.png differ diff --git a/view/molistar/modules/identity/index.html b/view/molistar/modules/identity/index.html new file mode 100644 index 00000000..a7f793c3 --- /dev/null +++ b/view/molistar/modules/identity/index.html @@ -0,0 +1,71 @@ + + +
+ + +真实姓名
+身份证号
+手机号
+验证码
+1.该认证仅支持中国内地(不含港澳台地区)的用户。
+2.请确保填写身份证信息真实并与本人一致。
+3.根据国家相关的法律法规,您需要提供您的真实身份信息(真实姓名、身份证号)、身份证正反面照片、面部信息以完成实名验证。您所提供的身份信息仅用于身份验证,未经您本人的许可不会被用于其他用途。这些信息属于个人敏感信息,我们将会尽可能的保护您个人敏感信息的安全。如果您不提供这些信息,您将不能使用提现等相关功能,但不影响您继续使用"MoliStar"的其他服务。
+4.为保护用户权益,开启实名认证后我们将不提供解除恢复的功能,请谅解。
+5.一个身份证最多用于5个用户账号的实名认证。
+>2;switch(3&n){case 0:switch(s){case 0:var o=e[7];n=an?12:9;continue n;case 1:n=d >2;switch(3&n){case 0:switch(s){case 0:p++,n=9;continue n;case 1:n=p?2:8;continue n;case 2:var o=e[94];h=parseInt(c[95],c[27])+o,n=2;continue n}continue n;case 1:switch(s){case 0:var r=hn+w,u=e[7];return r+=u=pn,r+=e[95],r+=u=gn;case 1:var v=c[94],w=e[4],h=c[10],p=a[1];n=9;continue n;case 2:n=p 真实姓名 身份证号 手机号 验证码 1.该认证仅支持中国内地(不含港澳台地区)的用户。 2.请确保填写身份证信息真实并与本人一致。 3.根据国家相关的法律法规,您需要提供您的真实身份信息(真实姓名、身份证号)、身份证正反面照片、面部信息以完成实名验证。您所提供的身份信息仅用于身份验证,未经您本人的许可不会被用于其他用途。这些信息属于个人敏感信息,我们将会尽可能的保护您个人敏感信息的安全。如果您不提供这些信息,您将不能使用提现等相关功能,但不影响您继续使用本产品的其他服务。 4.为保护用户权益,开启实名认证后我们将不提供解除恢复的功能,请谅解。 5.一个身份证最多用于2个用户账号的实名认证。 6.若人脸认证遇到问题,请点击这里
+ 请先通过短信验证码进行认证:
+