初始仓库
This commit is contained in:
255
css/htmleaf-demo.css
Normal file
255
css/htmleaf-demo.css
Normal file
@@ -0,0 +1,255 @@
|
|||||||
|
@font-face {
|
||||||
|
font-family: 'icomoon';
|
||||||
|
src:url('../fonts/icomoon.eot?rretjt');
|
||||||
|
src:url('../fonts/icomoon.eot?#iefixrretjt') format('embedded-opentype'),
|
||||||
|
url('../fonts/icomoon.woff?rretjt') format('woff'),
|
||||||
|
url('../fonts/icomoon.ttf?rretjt') format('truetype'),
|
||||||
|
url('../fonts/icomoon.svg?rretjt#icomoon') format('svg');
|
||||||
|
font-weight: normal;
|
||||||
|
font-style: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
[class^="icon-"], [class*=" icon-"] {
|
||||||
|
font-family: 'icomoon';
|
||||||
|
speak: none;
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: normal;
|
||||||
|
font-variant: normal;
|
||||||
|
text-transform: none;
|
||||||
|
line-height: 1;
|
||||||
|
|
||||||
|
/* Better Font Rendering =========== */
|
||||||
|
-webkit-font-smoothing: antialiased;
|
||||||
|
-moz-osx-font-smoothing: grayscale;
|
||||||
|
}
|
||||||
|
|
||||||
|
body, html { font-size: 100%; padding: 0; margin: 0;}
|
||||||
|
|
||||||
|
/* Reset */
|
||||||
|
*,
|
||||||
|
*:after,
|
||||||
|
*:before {
|
||||||
|
-webkit-box-sizing: border-box;
|
||||||
|
-moz-box-sizing: border-box;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
|
||||||
|
.clearfix:before,
|
||||||
|
.clearfix:after {
|
||||||
|
content: " ";
|
||||||
|
display: table;
|
||||||
|
}
|
||||||
|
|
||||||
|
.clearfix:after {
|
||||||
|
clear: both;
|
||||||
|
}
|
||||||
|
|
||||||
|
body{
|
||||||
|
background: #494A5F;
|
||||||
|
color: #D5D6E2;
|
||||||
|
font-weight: 500;
|
||||||
|
font-size: 1.05em;
|
||||||
|
font-family: "Microsoft YaHei","宋体","Segoe UI", "Lucida Grande", Helvetica, Arial,sans-serif, FreeSans, Arimo;
|
||||||
|
}
|
||||||
|
a{ color: rgba(255, 255, 255, 0.6);outline: none;text-decoration: none;-webkit-transition: 0.2s;transition: 0.2s;}
|
||||||
|
a:hover,a:focus{color:#74777b;text-decoration: none;}
|
||||||
|
.htmleaf-container{
|
||||||
|
margin: 0 auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.bgcolor-1 { background: #f0efee; }
|
||||||
|
.bgcolor-2 { background: #f9f9f9; }
|
||||||
|
.bgcolor-3 { background: #e8e8e8; }/*light grey*/
|
||||||
|
.bgcolor-4 { background: #2f3238; color: #fff; }/*Dark grey*/
|
||||||
|
.bgcolor-5 { background: #df6659; color: #521e18; }/*pink1*/
|
||||||
|
.bgcolor-6 { background: #2fa8ec; }/*sky blue*/
|
||||||
|
.bgcolor-7 { background: #d0d6d6; }/*White tea*/
|
||||||
|
.bgcolor-8 { background: #3d4444; color: #fff; }/*Dark grey2*/
|
||||||
|
.bgcolor-9 { background: #ef3f52; color: #fff;}/*pink2*/
|
||||||
|
.bgcolor-10{ background: #64448f; color: #fff;}/*Violet*/
|
||||||
|
.bgcolor-11{ background: #3755ad; color: #fff;}/*dark blue*/
|
||||||
|
.bgcolor-12{ background: #3498DB; color: #fff;}/*light blue*/
|
||||||
|
.bgcolor-20{ background: #494A5F;color: #D5D6E2;}
|
||||||
|
/* Header */
|
||||||
|
.htmleaf-header{
|
||||||
|
padding: 1em 190px 1em;
|
||||||
|
letter-spacing: -1px;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
.htmleaf-header h1 {
|
||||||
|
color: #fff;
|
||||||
|
font-weight: 600;
|
||||||
|
font-size: 2em;
|
||||||
|
line-height: 1;
|
||||||
|
margin-bottom: 0;
|
||||||
|
font-family: "Microsoft YaHei","宋体","Segoe UI", "Lucida Grande", Helvetica, Arial,sans-serif, FreeSans, Arimo;
|
||||||
|
}
|
||||||
|
.htmleaf-header h1 span {
|
||||||
|
font-family: "Microsoft YaHei","宋体","Segoe UI", "Lucida Grande", Helvetica, Arial,sans-serif, FreeSans, Arimo;
|
||||||
|
display: block;
|
||||||
|
font-size: 60%;
|
||||||
|
font-weight: 400;
|
||||||
|
padding: 0.8em 0 0.5em 0;
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
/*nav*/
|
||||||
|
.htmleaf-demo a{color: #fff;text-decoration: none;}
|
||||||
|
.htmleaf-demo{width: 100%;padding-bottom: 1.2em;}
|
||||||
|
.htmleaf-demo a{display: inline-block;margin: 0.5em;padding: 0.6em 1em;border: 3px solid #fff;font-weight: 700;}
|
||||||
|
.htmleaf-demo a:hover{opacity: 0.6;}
|
||||||
|
.htmleaf-demo a.current{background:#1d7db1;color: #fff; }
|
||||||
|
/* Top Navigation Style */
|
||||||
|
.htmleaf-links {
|
||||||
|
position: relative;
|
||||||
|
display: inline-block;
|
||||||
|
white-space: nowrap;
|
||||||
|
font-size: 1.5em;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.htmleaf-links::after {
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
left: 50%;
|
||||||
|
margin-left: -1px;
|
||||||
|
width: 2px;
|
||||||
|
height: 100%;
|
||||||
|
background: #dbdbdb;
|
||||||
|
content: '';
|
||||||
|
-webkit-transform: rotate3d(0,0,1,22.5deg);
|
||||||
|
transform: rotate3d(0,0,1,22.5deg);
|
||||||
|
}
|
||||||
|
|
||||||
|
.htmleaf-icon {
|
||||||
|
display: inline-block;
|
||||||
|
margin: 0.5em;
|
||||||
|
padding: 0em 0;
|
||||||
|
width: 1.5em;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.htmleaf-icon span {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.htmleaf-icon:before {
|
||||||
|
margin: 0 5px;
|
||||||
|
text-transform: none;
|
||||||
|
font-weight: normal;
|
||||||
|
font-style: normal;
|
||||||
|
font-variant: normal;
|
||||||
|
font-family: 'icomoon';
|
||||||
|
line-height: 1;
|
||||||
|
speak: none;
|
||||||
|
-webkit-font-smoothing: antialiased;
|
||||||
|
}
|
||||||
|
/* footer */
|
||||||
|
.htmleaf-footer{width: 100%;padding-top: 10px;}
|
||||||
|
.htmleaf-small{font-size: 0.8em;}
|
||||||
|
.center{text-align: center;}
|
||||||
|
/****/
|
||||||
|
.related {
|
||||||
|
color: #fff;
|
||||||
|
background: transparent;
|
||||||
|
text-align: center;
|
||||||
|
font-size: 1.25em;
|
||||||
|
padding: 0.5em 0;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
.related > a {
|
||||||
|
vertical-align: top;
|
||||||
|
width: calc(100% - 20px);
|
||||||
|
max-width: 340px;
|
||||||
|
display: inline-block;
|
||||||
|
text-align: center;
|
||||||
|
margin: 20px 10px;
|
||||||
|
padding: 25px;
|
||||||
|
font-family: "Microsoft YaHei","宋体","Segoe UI", "Lucida Grande", Helvetica, Arial,sans-serif, FreeSans, Arimo;
|
||||||
|
}
|
||||||
|
.related a {
|
||||||
|
display: inline-block;
|
||||||
|
text-align: left;
|
||||||
|
margin: 20px auto;
|
||||||
|
padding: 10px 20px;
|
||||||
|
opacity: 0.8;
|
||||||
|
-webkit-transition: opacity 0.3s;
|
||||||
|
transition: opacity 0.3s;
|
||||||
|
-webkit-backface-visibility: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
.related a:hover,
|
||||||
|
.related a:active {
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.related a img {
|
||||||
|
max-width: 100%;
|
||||||
|
opacity: 0.8;
|
||||||
|
border-radius: 4px;
|
||||||
|
}
|
||||||
|
.related a:hover img,
|
||||||
|
.related a:active img {
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
.related h3{font-family: "Microsoft YaHei", sans-serif;font-size: 1.2em}
|
||||||
|
.related a h3 {
|
||||||
|
font-size: 0.85em;
|
||||||
|
font-weight: 300;
|
||||||
|
margin-top: 0.15em;
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
/* icomoon */
|
||||||
|
.icon-htmleaf-home-outline:before {
|
||||||
|
content: "\e5000";
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon-htmleaf-arrow-forward-outline:before {
|
||||||
|
content: "\e5001";
|
||||||
|
}
|
||||||
|
|
||||||
|
@media screen and (max-width: 1024px) {
|
||||||
|
.htmleaf-header {
|
||||||
|
padding: 2em 10% 2em;
|
||||||
|
}
|
||||||
|
.htmleaf-header h1 {
|
||||||
|
font-size:1.4em;
|
||||||
|
}
|
||||||
|
.htmleaf-links{font-size: 1.4em}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media screen and (max-width: 960px) {
|
||||||
|
.htmleaf-header {
|
||||||
|
padding: 2em 10% 2em;
|
||||||
|
}
|
||||||
|
.htmleaf-header h1 {
|
||||||
|
font-size:1.2em;
|
||||||
|
}
|
||||||
|
.htmleaf-links{font-size: 1.2em}
|
||||||
|
.related h3{font-size: 1em;}
|
||||||
|
.related a h3 {
|
||||||
|
font-size: 0.8em;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media screen and (max-width: 766px) {
|
||||||
|
.htmleaf-header h1 {
|
||||||
|
font-size:1.3em;
|
||||||
|
}
|
||||||
|
.htmleaf-links{font-size: 1.3em}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media screen and (max-width: 640px) {
|
||||||
|
.htmleaf-header {
|
||||||
|
padding: 2em 10% 2em;
|
||||||
|
}
|
||||||
|
.htmleaf-header h1 {
|
||||||
|
font-size:1em;
|
||||||
|
}
|
||||||
|
.htmleaf-links{font-size: 1em}
|
||||||
|
.related h3{font-size: 0.8em;}
|
||||||
|
.related a h3 {
|
||||||
|
font-size: 0.6em;
|
||||||
|
}
|
||||||
|
}
|
||||||
1
css/normalize.css
vendored
Normal file
1
css/normalize.css
vendored
Normal file
@@ -0,0 +1 @@
|
|||||||
|
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block;}audio,canvas,video{display:inline-block;}audio:not([controls]){display:none;height:0;}[hidden]{display:none;}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}body{margin:0;}a:focus{outline:thin dotted;}a:active,a:hover{outline:0;}h1{font-size:2em;margin:0.67em 0;}abbr[title]{border-bottom:1px dotted;}b,strong{font-weight:bold;}dfn{font-style:italic;}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;}mark{background:#ff0;color:#000;}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em;}pre{white-space:pre-wrap;}q{quotes:"\201C" "\201D" "\2018" "\2019";}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sup{top:-0.5em;}sub{bottom:-0.25em;}img{border:0;}svg:not(:root){overflow:hidden;}figure{margin:0;}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em;}legend{border:0;padding:0;}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0;}button,input{line-height:normal;}button,select{text-transform:none;}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}button[disabled],html input[disabled]{cursor:default;}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}textarea{overflow:auto;vertical-align:top;}table{border-collapse:collapse;border-spacing:0;}
|
||||||
BIN
fonts/icomoon.eot
Normal file
BIN
fonts/icomoon.eot
Normal file
Binary file not shown.
12
fonts/icomoon.svg
Normal file
12
fonts/icomoon.svg
Normal file
@@ -0,0 +1,12 @@
|
|||||||
|
<?xml version="1.0" standalone="no"?>
|
||||||
|
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<metadata>Generated by IcoMoon</metadata>
|
||||||
|
<defs>
|
||||||
|
<font id="icomoon" horiz-adv-x="1024">
|
||||||
|
<font-face units-per-em="1024" ascent="960" descent="-64" />
|
||||||
|
<missing-glyph horiz-adv-x="1024" />
|
||||||
|
<glyph unicode=" " d="" horiz-adv-x="512" />
|
||||||
|
<glyph unicode="󥀀" d="M949.845 492.032c-144.64 121.771-407.296 348.629-409.899 350.933l-27.947 24.021-27.819-24.021c-2.645-2.261-265.429-229.035-412.16-351.915-18.688-16.811-29.355-40.32-29.355-64.384 0-47.104 38.229-85.333 85.333-85.333h42.667v-256c0-47.104 38.229-85.333 85.333-85.333h512c47.104 0 85.333 38.229 85.333 85.333v256h42.667c47.104 0 85.333 38.229 85.333 85.333 0 25.515-11.733 49.536-31.488 65.365zM597.333 85.334h-170.667v213.333h170.667v-213.333zM768 426.667l0.085-341.333c-0.085 0-128.085 0-128.085 0v256h-256v-256h-128v341.333h-128.043c117.973 98.645 312.107 265.685 384.043 327.68 71.936-61.995 265.984-228.992 384-327.723 0 0-128 0-128 0.043z" />
|
||||||
|
<glyph unicode="󥀁" d="M170.667 85.376c-4.096 0-8.149 0.64-12.203 1.792-18.091 5.376-30.464 22.016-30.464 40.875v42.667c0 204.8 144.256 378.197 341.333 417.963v72.704c0 22.784 8.875 44.203 24.96 60.331 32.256 32.299 88.533 32.256 120.704 0.043l268.288-264.661c8.149-8.021 12.715-18.901 12.715-30.379s-4.565-22.357-12.715-30.379l-268.501-264.832c-31.829-31.829-88.192-32.043-120.448 0.213-16.128 16.128-25.003 37.547-25.003 60.331v61.312c-106.453-8.576-192.981-42.027-262.997-148.651-8.107-12.288-21.547-19.328-35.669-19.328zM512 340.907c11.179 0 42.667 0.427 42.667 0.427v-149.291l237.909 234.667-237.909 234.496v-149.205c0 0-16.384 0.171-38.016-2.219-145.749-16.128-261.333-122.197-294.059-259.413 90.496 73.728 194.176 88.149 289.408 90.539z" />
|
||||||
|
</font></defs></svg>
|
||||||
|
After Width: | Height: | Size: 1.8 KiB |
BIN
fonts/icomoon.ttf
Normal file
BIN
fonts/icomoon.ttf
Normal file
Binary file not shown.
BIN
fonts/icomoon.woff
Normal file
BIN
fonts/icomoon.woff
Normal file
Binary file not shown.
331
index.bak.html
Normal file
331
index.bak.html
Normal file
@@ -0,0 +1,331 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="zh">
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title></title>
|
||||||
|
<link rel="stylesheet" type="text/css" href="css/normalize.css" />
|
||||||
|
<link rel="stylesheet" type="text/css" href="css/htmleaf-demo.css">
|
||||||
|
<style type="text/css">
|
||||||
|
.login-page {
|
||||||
|
width: 360px;
|
||||||
|
padding: 8% 0 0;
|
||||||
|
margin: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.form {
|
||||||
|
position: relative;
|
||||||
|
z-index: 1;
|
||||||
|
background: #FFFFFF;
|
||||||
|
max-width: 360px;
|
||||||
|
margin: 0 auto 100px;
|
||||||
|
padding: 45px;
|
||||||
|
text-align: center;
|
||||||
|
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
|
||||||
|
}
|
||||||
|
|
||||||
|
.form input {
|
||||||
|
font-family: "Roboto", sans-serif;
|
||||||
|
outline: 0;
|
||||||
|
background: #f2f2f2;
|
||||||
|
width: 100%;
|
||||||
|
border: 0;
|
||||||
|
margin: 0 0 15px;
|
||||||
|
padding: 15px;
|
||||||
|
box-sizing: border-box;
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.form button {
|
||||||
|
font-family: "Microsoft YaHei", "Roboto", sans-serif;
|
||||||
|
text-transform: uppercase;
|
||||||
|
outline: 0;
|
||||||
|
background: #4CAF50;
|
||||||
|
width: 100%;
|
||||||
|
border: 0;
|
||||||
|
padding: 15px;
|
||||||
|
color: #FFFFFF;
|
||||||
|
font-size: 14px;
|
||||||
|
-webkit-transition: all 0.3 ease;
|
||||||
|
transition: all 0.3 ease;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
.form button:hover,
|
||||||
|
.form button:active,
|
||||||
|
.form button:focus {
|
||||||
|
background: #43A047;
|
||||||
|
}
|
||||||
|
|
||||||
|
.form .message {
|
||||||
|
margin: 15px 0 0;
|
||||||
|
color: #b3b3b3;
|
||||||
|
font-size: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.form .message a {
|
||||||
|
color: #4CAF50;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.container {
|
||||||
|
position: relative;
|
||||||
|
z-index: 1;
|
||||||
|
max-width: 300px;
|
||||||
|
margin: 0 auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.container:before,
|
||||||
|
.container:after {
|
||||||
|
content: "";
|
||||||
|
display: block;
|
||||||
|
clear: both;
|
||||||
|
}
|
||||||
|
|
||||||
|
.container .info {
|
||||||
|
margin: 50px auto;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.container .info h1 {
|
||||||
|
margin: 0 0 15px;
|
||||||
|
padding: 0;
|
||||||
|
font-size: 36px;
|
||||||
|
font-weight: 300;
|
||||||
|
color: #1a1a1a;
|
||||||
|
}
|
||||||
|
|
||||||
|
.container .info span {
|
||||||
|
color: #4d4d4d;
|
||||||
|
font-size: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.container .info span a {
|
||||||
|
color: #000000;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.container .info span .fa {
|
||||||
|
color: #EF3B3A;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
background: #76b852;
|
||||||
|
/* fallback for old browsers */
|
||||||
|
background: -webkit-linear-gradient(right, #76b852, #8DC26F);
|
||||||
|
background: -moz-linear-gradient(right, #76b852, #8DC26F);
|
||||||
|
background: -o-linear-gradient(right, #76b852, #8DC26F);
|
||||||
|
background: linear-gradient(to left, #76b852, #8DC26F);
|
||||||
|
font-family: "Roboto", sans-serif;
|
||||||
|
-webkit-font-smoothing: antialiased;
|
||||||
|
-moz-osx-font-smoothing: grayscale;
|
||||||
|
}
|
||||||
|
|
||||||
|
.shake_effect {
|
||||||
|
-webkit-animation-name: shake;
|
||||||
|
animation-name: shake;
|
||||||
|
-webkit-animation-duration: 1s;
|
||||||
|
animation-duration: 1s;
|
||||||
|
}
|
||||||
|
|
||||||
|
p.center {
|
||||||
|
color: #fff;
|
||||||
|
font-family: "Microsoft YaHei";
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
<!--[if IE]>
|
||||||
|
<script src="http://libs.useso.com/js/html5shiv/3.7/html5shiv.min.js"></script> <![endif]-->
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<div class="htmleaf-container">
|
||||||
|
<div id="wrapper" class="login-page">
|
||||||
|
<h1 style="text-align: center;" id="tittle"></h1>
|
||||||
|
<div id="login_form" class="form">
|
||||||
|
<div class="register-form">
|
||||||
|
<input type="text" placeholder="手机号" id="user_name" />
|
||||||
|
<input type="text" style="width: 50%;" placeholder="验证码" id="code" /><button id="get_code_btn"
|
||||||
|
style="width: 50%;" onclick="get_code()">获取验证码</button>
|
||||||
|
<input type="text" placeholder="真实姓名" id="name" />
|
||||||
|
<input type="text" placeholder="身份证号" id="id_code" />
|
||||||
|
<button onclick="check_register()">创建账户</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div style="text-align: center;">
|
||||||
|
<h3 id="verify-info" style="display:none;text-align: center;">勿关闭此页面,请打开 支付宝 扫码进行认证,认证成功后请截图,严禁使用他人身份验证</h3>
|
||||||
|
<div id="qrcode_s" style="text-align: center;padding-left:calc(10vw);"></div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="form" style="padding: 0;margin-bottom: 2rem;">
|
||||||
|
<button style="background-color: white; color:#43A047;font-size: 20px;"
|
||||||
|
onclick="get_verify_res()">已扫脸请点击这里</button>
|
||||||
|
</div>
|
||||||
|
<div class="form" style="padding: 1rem;">
|
||||||
|
<a href="/upload.html" style="background-color: white; color:#43A047;font-size: 20px;">点击上传解开TX屏蔽</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<script>window.jQuery || document.write('<script src="js/jquery-2.1.1.min.js"><\/script>')</script>
|
||||||
|
<script type="text/javascript" src="https://lf9-cdn-tos.bytecdntp.com/cdn/expire-1-M/qrcodejs/1.0.0/qrcode.min.js"></script>
|
||||||
|
<script type="text/javascript">
|
||||||
|
|
||||||
|
var user = '';
|
||||||
|
|
||||||
|
function check_register() {
|
||||||
|
var phonereg = /^1[3-9][0-9]{9}$/;
|
||||||
|
var name = $("#user_name").val();
|
||||||
|
user = name;
|
||||||
|
var rean_name = $("#name").val();
|
||||||
|
var id_code = $("#id_code").val();
|
||||||
|
var agent_id = getUrlParam('agent_id');
|
||||||
|
|
||||||
|
if (!phonereg.test(name)) {
|
||||||
|
alert('请输入正确的手机号');
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
if (agent_id == null) {
|
||||||
|
alert('请输入为你提供的完整链接');
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
|
||||||
|
var data = { "LoginCode": name, "agent_id": agent_id, "Name": rean_name, "id_code": id_code, "code": $("#code").val() };
|
||||||
|
$.ajax({
|
||||||
|
type: 'POST',
|
||||||
|
url: 'https://php-api.juip.com/agent/Index/register',
|
||||||
|
dataType: "json",
|
||||||
|
contentType: "application/json;charset=utf-8",
|
||||||
|
data: JSON.stringify(data),
|
||||||
|
success: function (res) {
|
||||||
|
// if (res.Code == 0) {
|
||||||
|
// alert('验证码不正确');
|
||||||
|
// return;
|
||||||
|
// }
|
||||||
|
// if (res.Code == 20000) {
|
||||||
|
// alert('该账号或者手机号被注册了');
|
||||||
|
// return;
|
||||||
|
// }
|
||||||
|
// if (res.Code == 30000) {
|
||||||
|
// alert('该身份已经进行认证，无法再次进行认证！');
|
||||||
|
// return;
|
||||||
|
// }
|
||||||
|
if (res.Code == 10000) {
|
||||||
|
$('#wrapper').hide();
|
||||||
|
$('#verify-info').show();
|
||||||
|
new QRCode(document.getElementById("qrcode_s"), {
|
||||||
|
text: res.url,
|
||||||
|
width: 300,
|
||||||
|
height: 300
|
||||||
|
});
|
||||||
|
t1 = window.setInterval(get_verify_res, 1500);
|
||||||
|
|
||||||
|
} else {
|
||||||
|
var msg = "";
|
||||||
|
if (res.msg) {
|
||||||
|
msg = res.msg;
|
||||||
|
}
|
||||||
|
if (res.Message) {
|
||||||
|
msg = res.Message;
|
||||||
|
}
|
||||||
|
alert(msg);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
//获取url中的参数
|
||||||
|
function getUrlParam(name) {
|
||||||
|
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象
|
||||||
|
var r = window.location.search.substr(1).match(reg); //匹配目标参数
|
||||||
|
if (r != null) return unescape(r[2]); return null; //返回参数值
|
||||||
|
}
|
||||||
|
|
||||||
|
if (getUrlParam('agent_id') == 'MTAwMDM5') {
|
||||||
|
|
||||||
|
document.getElementsByTagName("title")[0].innerText = '环宇IP';
|
||||||
|
$("#tittle").html('环宇IP');
|
||||||
|
document.title = '环宇IP';
|
||||||
|
} else if (getUrlParam('agent_id') == 'MTAwMDQ5') {
|
||||||
|
$("#tittle").html('秒开云专线网络');
|
||||||
|
document.title = '秒开云专线网络';
|
||||||
|
} else {
|
||||||
|
|
||||||
|
document.getElementsByTagName("title")[0].innerText = '动态IP注册';
|
||||||
|
$("#tittle").html('动态IP');
|
||||||
|
}
|
||||||
|
|
||||||
|
function get_verify_res() {
|
||||||
|
var user_phone = $("#user_name").val();
|
||||||
|
if (user_phone.length < 11) {
|
||||||
|
alert('请在手机号栏输入刚注册的手机号！');
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
let data = {
|
||||||
|
cookie: document.cookie
|
||||||
|
}
|
||||||
|
$.ajax({
|
||||||
|
type: 'POST',
|
||||||
|
url: 'https://php-api.juip.com/agent/Index/aliGetResult?user=' + user_phone,
|
||||||
|
dataType: "json",
|
||||||
|
contentType: "application/json",
|
||||||
|
data: JSON.stringify(data),
|
||||||
|
beforeSend: function (xhr) {
|
||||||
|
xhr.withCredentials = true;
|
||||||
|
},
|
||||||
|
crossDomain: true,
|
||||||
|
success: function (res) {
|
||||||
|
if (res.Code == 10000) {
|
||||||
|
alert('实名成功');
|
||||||
|
clearInterval(t1);
|
||||||
|
} else {
|
||||||
|
console.log('实名失败');
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
function get_code() {
|
||||||
|
var user_phone = $("#user_name").val();
|
||||||
|
if (user_phone.length < 11) {
|
||||||
|
alert('请输入手机号！');
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
var data = { 'phone': user_phone };
|
||||||
|
var time = 60;
|
||||||
|
$("#get_code_btn").attr("disabled", "disabled");
|
||||||
|
|
||||||
|
$("#get_code_btn").html(time);
|
||||||
|
var timer = setInterval(() => {
|
||||||
|
time--
|
||||||
|
$("#get_code_btn").html(time + '秒后重新获取');
|
||||||
|
if (time === 0) {
|
||||||
|
clearInterval(timer)
|
||||||
|
$("#get_code_btn").removeAttr("disabled");
|
||||||
|
$("#get_code_btn").html('获取验证码');
|
||||||
|
time = 60;
|
||||||
|
}
|
||||||
|
}, 1000);
|
||||||
|
$.ajax({
|
||||||
|
type: 'POST',
|
||||||
|
url: 'https://php-api.juip.com/agent/Index/getCode',
|
||||||
|
dataType: "json",
|
||||||
|
contentType: "application/json",
|
||||||
|
data: JSON.stringify(data),
|
||||||
|
beforeSend: function (xhr) {
|
||||||
|
xhr.withCredentials = true;
|
||||||
|
},
|
||||||
|
crossDomain: true,
|
||||||
|
success: function (res) {
|
||||||
|
if (res.code != 1) {
|
||||||
|
alert(res.msg);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
</script>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
356
index.html
Normal file
356
index.html
Normal file
@@ -0,0 +1,356 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="zh">
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title></title>
|
||||||
|
<link rel="stylesheet" type="text/css" href="css/normalize.css" />
|
||||||
|
<link rel="stylesheet" type="text/css" href="css/htmleaf-demo.css">
|
||||||
|
<style type="text/css">
|
||||||
|
.login-page {
|
||||||
|
width: 360px;
|
||||||
|
padding: 8% 0 0;
|
||||||
|
margin: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.form {
|
||||||
|
position: relative;
|
||||||
|
z-index: 1;
|
||||||
|
background: #FFFFFF;
|
||||||
|
max-width: 360px;
|
||||||
|
margin: 0 auto 100px;
|
||||||
|
padding: 45px;
|
||||||
|
text-align: center;
|
||||||
|
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
|
||||||
|
}
|
||||||
|
|
||||||
|
.form input {
|
||||||
|
font-family: "Roboto", sans-serif;
|
||||||
|
outline: 0;
|
||||||
|
background: #f2f2f2;
|
||||||
|
width: 100%;
|
||||||
|
border: 0;
|
||||||
|
margin: 0 0 15px;
|
||||||
|
padding: 15px;
|
||||||
|
box-sizing: border-box;
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.form button {
|
||||||
|
font-family: "Microsoft YaHei", "Roboto", sans-serif;
|
||||||
|
text-transform: uppercase;
|
||||||
|
outline: 0;
|
||||||
|
background: #4CAF50;
|
||||||
|
width: 100%;
|
||||||
|
border: 0;
|
||||||
|
padding: 15px;
|
||||||
|
color: #FFFFFF;
|
||||||
|
font-size: 14px;
|
||||||
|
-webkit-transition: all 0.3 ease;
|
||||||
|
transition: all 0.3 ease;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
.form button:hover,
|
||||||
|
.form button:active,
|
||||||
|
.form button:focus {
|
||||||
|
background: #43A047;
|
||||||
|
}
|
||||||
|
|
||||||
|
.form .message {
|
||||||
|
margin: 15px 0 0;
|
||||||
|
color: #b3b3b3;
|
||||||
|
font-size: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.form .message a {
|
||||||
|
color: #4CAF50;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.container {
|
||||||
|
position: relative;
|
||||||
|
z-index: 1;
|
||||||
|
max-width: 300px;
|
||||||
|
margin: 0 auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.container:before,
|
||||||
|
.container:after {
|
||||||
|
content: "";
|
||||||
|
display: block;
|
||||||
|
clear: both;
|
||||||
|
}
|
||||||
|
|
||||||
|
.container .info {
|
||||||
|
margin: 50px auto;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.container .info h1 {
|
||||||
|
margin: 0 0 15px;
|
||||||
|
padding: 0;
|
||||||
|
font-size: 36px;
|
||||||
|
font-weight: 300;
|
||||||
|
color: #1a1a1a;
|
||||||
|
}
|
||||||
|
|
||||||
|
.container .info span {
|
||||||
|
color: #4d4d4d;
|
||||||
|
font-size: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.container .info span a {
|
||||||
|
color: #000000;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.container .info span .fa {
|
||||||
|
color: #EF3B3A;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
background: #76b852;
|
||||||
|
/* fallback for old browsers */
|
||||||
|
background: -webkit-linear-gradient(right, #76b852, #8DC26F);
|
||||||
|
background: -moz-linear-gradient(right, #76b852, #8DC26F);
|
||||||
|
background: -o-linear-gradient(right, #76b852, #8DC26F);
|
||||||
|
background: linear-gradient(to left, #76b852, #8DC26F);
|
||||||
|
font-family: "Roboto", sans-serif;
|
||||||
|
-webkit-font-smoothing: antialiased;
|
||||||
|
-moz-osx-font-smoothing: grayscale;
|
||||||
|
}
|
||||||
|
|
||||||
|
.shake_effect {
|
||||||
|
-webkit-animation-name: shake;
|
||||||
|
animation-name: shake;
|
||||||
|
-webkit-animation-duration: 1s;
|
||||||
|
animation-duration: 1s;
|
||||||
|
}
|
||||||
|
|
||||||
|
p.center {
|
||||||
|
color: #fff;
|
||||||
|
font-family: "Microsoft YaHei";
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
<!--[if IE]>
|
||||||
|
<script src="http://libs.useso.com/js/html5shiv/3.7/html5shiv.min.js"></script> <![endif]-->
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<div class="htmleaf-container">
|
||||||
|
<div id="wrapper" class="login-page">
|
||||||
|
<h1 style="text-align: center;" id="tittle"></h1>
|
||||||
|
<div id="login_form" class="form">
|
||||||
|
<div class="register-form">
|
||||||
|
<input type="text" placeholder="手机号" id="user_name" />
|
||||||
|
<input type="text" style="width: 50%;" placeholder="验证码" id="code" /><button id="get_code_btn"
|
||||||
|
style="width: 50%;" onclick="get_code()">获取验证码</button>
|
||||||
|
<input type="text" placeholder="真实姓名" id="name" />
|
||||||
|
<input type="text" placeholder="身份证号" id="id_code" />
|
||||||
|
<button onclick="check_register()">创建账户</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div style="text-align: center;">
|
||||||
|
<h3 id="verify-info" style="display:none;text-align: center;">勿关闭此页面,请打开 微信 扫码进行认证,认证成功后请截图,严禁使用他人身份验证</h3>
|
||||||
|
<div id="qrcode_s" style="text-align: center;padding-left:calc(10vw);"></div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="xiaowei" class="form" style="padding: 0;margin-bottom: 2rem;">
|
||||||
|
<button style="background-color: white; color:#43A047;font-size: 20px;"
|
||||||
|
onclick="get_verify_res()">已扫脸请点击这里</button>
|
||||||
|
</div>
|
||||||
|
<div class="form" style="padding: 1rem;">
|
||||||
|
<a href="/upload.html" style="background-color: white; color:#43A047;font-size: 20px;">点击上传解开TX屏蔽</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<script>window.jQuery || document.write('<script src="js/jquery-2.1.1.min.js"><\/script>')</script>
|
||||||
|
<script type="text/javascript" src="https://lf9-cdn-tos.bytecdntp.com/cdn/expire-1-M/qrcodejs/1.0.0/qrcode.min.js"></script>
|
||||||
|
<script type="text/javascript">
|
||||||
|
$("#xiaowei").hide();
|
||||||
|
|
||||||
|
var agent_id_verify = getUrlParam('agent_id');
|
||||||
|
|
||||||
|
if (agent_id_verify == null) {
|
||||||
|
alert('请输入为你提供的完整链接');
|
||||||
|
}
|
||||||
|
if (isBase64(agent_id_verify)) {
|
||||||
|
var verify_id = atob(agent_id_verify);
|
||||||
|
if (verify_id<100000) {
|
||||||
|
alert('请输入为你提供的完整链接');
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
alert('请输入为你提供的完整链接');
|
||||||
|
}
|
||||||
|
|
||||||
|
function isBase64(str) {
|
||||||
|
try {
|
||||||
|
return btoa(atob(str)) === str;
|
||||||
|
} catch (err) {
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
var user = '';
|
||||||
|
|
||||||
|
function check_register() {
|
||||||
|
var phonereg = /^1[3-9][0-9]{9}$/;
|
||||||
|
var name = $("#user_name").val();
|
||||||
|
user = name;
|
||||||
|
var rean_name = $("#name").val();
|
||||||
|
var id_code = $("#id_code").val();
|
||||||
|
var agent_id = getUrlParam('agent_id');
|
||||||
|
|
||||||
|
if (!phonereg.test(name)) {
|
||||||
|
alert('请输入正确的手机号');
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
if (agent_id == null) {
|
||||||
|
alert('请输入为你提供的完整链接');
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
|
||||||
|
var data = { "LoginCode": name, "agent_id": agent_id, "Name": rean_name, "id_code": id_code, "code": $("#code").val() };
|
||||||
|
$.ajax({
|
||||||
|
type: 'POST',
|
||||||
|
url: 'https://php-api.juip.com/agent/Index/register',
|
||||||
|
dataType: "json",
|
||||||
|
contentType: "application/json;charset=utf-8",
|
||||||
|
data: JSON.stringify(data),
|
||||||
|
success: function (res) {
|
||||||
|
if (res.Code == 10000) {
|
||||||
|
if(/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)) {
|
||||||
|
window.location.href=res.url;
|
||||||
|
} else {
|
||||||
|
$('#wrapper').hide();
|
||||||
|
$('#verify-info').show();
|
||||||
|
new QRCode(document.getElementById("qrcode_s"), {
|
||||||
|
text: res.url,
|
||||||
|
width: 300,
|
||||||
|
height: 300
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
} else {
|
||||||
|
var msg = "";
|
||||||
|
if (res.msg) {
|
||||||
|
msg = res.msg;
|
||||||
|
}
|
||||||
|
if (res.Message) {
|
||||||
|
msg = res.Message;
|
||||||
|
}
|
||||||
|
alert(msg);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
//获取url中的参数
|
||||||
|
function getUrlParam(name) {
|
||||||
|
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象
|
||||||
|
var r = window.location.search.substr(1).match(reg); //匹配目标参数
|
||||||
|
if (r != null) return unescape(r[2]); return null; //返回参数值
|
||||||
|
}
|
||||||
|
|
||||||
|
if (getUrlParam('agent_id') == 'MTAwMDM5') {
|
||||||
|
|
||||||
|
document.getElementsByTagName("title")[0].innerText = '环宇IP';
|
||||||
|
$("#tittle").html('环宇IP');
|
||||||
|
document.title = '环宇IP';
|
||||||
|
} else if (getUrlParam('agent_id') == 'MTAwMDQ5') {
|
||||||
|
$("#tittle").html('秒开云专线网络');
|
||||||
|
document.title = '秒开云专线网络';
|
||||||
|
} else if (getUrlParam('agent_id') == 'MTAwMDkw') {
|
||||||
|
$("#tittle").html('百道加速');
|
||||||
|
document.title = '百道加速';
|
||||||
|
} else if (getUrlParam('agent_id') == 'MTAwMDk2') {
|
||||||
|
$("#tittle").html('林北极速动静态IP');
|
||||||
|
document.title = '林北极速动静态IP';
|
||||||
|
} else if (getUrlParam('agent_id') == 'MTAwMDY2') {
|
||||||
|
$("#xiaowei").show();
|
||||||
|
document.getElementsByTagName("title")[0].innerText = '动态IP注册';
|
||||||
|
$("#tittle").html('动态IP');
|
||||||
|
setInterval(() => {
|
||||||
|
get_verify_res();
|
||||||
|
}, 5000);
|
||||||
|
|
||||||
|
} else {
|
||||||
|
|
||||||
|
document.getElementsByTagName("title")[0].innerText = '动态IP注册';
|
||||||
|
$("#tittle").html('动态IP');
|
||||||
|
}
|
||||||
|
|
||||||
|
function get_verify_res() {
|
||||||
|
var user_phone = $("#user_name").val();
|
||||||
|
if (user_phone.length < 11) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
let data = {
|
||||||
|
cookie: document.cookie
|
||||||
|
}
|
||||||
|
$.ajax({
|
||||||
|
type: 'POST',
|
||||||
|
url: 'https://php-api.juip.com/agent/Index/getisverify?user=' + user_phone,
|
||||||
|
dataType: "json",
|
||||||
|
contentType: "application/json",
|
||||||
|
data: JSON.stringify(data),
|
||||||
|
beforeSend: function (xhr) {
|
||||||
|
xhr.withCredentials = true;
|
||||||
|
},
|
||||||
|
crossDomain: true,
|
||||||
|
success: function (res) {
|
||||||
|
if (res.Code == 10000) {
|
||||||
|
window.location.href = 'https://www.juip.com/User/WebLogin';
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
function get_code() {
|
||||||
|
var user_phone = $("#user_name").val();
|
||||||
|
if (user_phone.length < 11) {
|
||||||
|
alert('请输入手机号！');
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
var data = { 'phone': user_phone };
|
||||||
|
var time = 60;
|
||||||
|
$("#get_code_btn").attr("disabled", "disabled");
|
||||||
|
|
||||||
|
$("#get_code_btn").html(time);
|
||||||
|
var timer = setInterval(() => {
|
||||||
|
time--
|
||||||
|
$("#get_code_btn").html(time + '秒后重新获取');
|
||||||
|
if (time === 0) {
|
||||||
|
clearInterval(timer)
|
||||||
|
$("#get_code_btn").removeAttr("disabled");
|
||||||
|
$("#get_code_btn").html('获取验证码');
|
||||||
|
time = 60;
|
||||||
|
}
|
||||||
|
}, 1000);
|
||||||
|
$.ajax({
|
||||||
|
type: 'POST',
|
||||||
|
url: 'https://php-api.juip.com/agent/Index/getCode',
|
||||||
|
dataType: "json",
|
||||||
|
contentType: "application/json",
|
||||||
|
data: JSON.stringify(data),
|
||||||
|
beforeSend: function (xhr) {
|
||||||
|
xhr.withCredentials = true;
|
||||||
|
},
|
||||||
|
crossDomain: true,
|
||||||
|
success: function (res) {
|
||||||
|
if (res.code != 1) {
|
||||||
|
alert(res.msg);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
</script>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
|
|
||||||
5
js/jquery-2.1.1.min.js
vendored
Normal file
5
js/jquery-2.1.1.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
BIN
related/1.jpg
Normal file
BIN
related/1.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 26 KiB |
BIN
related/2.jpg
Normal file
BIN
related/2.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 29 KiB |
153
upload.html
Normal file
153
upload.html
Normal file
@@ -0,0 +1,153 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="zh">
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>上传</title>
|
||||||
|
<!-- 新 Bootstrap 核心 CSS 文件 -->
|
||||||
|
<link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/5.3.1/css/bootstrap.min.css" rel="stylesheet">
|
||||||
|
|
||||||
|
<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
|
||||||
|
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.7.1/jquery.js"></script>
|
||||||
|
|
||||||
|
<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
|
||||||
|
<script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/5.3.1/js/bootstrap.min.js"></script>
|
||||||
|
<script src="https://cdn.bootcdn.net/ajax/libs/vue/2.2.0/vue.min.js"></script>
|
||||||
|
|
||||||
|
<style>
|
||||||
|
body {
|
||||||
|
background: #76b852;
|
||||||
|
}
|
||||||
|
|
||||||
|
p {
|
||||||
|
text-indent:2em;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<div id="upload" style="padding: 2rem;">
|
||||||
|
<h3>使用协议</h3>
|
||||||
|
<p>您可通过以下要求勾选同意网络安全协议书后联系客服审核，然后解除微信QQ等屏蔽，新增的账号不会自动解除，记得联系客服哦</p>
|
||||||
|
<form enctype="multipart/form-data">
|
||||||
|
<div class="form-group">
|
||||||
|
<label for="name">描详细述业务用途<span class="glyphicon glyphicon-asterisk" style="color:red;"></span>：</label>
|
||||||
|
<input type="text" v-model="describe" class="form-control" id="name" placeholder="请描述业务用途">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="form-group">
|
||||||
|
<label for="username">注册时手机号<span class="glyphicon glyphicon-asterisk" style="color:red;"></span>：</label>
|
||||||
|
<input type="text" v-model="username" class="form-control" id="username" placeholder="请输入注册时手机号">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="form-group">
|
||||||
|
<label for="xieyi">上传手持身份证<span class="glyphicon glyphicon-asterisk" style="color:red;"></span>：</label>
|
||||||
|
<input type="file" id="xieyi" name="xieyi" accept="image/*"><br>手持身份证的半身照片
|
||||||
|
</div>
|
||||||
|
<br>
|
||||||
|
<div class="form-group">
|
||||||
|
<label for="name">网络安全协议书<span class="glyphicon glyphicon-asterisk" style="color:red;"></span>：</label>
|
||||||
|
<div style="background-color: white;padding: 1rem;">
|
||||||
|
<h1 class="text-center">网络信息安全承诺书</h1>
|
||||||
|
<p>本单位(包含个人)郑重承诺遵守本承诺书的有关条款，如有违反本承诺书有关条款的行为，本单位(包含个人)承担由此带来的一切民事、行政和刑事责任。</p>
|
||||||
|
<p>一、本单位(包含个人)承诺遵守《中华人民共和国计算机信息系统安全保护条例》和《计算机信息网络国际联网安全保护管理办法》及有关法律、法规和行政规章制度、文件规定。</p>
|
||||||
|
<p>二、本单位(包含个人)保证不利用网络危害国家安全、泄露国家秘密，不侵犯国家的、社会的、集体的利益和第三方的合法权益，不从事违法犯罪活动。</p>
|
||||||
|
<p>三、本单位(包含个人)承诺严格按照国家相关法律法规做好本单位(包含个人)网站的信息安全管理工作，按政府有关部门要求设立信息安全责任人和信息安全审查员，信息安全责任人和信息安全审查员应在通过公安机关的安全技术培训后，持证上岗。</p>
|
||||||
|
<p>四、本单位(包含个人)承诺健全各项网络安全管理制度和落实各项安全保护技术措施。</p>
|
||||||
|
<p>五、本单位(包含个人)承诺接受公安机关的监督和检查,如实主动提供有关安全保护的信息、资料及数据文件，积极协助查处通过国际联网的计算机信息网络违法犯罪行为。</p>
|
||||||
|
<p>六、本单位(包含个人)承诺不通过互联网制作、复制、查阅和传播下列信息：</p>
|
||||||
|
<p style="text-indent:4em;">1、反对宪法所确定的基本原则的。</p>
|
||||||
|
<p style="text-indent:4em;">2、危害国家安全，泄露国家秘密，颠覆国家政权，破坏国家统一的。</p>
|
||||||
|
<p style="text-indent:4em;">3、损害国家荣誉和利益的。</p>
|
||||||
|
<p style="text-indent:4em;">4、煽动民族仇恨、民族歧视，破坏民族团结的。</p>
|
||||||
|
<p style="text-indent:4em;">5、破坏国家宗教政策，宣扬邪教和封建迷信的。</p>
|
||||||
|
<p style="text-indent:4em;">6、散布谣言，扰乱社会秩序，破坏社会稳定的。</p>
|
||||||
|
<p style="text-indent:4em;">7、散布淫秽、色情、赌博、暴力、凶杀、恐怖或者教唆犯罪的。</p>
|
||||||
|
<p style="text-indent:4em;">8、侮辱或者诽谤他人，侵害他人合法权益的。</p>
|
||||||
|
<p style="text-indent:4em;">9、含有法律法规禁止的其他内容的。</p>
|
||||||
|
<p>七、本单位(包含个人)承诺不从事任何危害计算机信息网络安全的活动，包括但不限于：</p>
|
||||||
|
<p style="text-indent:4em;">1、未经允许，进入计算机信息网络或者使用计算机信息网络资源的。</p>
|
||||||
|
<p style="text-indent:4em;">2、未经允许，对计算机信息网络功能进行删除、修改或者增加的。</p>
|
||||||
|
<p style="text-indent:4em;">3、未经允许，对计算机信息网络中存储或者传输的数据和应用程序进行删除、修改或者增加的。</p>
|
||||||
|
<p style="text-indent:4em;">4、故意制作、传播计算机病毒等破坏性程序的。</p>
|
||||||
|
<p style="text-indent:4em;">5、其他危害计算机信息网络安全的。</p>
|
||||||
|
<p>八、本单位(包含个人)承诺，当计算机信息系统发生重大安全事故时，立即采取应急措施，保留有关原始记录，并在24小时内向政府监管部门报告，并书面知会贵单位(包含个人)。</p>
|
||||||
|
<p>九、本单位(包含个人)承诺，若本单位(包含个人)租用的拨号账号出现违规违法行为导致贵单位(指华连网络科技有限公司)被处罚的，造成的直接损失由本单位(包含个人)赔偿。</p>
|
||||||
|
<p>十、若违反本承诺书有关条款和国家相关法律法规的，本单位(包含个人)直接承担相应法律责任，造成财产损失的，由本单位(包含个人)直接赔偿。同时，贵单位(指华连网络科技有限公司)有权暂停直至解除双方合作合同。</p>
|
||||||
|
<p>十一、本承诺书自勾选确认之日起生效并遵行。</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="form-group" style="padding:1rem 0">
|
||||||
|
<input id="agree" v-model="status" type="checkbox">
|
||||||
|
<label for="agree">阅读、并同意签署以上网络信息安全承诺书</label>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-md-1">
|
||||||
|
<button style="padding:0.5rem; background:white;width: 7rem;" v-on:click="upload_file()" class="btn btn-new ">提交</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<script>
|
||||||
|
var vm = new Vue({
|
||||||
|
el:'#upload',
|
||||||
|
data:{
|
||||||
|
describe:'',
|
||||||
|
status:false,
|
||||||
|
username:'',
|
||||||
|
},
|
||||||
|
created:function(){
|
||||||
|
|
||||||
|
},
|
||||||
|
methods:{
|
||||||
|
upload_file() {
|
||||||
|
var xieyi = document.getElementById("xieyi").files[0];
|
||||||
|
if(!this.status) {
|
||||||
|
alert("请勾选同意协议！");
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
if (this.describe.length < 2) {
|
||||||
|
alert("业务描述必须填写！");
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
if (this.username.length < 2) {
|
||||||
|
alert("手机号必须填写！");
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
if (!xieyi) {
|
||||||
|
alert("手持身份证必须上传！");
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
var form_data = new FormData();
|
||||||
|
form_data.append('cookie',document.cookie);
|
||||||
|
form_data.append('describe',this.describe);
|
||||||
|
form_data.append('username',this.username);
|
||||||
|
form_data.append('status',this.status);
|
||||||
|
form_data.append('xieyi',xieyi);
|
||||||
|
|
||||||
|
$.ajax({
|
||||||
|
type: 'POST',
|
||||||
|
url: 'https://php-api.juip.com/agent/Index/upload',
|
||||||
|
dataType: "json",
|
||||||
|
async:false,
|
||||||
|
contentType:false,//如果请求参数是FormData 必须设置 contentType请求头为false
|
||||||
|
processData:false,//如果请求参数是FormData 必须设置 processData请求头为false
|
||||||
|
data: form_data,
|
||||||
|
beforeSend: function(xhr) {
|
||||||
|
xhr.withCredentials = true;
|
||||||
|
},
|
||||||
|
crossDomain: true,
|
||||||
|
success: function (res) {
|
||||||
|
alert(res.msg);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
Reference in New Issue
Block a user