diff --git a/fonts/iconfont.css b/fonts/iconfont.css new file mode 100644 index 0000000000000000000000000000000000000000..20bafa4a4cb60c9810a3cd5be9d9df577fc3e7ce --- /dev/null +++ b/fonts/iconfont.css @@ -0,0 +1,39 @@ +@font-face { + font-family: "iconfont"; /* Project id 2888085 */ + src: url('iconfont.woff2?t=1634976719532') format('woff2'), + url('iconfont.woff?t=1634976719532') format('woff'), + url('iconfont.ttf?t=1634976719532') format('truetype'); +} + +.iconfont { + font-family: "iconfont" !important; + font-size: 16px; + font-style: normal; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +.icon-dengpao:before { + content: "\e630"; +} + +.icon-chaxun:before { + content: "\ec4c"; +} + +.icon-ren-copy:before { + content: "\e63a"; +} + +.icon-24gl-unlock2:before { + content: "\e9d6"; +} + +.icon-lock:before { + content: "\e676"; +} + +.icon-navigation:before { + content: "\e67a"; +} + diff --git a/fonts/iconfont.js b/fonts/iconfont.js new file mode 100644 index 0000000000000000000000000000000000000000..4bc8d1026ef87c8169f3a29a53f98df6149aaeab --- /dev/null +++ b/fonts/iconfont.js @@ -0,0 +1 @@ +!function(t){var e,c,n,o,a,i='',l=(l=document.getElementsByTagName("script"))[l.length-1].getAttribute("data-injectcss"),s=function(t,e){e.parentNode.insertBefore(t,e)};if(l&&!t.__iconfont__svg__cssinject__){t.__iconfont__svg__cssinject__=!0;try{document.write("")}catch(t){console&&console.log(t)}}function d(){a||(a=!0,n())}function h(){try{o.documentElement.doScroll("left")}catch(t){return void setTimeout(h,50)}d()}e=function(){var t,e;(e=document.createElement("div")).innerHTML=i,i=null,(t=e.getElementsByTagName("svg")[0])&&(t.setAttribute("aria-hidden","true"),t.style.position="absolute",t.style.width=0,t.style.height=0,t.style.overflow="hidden",e=t,(t=document.body).firstChild?s(e,t.firstChild):t.appendChild(e))},document.addEventListener?~["complete","loaded","interactive"].indexOf(document.readyState)?setTimeout(e,0):(c=function(){document.removeEventListener("DOMContentLoaded",c,!1),e()},document.addEventListener("DOMContentLoaded",c,!1)):document.attachEvent&&(n=e,o=t.document,a=!1,h(),o.onreadystatechange=function(){"complete"==o.readyState&&(o.onreadystatechange=null,d())})}(window); \ No newline at end of file diff --git a/fonts/iconfont.json b/fonts/iconfont.json new file mode 100644 index 0000000000000000000000000000000000000000..a1a94d9b7202ce860e874c76a050727774f74730 --- /dev/null +++ b/fonts/iconfont.json @@ -0,0 +1,51 @@ +{ + "id": "2888085", + "name": "icon", + "font_family": "iconfont", + "css_prefix_text": "icon-", + "description": "", + "glyphs": [ + { + "icon_id": "648799", + "name": "灯泡", + "font_class": "dengpao", + "unicode": "e630", + "unicode_decimal": 58928 + }, + { + "icon_id": "5961297", + "name": "查询", + "font_class": "chaxun", + "unicode": "ec4c", + "unicode_decimal": 60492 + }, + { + "icon_id": "6193817", + "name": "人", + "font_class": "ren-copy", + "unicode": "e63a", + "unicode_decimal": 58938 + }, + { + "icon_id": "7577420", + "name": "24gl-unlock2", + "font_class": "24gl-unlock2", + "unicode": "e9d6", + "unicode_decimal": 59862 + }, + { + "icon_id": "15838497", + "name": "lock", + "font_class": "lock", + "unicode": "e676", + "unicode_decimal": 58998 + }, + { + "icon_id": "15838515", + "name": "navigation", + "font_class": "navigation", + "unicode": "e67a", + "unicode_decimal": 59002 + } + ] +} diff --git a/fonts/iconfont.ttf b/fonts/iconfont.ttf new file mode 100644 index 0000000000000000000000000000000000000000..d71d08a3eb73c1fe28f7e82fd7bd221e50ba9260 Binary files /dev/null and b/fonts/iconfont.ttf differ diff --git a/fonts/iconfont.woff b/fonts/iconfont.woff new file mode 100644 index 0000000000000000000000000000000000000000..16fffe84fe171b87691f01fe6b32f287252234df Binary files /dev/null and b/fonts/iconfont.woff differ diff --git a/fonts/iconfont.woff2 b/fonts/iconfont.woff2 new file mode 100644 index 0000000000000000000000000000000000000000..d3ce5e05374fb361469b00d3e1228dec815c6db3 Binary files /dev/null and b/fonts/iconfont.woff2 differ diff --git a/imgs/360-icon.png b/imgs/360-icon.png new file mode 100644 index 0000000000000000000000000000000000000000..bb0819cd7b3a5bc3612d54c16ff6a69fd05af058 Binary files /dev/null and b/imgs/360-icon.png differ diff --git a/imgs/bg.jpg b/imgs/bg.jpg new file mode 100644 index 0000000000000000000000000000000000000000..dad94d788fc97da581116b4bc533dcfc5c2a044f Binary files /dev/null and b/imgs/bg.jpg differ diff --git a/imgs/chrome-icon.png b/imgs/chrome-icon.png new file mode 100644 index 0000000000000000000000000000000000000000..16c595d203116c2ec236d12495c5e8c79e85bc08 Binary files /dev/null and b/imgs/chrome-icon.png differ diff --git a/imgs/firefox-icon.png b/imgs/firefox-icon.png new file mode 100644 index 0000000000000000000000000000000000000000..58d0bb4f7f3703281055fd771f4d3cda10c42f57 Binary files /dev/null and b/imgs/firefox-icon.png differ diff --git a/imgs/ie-icon.png b/imgs/ie-icon.png new file mode 100644 index 0000000000000000000000000000000000000000..68c95632fca4fac0fc312bbd929ad6fe2d271ed8 Binary files /dev/null and b/imgs/ie-icon.png differ diff --git a/imgs/logo.png b/imgs/logo.png new file mode 100644 index 0000000000000000000000000000000000000000..277935c1e3830da6a99a33b03f7b00730851e588 Binary files /dev/null and b/imgs/logo.png differ diff --git a/imgs/qq.png b/imgs/qq.png new file mode 100644 index 0000000000000000000000000000000000000000..b7e94f764c9ed7611f219dc313b5bf840d81d4af Binary files /dev/null and b/imgs/qq.png differ diff --git a/imgs/sogou-icon.png b/imgs/sogou-icon.png new file mode 100644 index 0000000000000000000000000000000000000000..86aff8627969f3a44e3dfe9cbc19b4b350ab6875 Binary files /dev/null and b/imgs/sogou-icon.png differ diff --git a/imgs/top-bg.png b/imgs/top-bg.png new file mode 100644 index 0000000000000000000000000000000000000000..e504decda6ec129e962c8495adada289c52cbbe6 Binary files /dev/null and b/imgs/top-bg.png differ diff --git a/imgs/wechat.png b/imgs/wechat.png new file mode 100644 index 0000000000000000000000000000000000000000..32ba70bbc3e47efc9da4244b0ac53e23f7996d02 Binary files /dev/null and b/imgs/wechat.png differ diff --git a/login.css b/login.css new file mode 100644 index 0000000000000000000000000000000000000000..acfb70091490641c980687d8c7abbe054775874e --- /dev/null +++ b/login.css @@ -0,0 +1,203 @@ +body { + background-color: rgb(255, 255, 255); + font-family: "微软雅黑"; + line-height: 25px; + display: block; + margin: 0; +} + +#content { + position: relative; + max-width: 1920px; + width: 100%; + margin: auto; + overflow: hidden; + /* 超出隐藏 */ +} + +.top-bg { + width: 100%; + position: absolute; + background-image: url(imgs/top-bg.png); + height: 480px; +} + +.top { + display: block; + width: 100%; + margin: 50px 50px 32px; +} + +.top img { + position: relative; + top: 7px; +} + +.middle { + height: 480px; + width: 100%; + position: relative; + background: url(imgs/bg.jpg) left center no-repeat; +} + +.card { + width: 300px; + height: 370px; + position: absolute; + right: 50px; + top: 50px; + background-color: rgba(255, 255, 255, 0.87); +} + +.nav ul { + height: 41px; + width: 300px; + padding-inline-start: 0; + margin: 0; +} + +.nav ul li { + list-style: none; + float: left; + margin: 0px 20px; + display: inline; + height: 39px; + line-height: 40px; + font-size: 14px; + color: #666666; +} + +.nav ul li:hover { + cursor: pointer; +} + +.nav ul li.act { + border-bottom: 2px solid rgb(51, 148, 225); + color: rgb(51, 148, 225); +} + +.login-input { + height: 235px; + width: 300px; + display: block; + float: top; + border-top: 1px solid rgba(0, 0, 0, .2); +} + +.login-input .item div.account { + width: 250px; + height: 40px; + margin: 15px 10px; + position: relative; +} + +.login-input .item div.account input { + background-color: rgb(232, 240, 254); + width: 100%; + height: 100%; + border-radius: 20px; + padding-left: 30px; + outline: none; + border: none; +} + +.login-input .item div input:focus { + outline: medium; + border: 1px solid rgb(51, 148, 225); +} + +.item div i { + position: absolute; + width: 15px; + top: 5px; + left: 5px; + height: 100%; + color: #808388; + text-align: center; + font-size: 25px; +} + +.check { + width: 250px; + height: 32px; + margin: 15px 30px; +} + +.rememberMe { + width: 30px; + color: rgb(96, 98, 102); +} + +.rememberMe:hover { + cursor: pointer; +} + +.forgetPassword { + width: 80px; + float: right; +} + +.forgetPassword a { + text-decoration: none; + color: rgb(35, 103, 177); +} + +.login-button { + width: 250px; + height: 40px; + margin: 15px 30px; +} + +.login-button button { + background-color: rgb(35, 103, 177); + border: none; + padding: 9px 15px; + color: white; + font-size: 16px; + width: 100%; + height: 40px; + border-radius: 20px; +} + +.login-button button:hover { + cursor: pointer; + background-color: rgb(18, 73, 131); +} + +.item2 { + display: none; +} + +.other-login { + width: 300px; + height: 38px; + margin: 0 30px; + display: block; + float: top; + font-size: 12px; +} + +.other-login span { + width: 70px; + height: 16px; +} + +.other-login img { + margin-left: 10px; + width: 30px; + height: 30px; +} + +.arouse { + width: 300px; + height: 40px; +} + +.arouse a { + text-decoration: none; + color: rgb(35, 103, 177); + font-size: 14px; + display: block; + margin: 13px 100px; + text-align: center; +} \ No newline at end of file diff --git a/login.html b/login.html new file mode 100644 index 0000000000000000000000000000000000000000..469feeee418750541bb50f7b505965c428dec5ca --- /dev/null +++ b/login.html @@ -0,0 +1,104 @@ + + + + + + + + + + 登录页面 + + + +
+
+
+
+ logo +
+
+
+ +
+
    +
  • 账号登录
    • +
  • 手机动态码登录
    • +
+
+ + + + + +
+ 激活账号 +
+
+
+
+
+
+
+ + + + \ No newline at end of file diff --git a/login.js b/login.js new file mode 100644 index 0000000000000000000000000000000000000000..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391