Skip to content

梁建民 / pcb

Go to a project
Commit dbb7ee99 by 肖康
Options

Merge branch 'master' of http://119.23.72.7/liangjianmin/pcb

parents 154d2506 1ee275dc
Expand all
Inline Side-by-side
Showing with 676 additions and 115 deletions
css/common/base.css
...@@ -90,8 +90,7 @@ img { ...@@ -90,8 +90,7 @@ img {
border: none; border: none;
} }
.clr { .clr {
*zoom: 1; zoom: 1;
clear: both;
} }
.clr:after { .clr:after {
content: "."; content: ".";
...@@ -159,6 +158,9 @@ html, ...@@ -159,6 +158,9 @@ html,
body { body {
width: 100%; width: 100%;
} }
body {
min-width: 1180px;
}
.width-1180 { .width-1180 {
width: 1180px; width: 1180px;
margin: 0 auto; margin: 0 auto;
...@@ -228,11 +230,14 @@ body { ...@@ -228,11 +230,14 @@ body {
} }
.common-header .drop-down-menu { .common-header .drop-down-menu {
position: absolute; position: absolute;
background: #fff;
width: 180px;
z-index: 99; z-index: 99;
padding: 20px;
right: 0; right: 0;
top: 32px;
display: none;
}
.common-header .drop-down-menu .arrow-top-div {
height: 15px;
position: relative;
} }
.common-header .drop-down-menu .arrow-top { .common-header .drop-down-menu .arrow-top {
position: absolute; position: absolute;
...@@ -240,9 +245,14 @@ body { ...@@ -240,9 +245,14 @@ body {
width: 16px; width: 16px;
background: url('../../images/home/arrow-top-icon.png') 100% 100% no-repeat; background: url('../../images/home/arrow-top-icon.png') 100% 100% no-repeat;
z-index: 100; z-index: 100;
top: -8px; top: 7px;
right: 40px; right: 40px;
} }
.common-header .drop-down-menu .menu-div {
width: 180px;
padding: 20px 20px 20px 20px;
background: #fff;
}
.common-header .drop-down-menu .menu-title { .common-header .drop-down-menu .menu-title {
color: #2B2F33; color: #2B2F33;
font-size: 13px; font-size: 13px;
...@@ -260,10 +270,16 @@ body { ...@@ -260,10 +270,16 @@ body {
background: #0081D2; background: #0081D2;
margin-top: 20px; margin-top: 20px;
} }
.common-header .drop-down-menu .menu-btn.sign-in-btn:hover {
background-color: #189EF2;
}
.common-header .drop-down-menu .menu-btn.join-free-btn { .common-header .drop-down-menu .menu-btn.join-free-btn {
background: #E89721; background: #E89721;
margin-top: 10px; margin-top: 10px;
} }
.common-header .drop-down-menu .menu-btn.join-free-btn:hover {
background-color: #FFB03D;
}
.common-header .drop-down-menu ul { .common-header .drop-down-menu ul {
padding-top: 12px; padding-top: 12px;
} }
...@@ -322,6 +338,9 @@ body { ...@@ -322,6 +338,9 @@ body {
.common-header .account-btn:hover { .common-header .account-btn:hover {
background-color: #FFB03D; background-color: #FFB03D;
} }
.common-header .account-btn:hover .drop-down-menu {
display: block;
}
.common-header .account-btn .user-icon { .common-header .account-btn .user-icon {
width: 18px; width: 18px;
height: 18px; height: 18px;
...@@ -408,3 +427,15 @@ body { ...@@ -408,3 +427,15 @@ body {
height: 25px; height: 25px;
width: 418px; width: 418px;
} }
.btn-y {
background-color: #E89721;
}
.btn-y:hover {
background-color: #FFB03D;
}
.btn-b {
background-color: #0081D2;
}
.btn-b:hover {
background-color: #189EF2;
}
css/common/base.less
...@@ -52,8 +52,7 @@ img { ...@@ -52,8 +52,7 @@ img {
} }
.clr { .clr {
*zoom: 1; zoom: 1;
clear: both;
} }
.clr:after { .clr:after {
...@@ -134,6 +133,7 @@ html, body { ...@@ -134,6 +133,7 @@ html, body {
body { body {
// overflow: hidden; // overflow: hidden;
min-width: 1180px;
} }
.width-1180 { .width-1180 {
width: 1180px; width: 1180px;
...@@ -211,21 +211,28 @@ body { ...@@ -211,21 +211,28 @@ body {
} }
.drop-down-menu{ .drop-down-menu{
position: absolute; position: absolute;
background: #fff;
width: 180px;
z-index: 99; z-index: 99;
padding:20px;
right:0; right:0;
top:32px;
display: none; display: none;
.arrow-top-div{
height:15px;
position: relative;
}
.arrow-top{ .arrow-top{
position: absolute; position: absolute;
height:9px; height:9px;
width:16px; width:16px;
background: url('../../images/home/arrow-top-icon.png') 100% 100% no-repeat; background: url('../../images/home/arrow-top-icon.png') 100% 100% no-repeat;
z-index:100; z-index:100;
top:-8px; top:7px;
right:40px; right:40px;
} }
.menu-div{
width: 180px;
padding:20px 20px 20px 20px;
background: #fff;
}
.menu-title{ .menu-title{
color:#2B2F33; color:#2B2F33;
font-size: 13px; font-size: 13px;
...@@ -241,10 +248,16 @@ body { ...@@ -241,10 +248,16 @@ body {
&.sign-in-btn { &.sign-in-btn {
background: #0081D2; background: #0081D2;
margin-top:20px; margin-top:20px;
&:hover{
background-color: #189EF2;
}
} }
&.join-free-btn{ &.join-free-btn{
background: #E89721; background: #E89721;
margin-top:10px; margin-top:10px;
&:hover{
background-color: #FFB03D;
}
} }
} }
ul{ ul{
...@@ -306,6 +319,9 @@ body { ...@@ -306,6 +319,9 @@ body {
cursor: pointer; cursor: pointer;
&:hover{ &:hover{
background-color: #FFB03D; background-color: #FFB03D;
.drop-down-menu{
display: block;
}
} }
.user-icon { .user-icon {
...@@ -408,3 +424,15 @@ body { ...@@ -408,3 +424,15 @@ body {
} }
} }
} }
.btn-y{
background-color:#E89721 ;
&:hover{
background-color: #FFB03D;
}
}
.btn-b{
background-color:#0081D2 ;
&:hover{
background-color: #189EF2;
}
}
\ No newline at end of file
css/home/home.css
...@@ -90,8 +90,7 @@ img { ...@@ -90,8 +90,7 @@ img {
border: none; border: none;
} }
.clr { .clr {
*zoom: 1; zoom: 1;
clear: both;
} }
.clr:after { .clr:after {
content: "."; content: ".";
...@@ -228,22 +227,29 @@ body { ...@@ -228,22 +227,29 @@ body {
} }
.common-header .drop-down-menu { .common-header .drop-down-menu {
position: absolute; position: absolute;
background: #fff;
width: 180px;
z-index: 99; z-index: 99;
padding: 20px;
right: 0; right: 0;
top: 32px;
display: none; display: none;
} }
.common-header .drop-down-menu .arrow-top-div {
height: 15px;
position: relative;
}
.common-header .drop-down-menu .arrow-top { .common-header .drop-down-menu .arrow-top {
position: absolute; position: absolute;
height: 9px; height: 9px;
width: 16px; width: 16px;
background: url('../../images/home/arrow-top-icon.png') 100% 100% no-repeat; background: url('../../images/home/arrow-top-icon.png') 100% 100% no-repeat;
z-index: 100; z-index: 100;
top: -8px; top: 7px;
right: 40px; right: 40px;
} }
.common-header .drop-down-menu .menu-div {
width: 180px;
padding: 20px 20px 20px 20px;
background: #fff;
}
.common-header .drop-down-menu .menu-title { .common-header .drop-down-menu .menu-title {
color: #2B2F33; color: #2B2F33;
font-size: 13px; font-size: 13px;
...@@ -261,10 +267,16 @@ body { ...@@ -261,10 +267,16 @@ body {
background: #0081D2; background: #0081D2;
margin-top: 20px; margin-top: 20px;
} }
.common-header .drop-down-menu .menu-btn.sign-in-btn:hover {
background-color: #189EF2;
}
.common-header .drop-down-menu .menu-btn.join-free-btn { .common-header .drop-down-menu .menu-btn.join-free-btn {
background: #E89721; background: #E89721;
margin-top: 10px; margin-top: 10px;
} }
.common-header .drop-down-menu .menu-btn.join-free-btn:hover {
background-color: #FFB03D;
}
.common-header .drop-down-menu ul { .common-header .drop-down-menu ul {
padding-top: 12px; padding-top: 12px;
} }
...@@ -323,6 +335,9 @@ body { ...@@ -323,6 +335,9 @@ body {
.common-header .account-btn:hover { .common-header .account-btn:hover {
background-color: #FFB03D; background-color: #FFB03D;
} }
.common-header .account-btn:hover .drop-down-menu {
display: block;
}
.common-header .account-btn .user-icon { .common-header .account-btn .user-icon {
width: 18px; width: 18px;
height: 18px; height: 18px;
...@@ -409,6 +424,18 @@ body { ...@@ -409,6 +424,18 @@ body {
height: 25px; height: 25px;
width: 418px; width: 418px;
} }
.btn-y {
background-color: #E89721;
}
.btn-y:hover {
background-color: #FFB03D;
}
.btn-b {
background-color: #0081D2;
}
.btn-b:hover {
background-color: #189EF2;
}
@font-face { @font-face {
font-family: "iconfont"; font-family: "iconfont";
src: url('iconfont.eot?t=1579247373090'); src: url('iconfont.eot?t=1579247373090');
...@@ -536,6 +563,7 @@ body { ...@@ -536,6 +563,7 @@ body {
border-radius: 50%; border-radius: 50%;
top: 151px; top: 151px;
cursor: pointer; cursor: pointer;
display: none;
} }
.home .pre-div div, .home .pre-div div,
.home .next-div div { .home .next-div div {
...@@ -559,9 +587,19 @@ body { ...@@ -559,9 +587,19 @@ body {
.home .next-div.next-div div { .home .next-div.next-div div {
background: url('../../images/home/next-icon.png') 100% 100% no-repeat; background: url('../../images/home/next-icon.png') 100% 100% no-repeat;
} }
.home .home-top-nav {
position: absolute;
top: 0;
left: 0;
right: 0;
background: none;
}
.home .home-header { .home .home-header {
height: 600px; height: 690px;
background: #0081D2; background: url(../../images/home/home-bg.png) no-repeat;
background-size: 1920px 690px;
background-position: center;
padding-top: 90px;
} }
.home .home-header .width-1180 .home-header-title { .home .home-header .width-1180 .home-header-title {
width: 550px; width: 550px;
...@@ -604,6 +642,7 @@ body { ...@@ -604,6 +642,7 @@ body {
color: #2B2F33; color: #2B2F33;
font-weight: 600; font-weight: 600;
border-bottom: 4px solid #E89721; border-bottom: 4px solid #E89721;
background-color: #F0F4F7;
} }
.home .home-header .width-1180 .header-form .header-form-navs .header-form-nav.active i { .home .home-header .width-1180 .header-form .header-form-navs .header-form-nav.active i {
color: #0081D2; color: #0081D2;
...@@ -613,10 +652,84 @@ body { ...@@ -613,10 +652,84 @@ body {
font-size: 27px; font-size: 27px;
margin-right: 10px; margin-right: 10px;
} }
.home .home-header .width-1180 .header-form .header-form-content .header-form-content-l .header-form-4,
.home .home-header .width-1180 .header-form .header-form-content .header-form-content-l .header-form-2,
.home .home-header .width-1180 .header-form .header-form-content .header-form-content-l .header-form-3 {
display: none;
}
.home .home-header .width-1180 .header-form .header-form-content .header-form-content-l .form-title {
color: #828E99;
font-size: 13px;
padding-bottom: 10px;
}
.home .home-header .width-1180 .header-form .header-form-content .header-form-content-l .form-item {
padding: 42px 0 42px 40px;
}
.home .home-header .width-1180 .header-form .header-form-content .header-form-content-l .form-height {
width: 180px;
padding-right: 20px;
}
.home .home-header .width-1180 .header-form .header-form-content .header-form-content-l .form-width {
width: 170px;
padding-right: 30px;
border-right: 1px solid #F0F4F7;
}
.home .home-header .width-1180 .header-form .header-form-content .header-form-content-l .form-width .form-title {
text-align: right;
}
.home .home-header .width-1180 .header-form .header-form-content .header-form-content-l .form-select {
width: 221px;
border-right: 1px solid #F0F4F7;
padding-left: 30px;
padding-right: 20px;
}
.home .home-header .width-1180 .header-form .header-form-content .header-form-content-l .form-select.form-item-no-border {
border: none;
}
.home .home-header .width-1180 .header-form .header-form-content .header-form-content-l .form-select.form--select-350 {
width: 350px;
}
.home .home-header .width-1180 .header-form .header-form-content .header-form-content-l .form-select.form-select-first {
padding-left: 40px;
}
.home .home-header .width-1180 .header-form .header-form-content .header-form-content-l .form-select.form-select-231 {
width: 231px;
}
.home .home-header .width-1180 .header-form .header-form-content .header-form-content-l .form-select.form-select-340 {
width: 340px;
}
.home .home-header .width-1180 .header-form .header-form-content .header-form-content-l .form-select.form-select-302 {
width: 302px;
}
.home .home-header .width-1180 .header-form .header-form-content .header-form-content-l .form-select.form-select-361 {
width: 361px;
}
.home .home-header .width-1180 .header-form .header-form-content .header-form-content-l .form-dom {
width: 100%;
height: 40px;
line-height: 40px;
font-size: 16px;
color: #2B2F33;
font-weight: 600;
cursor: pointer;
}
.home .home-header .width-1180 .header-form .header-form-content .header-form-content-l .input-div {
position: relative;
}
.home .home-header .width-1180 .header-form .header-form-content .header-form-content-l .input-div .close {
height: 20px;
width: 20px;
font-size: 18px;
color: #0081D2;
position: absolute;
text-align: center;
right: -20px;
top: 6px;
cursor: pointer;
}
.home .home-header .width-1180 .header-form .header-form-content .header-form-content-r { .home .home-header .width-1180 .header-form .header-form-content .header-form-content-r {
width: 167px; width: 167px;
height: 151px; height: 151px;
background-color: #E89721;
color: #fff; color: #fff;
text-align: center; text-align: center;
cursor: pointer; cursor: pointer;
...@@ -743,7 +856,6 @@ body { ...@@ -743,7 +856,6 @@ body {
width: 165px; width: 165px;
} }
.home .home-goods-section .goods-list .good-sigle .computer-section { .home .home-goods-section .goods-list .good-sigle .computer-section {
background-color: #0081D2;
width: 160px; width: 160px;
height: 36px; height: 36px;
border-radius: 2px; border-radius: 2px;
...@@ -887,6 +999,13 @@ body { ...@@ -887,6 +999,13 @@ body {
.home .map-section .map-data .data-table .data-table-header div.table-header-4 { .home .map-section .map-data .data-table .data-table-header div.table-header-4 {
padding-left: 46px; padding-left: 46px;
} }
.home .map-section .map-data .data-table .data-table-body {
max-height: 259px;
overflow: hidden;
}
.home .map-section .map-data .data-table .data-table-body .data-table-body-div {
position: relative;
}
.home .map-section .map-data .data-table .data-table-body .data-table-tr { .home .map-section .map-data .data-table .data-table-body .data-table-tr {
margin-top: 20px; margin-top: 20px;
} }
...@@ -996,6 +1115,26 @@ body { ...@@ -996,6 +1115,26 @@ body {
top: 282px; top: 282px;
left: 200px; left: 200px;
} }
.home .map-section .map-data .map-data-right .point-div.point-div-6 {
top: 111px;
left: 355px;
}
.home .map-section .map-data .map-data-right .point-div.point-div-7 {
top: 106px;
left: 200px;
}
.home .map-section .map-data .map-data-right .point-div.point-div-8 {
top: 128px;
left: 375px;
}
.home .map-section .map-data .map-data-right .point-div.point-div-9 {
top: 57px;
left: 518px;
}
.home .map-section .map-data .map-data-right .point-div.point-div-10 {
top: 267px;
left: 592px;
}
.home .map-section .map-data .map-data-right .point-div .point-desc { .home .map-section .map-data .map-data-right .point-div .point-desc {
width: 223px; width: 223px;
height: 132px; height: 132px;
...@@ -1041,7 +1180,8 @@ body { ...@@ -1041,7 +1180,8 @@ body {
} }
.home .banner-1-section .banner-1-datas { .home .banner-1-section .banner-1-datas {
width: 999999px; width: 999999px;
transform: translateX(-20px); left: -20px;
position: relative;
} }
.home .banner-1-section .banner-1-datas .banner-1-data { .home .banner-1-section .banner-1-datas .banner-1-data {
margin-left: 20px; margin-left: 20px;
...@@ -1136,7 +1276,8 @@ body { ...@@ -1136,7 +1276,8 @@ body {
} }
.home .banner-2-section .banner-2-datas { .home .banner-2-section .banner-2-datas {
width: 999999px; width: 999999px;
transform: translateX(-20px); left: -20px;
position: relative;
} }
.home .banner-2-section .banner-2-datas .banner-2-data { .home .banner-2-section .banner-2-datas .banner-2-data {
margin-left: 20px; margin-left: 20px;
...@@ -1201,7 +1342,6 @@ body { ...@@ -1201,7 +1342,6 @@ body {
text-align: center; text-align: center;
line-height: 60px; line-height: 60px;
color: #fff; color: #fff;
background: #189EF2;
margin: 0 auto; margin: 0 auto;
} }
.home .faq-section { .home .faq-section {
...@@ -1251,4 +1391,3 @@ body { ...@@ -1251,4 +1391,3 @@ body {
cursor: pointer; cursor: pointer;
font-weight: 600; font-weight: 600;
} }
/*# sourceMappingURL=home.css.map */
\ No newline at end of file
css/home/home.less
...@@ -17,6 +17,7 @@ ...@@ -17,6 +17,7 @@
border-radius: 50%; border-radius: 50%;
top: 151px; top: 151px;
cursor: pointer; cursor: pointer;
display: none;
div { div {
width: 14px; width: 14px;
...@@ -44,11 +45,19 @@ ...@@ -44,11 +45,19 @@
} }
.home-top-nav{
position: absolute;
top:0;
left:0;
right:0;
background: none;
}
.home-header { .home-header {
height: 600px; height: 690px;
background: #0081D2; background: url(../../images/home/home-bg.png) no-repeat;
background-size: 1920px 690px;
background-position: center;
padding-top: 90px;
.width-1180 { .width-1180 {
.home-header-title { .home-header-title {
width: 550px; width: 550px;
...@@ -94,7 +103,7 @@ ...@@ -94,7 +103,7 @@
color: #2B2F33; color: #2B2F33;
font-weight: 600; font-weight: 600;
border-bottom: 4px solid #E89721; border-bottom: 4px solid #E89721;
background-color: #F0F4F7;
i { i {
color: #0081D2; color: #0081D2;
font-weight: normal; font-weight: normal;
...@@ -109,12 +118,89 @@ ...@@ -109,12 +118,89 @@
} }
.header-form-content { .header-form-content {
.header-form-content-l {} .header-form-content-l {
.header-form-4,.header-form-2,.header-form-3{
display: none;
}
.form-title{
color:#828E99;
font-size: 13px;
padding-bottom: 10px;
}
.form-item{
padding:42px 0 42px 40px;
}
.form-height{
width:180px;
padding-right:20px;
}
.form-width{
width:170px;
padding-right:30px;
border-right:1px solid #F0F4F7;
.form-title{
text-align: right;
}
}
.form-select {
width:221px;
border-right:1px solid #F0F4F7;
padding-left: 30px;
padding-right: 20px;
&.form-item-no-border{
border:none
}
&.form--select-350{
width:350px;
}
&.form-select-first{
padding-left: 40px;
}
&.form-select-231{
width:231px;
}
&.form-select-340{
width:340px;
}
&.form-select-302{
width:302px;
}
&.form-select-361{
width:361px;
}
}
.form-dom{
width:100%;
height:40px;
line-height: 40px;
font-size: 16px;
color:#2B2F33;
font-weight: 600;
cursor: pointer;
}
.input-div{
position: relative;
.close{
height:20px;
width:20px;
font-size: 18px;
color:#0081D2;
position: absolute;
text-align: center;
right:-20px;
top:6px;
cursor: pointer;
}
}
}
.header-form-content-r { .header-form-content-r {
width: 167px; width: 167px;
height: 151px; height: 151px;
background-color:#E89721 ;
color:#fff; color:#fff;
text-align: center; text-align: center;
cursor: pointer; cursor: pointer;
...@@ -295,7 +381,6 @@ ...@@ -295,7 +381,6 @@
} }
.computer-section { .computer-section {
background-color: #0081D2;
width: 160px; width: 160px;
height: 36px; height: 36px;
border-radius: 2px; border-radius: 2px;
...@@ -486,6 +571,11 @@ ...@@ -486,6 +571,11 @@
} }
.data-table-body { .data-table-body {
max-height: 259px;
overflow: hidden;
.data-table-body-div{
position: relative;
}
.data-table-tr { .data-table-tr {
margin-top: 20px; margin-top: 20px;
} }
...@@ -617,6 +707,26 @@ ...@@ -617,6 +707,26 @@
top: 282px; top: 282px;
left: 200px; left: 200px;
} }
&.point-div-6 {
top: 111px;
left: 355px;
}
&.point-div-7 {
top: 106px;
left: 200px;
}
&.point-div-8 {
top: 128px;
left: 375px;
}
&.point-div-9 {
top: 57px;
left: 518px;
}
&.point-div-10 {
top: 267px;
left: 592px;
}
.point-desc { .point-desc {
...@@ -676,8 +786,8 @@ ...@@ -676,8 +786,8 @@
.banner-1-datas { .banner-1-datas {
width: 999999px; width: 999999px;
transform: translateX(-20px); left:-20px;
position: relative;
.banner-1-data { .banner-1-data {
margin-left: 20px; margin-left: 20px;
position: relative; position: relative;
...@@ -793,8 +903,8 @@ ...@@ -793,8 +903,8 @@
.banner-2-datas { .banner-2-datas {
width: 999999px; width: 999999px;
transform: translateX(-20px); left:-20px;
position: relative;
.banner-2-data { .banner-2-data {
margin-left: 20px; margin-left: 20px;
position: relative; position: relative;
...@@ -870,7 +980,6 @@ ...@@ -870,7 +980,6 @@
text-align: center; text-align: center;
line-height: 60px; line-height: 60px;
color: #fff; color: #fff;
background: #189EF2;
margin: 0 auto; margin: 0 auto;
} }
} }
......
css/login/forget.css
...@@ -90,8 +90,7 @@ img { ...@@ -90,8 +90,7 @@ img {
border: none; border: none;
} }
.clr { .clr {
*zoom: 1; zoom: 1;
clear: both;
} }
.clr:after { .clr:after {
content: "."; content: ".";
...@@ -228,22 +227,29 @@ body { ...@@ -228,22 +227,29 @@ body {
} }
.common-header .drop-down-menu { .common-header .drop-down-menu {
position: absolute; position: absolute;
background: #fff;
width: 180px;
z-index: 99; z-index: 99;
padding: 20px;
right: 0; right: 0;
top: 32px;
display: none; display: none;
} }
.common-header .drop-down-menu .arrow-top-div {
height: 15px;
position: relative;
}
.common-header .drop-down-menu .arrow-top { .common-header .drop-down-menu .arrow-top {
position: absolute; position: absolute;
height: 9px; height: 9px;
width: 16px; width: 16px;
background: url('../../images/home/arrow-top-icon.png') 100% 100% no-repeat; background: url('../../images/home/arrow-top-icon.png') 100% 100% no-repeat;
z-index: 100; z-index: 100;
top: -8px; top: 7px;
right: 40px; right: 40px;
} }
.common-header .drop-down-menu .menu-div {
width: 180px;
padding: 20px 20px 20px 20px;
background: #fff;
}
.common-header .drop-down-menu .menu-title { .common-header .drop-down-menu .menu-title {
color: #2B2F33; color: #2B2F33;
font-size: 13px; font-size: 13px;
...@@ -261,10 +267,16 @@ body { ...@@ -261,10 +267,16 @@ body {
background: #0081D2; background: #0081D2;
margin-top: 20px; margin-top: 20px;
} }
.common-header .drop-down-menu .menu-btn.sign-in-btn:hover {
background-color: #189EF2;
}
.common-header .drop-down-menu .menu-btn.join-free-btn { .common-header .drop-down-menu .menu-btn.join-free-btn {
background: #E89721; background: #E89721;
margin-top: 10px; margin-top: 10px;
} }
.common-header .drop-down-menu .menu-btn.join-free-btn:hover {
background-color: #FFB03D;
}
.common-header .drop-down-menu ul { .common-header .drop-down-menu ul {
padding-top: 12px; padding-top: 12px;
} }
...@@ -323,6 +335,9 @@ body { ...@@ -323,6 +335,9 @@ body {
.common-header .account-btn:hover { .common-header .account-btn:hover {
background-color: #FFB03D; background-color: #FFB03D;
} }
.common-header .account-btn:hover .drop-down-menu {
display: block;
}
.common-header .account-btn .user-icon { .common-header .account-btn .user-icon {
width: 18px; width: 18px;
height: 18px; height: 18px;
...@@ -409,6 +424,18 @@ body { ...@@ -409,6 +424,18 @@ body {
height: 25px; height: 25px;
width: 418px; width: 418px;
} }
.btn-y {
background-color: #E89721;
}
.btn-y:hover {
background-color: #FFB03D;
}
.btn-b {
background-color: #0081D2;
}
.btn-b:hover {
background-color: #189EF2;
}
@font-face { @font-face {
font-family: "iconfont"; font-family: "iconfont";
src: url('iconfont.eot?t=1579247373090'); src: url('iconfont.eot?t=1579247373090');
...@@ -524,8 +551,7 @@ body { ...@@ -524,8 +551,7 @@ body {
} }
.forget-pcb { .forget-pcb {
height: 560px; height: 560px;
background: url(../../images/login/login-bg.jpg) no-repeat; background: url(../../images/login/login-bg.png) no-repeat;
background-size: 1920px 600px;
background-position: center; background-position: center;
padding-top: 40px; padding-top: 40px;
} }
...@@ -718,4 +744,3 @@ body { ...@@ -718,4 +744,3 @@ body {
color: #2B2F33; color: #2B2F33;
font-weight: bold; font-weight: bold;
} }
/*# sourceMappingURL=forget.css.map */
\ No newline at end of file
css/login/forget.less
@import '../common/base.less'; @import '../common/base.less';
@import '../common/font/iconfont.less'; @import '../common/font/iconfont.less';
.forget-pcb{ .forget-pcb{
height:560px;background: url(../../images/login/login-bg.jpg) no-repeat; height:560px;background: url(../../images/login/login-bg.png) no-repeat;
background-size: 1920px 600px; // background-size: 1920px 600px;
background-position: center; background-position: center;
padding-top: 40px; padding-top: 40px;
.forget-box{ .forget-box{
......
css/login/login.css
...@@ -90,8 +90,7 @@ img { ...@@ -90,8 +90,7 @@ img {
border: none; border: none;
} }
.clr { .clr {
*zoom: 1; zoom: 1;
clear: both;
} }
.clr:after { .clr:after {
content: "."; content: ".";
...@@ -159,6 +158,9 @@ html, ...@@ -159,6 +158,9 @@ html,
body { body {
width: 100%; width: 100%;
} }
body {
min-width: 1180px;
}
.width-1180 { .width-1180 {
width: 1180px; width: 1180px;
margin: 0 auto; margin: 0 auto;
...@@ -228,22 +230,29 @@ body { ...@@ -228,22 +230,29 @@ body {
} }
.common-header .drop-down-menu { .common-header .drop-down-menu {
position: absolute; position: absolute;
background: #fff;
width: 180px;
z-index: 99; z-index: 99;
padding: 20px;
right: 0; right: 0;
top: 32px;
display: none; display: none;
} }
.common-header .drop-down-menu .arrow-top-div {
height: 15px;
position: relative;
}
.common-header .drop-down-menu .arrow-top { .common-header .drop-down-menu .arrow-top {
position: absolute; position: absolute;
height: 9px; height: 9px;
width: 16px; width: 16px;
background: url('../../images/home/arrow-top-icon.png') 100% 100% no-repeat; background: url('../../images/home/arrow-top-icon.png') 100% 100% no-repeat;
z-index: 100; z-index: 100;
top: -8px; top: 7px;
right: 40px; right: 40px;
} }
.common-header .drop-down-menu .menu-div {
width: 180px;
padding: 20px 20px 20px 20px;
background: #fff;
}
.common-header .drop-down-menu .menu-title { .common-header .drop-down-menu .menu-title {
color: #2B2F33; color: #2B2F33;
font-size: 13px; font-size: 13px;
...@@ -261,10 +270,16 @@ body { ...@@ -261,10 +270,16 @@ body {
background: #0081D2; background: #0081D2;
margin-top: 20px; margin-top: 20px;
} }
.common-header .drop-down-menu .menu-btn.sign-in-btn:hover {
background-color: #189EF2;
}
.common-header .drop-down-menu .menu-btn.join-free-btn { .common-header .drop-down-menu .menu-btn.join-free-btn {
background: #E89721; background: #E89721;
margin-top: 10px; margin-top: 10px;
} }
.common-header .drop-down-menu .menu-btn.join-free-btn:hover {
background-color: #FFB03D;
}
.common-header .drop-down-menu ul { .common-header .drop-down-menu ul {
padding-top: 12px; padding-top: 12px;
} }
...@@ -323,6 +338,9 @@ body { ...@@ -323,6 +338,9 @@ body {
.common-header .account-btn:hover { .common-header .account-btn:hover {
background-color: #FFB03D; background-color: #FFB03D;
} }
.common-header .account-btn:hover .drop-down-menu {
display: block;
}
.common-header .account-btn .user-icon { .common-header .account-btn .user-icon {
width: 18px; width: 18px;
height: 18px; height: 18px;
...@@ -409,6 +427,18 @@ body { ...@@ -409,6 +427,18 @@ body {
height: 25px; height: 25px;
width: 418px; width: 418px;
} }
.btn-y {
background-color: #E89721;
}
.btn-y:hover {
background-color: #FFB03D;
}
.btn-b {
background-color: #0081D2;
}
.btn-b:hover {
background-color: #189EF2;
}
@font-face { @font-face {
font-family: "iconfont"; font-family: "iconfont";
src: url('iconfont.eot?t=1579247373090'); src: url('iconfont.eot?t=1579247373090');
...@@ -524,8 +554,7 @@ body { ...@@ -524,8 +554,7 @@ body {
} }
.login-pcb { .login-pcb {
height: 560px; height: 560px;
background: url(../../images/login/login-bg.jpg) no-repeat; background: url(../../images/login/login-bg.png) no-repeat;
background-size: 1920px 600px;
background-position: center; background-position: center;
padding-top: 40px; padding-top: 40px;
} }
...@@ -692,4 +721,3 @@ body { ...@@ -692,4 +721,3 @@ body {
.login-pcb .login-box .lg-con .go-reg:hover strong { .login-pcb .login-box .lg-con .go-reg:hover strong {
color: #0081D2; color: #0081D2;
} }
/*# sourceMappingURL=login.css.map */
\ No newline at end of file
css/login/login.less
@import '../common/base.less'; @import '../common/base.less';
@import '../common/font/iconfont.less'; @import '../common/font/iconfont.less';
.login-pcb{ .login-pcb{
height:560px;background: url(../../images/login/login-bg.jpg) no-repeat; height:560px;background: url(../../images/login/login-bg.png) no-repeat;
background-size: 1920px 600px; // background-size: 1920px 600px;
background-position: center; background-position: center;
padding-top: 40px; padding-top: 40px;
.login-box{ .login-box{
......
css/login/reg.css
...@@ -90,8 +90,7 @@ img { ...@@ -90,8 +90,7 @@ img {
border: none; border: none;
} }
.clr { .clr {
*zoom: 1; zoom: 1;
clear: both;
} }
.clr:after { .clr:after {
content: "."; content: ".";
...@@ -228,22 +227,29 @@ body { ...@@ -228,22 +227,29 @@ body {
} }
.common-header .drop-down-menu { .common-header .drop-down-menu {
position: absolute; position: absolute;
background: #fff;
width: 180px;
z-index: 99; z-index: 99;
padding: 20px;
right: 0; right: 0;
top: 32px;
display: none; display: none;
} }
.common-header .drop-down-menu .arrow-top-div {
height: 15px;
position: relative;
}
.common-header .drop-down-menu .arrow-top { .common-header .drop-down-menu .arrow-top {
position: absolute; position: absolute;
height: 9px; height: 9px;
width: 16px; width: 16px;
background: url('../../images/home/arrow-top-icon.png') 100% 100% no-repeat; background: url('../../images/home/arrow-top-icon.png') 100% 100% no-repeat;
z-index: 100; z-index: 100;
top: -8px; top: 7px;
right: 40px; right: 40px;
} }
.common-header .drop-down-menu .menu-div {
width: 180px;
padding: 20px 20px 20px 20px;
background: #fff;
}
.common-header .drop-down-menu .menu-title { .common-header .drop-down-menu .menu-title {
color: #2B2F33; color: #2B2F33;
font-size: 13px; font-size: 13px;
...@@ -261,10 +267,16 @@ body { ...@@ -261,10 +267,16 @@ body {
background: #0081D2; background: #0081D2;
margin-top: 20px; margin-top: 20px;
} }
.common-header .drop-down-menu .menu-btn.sign-in-btn:hover {
background-color: #189EF2;
}
.common-header .drop-down-menu .menu-btn.join-free-btn { .common-header .drop-down-menu .menu-btn.join-free-btn {
background: #E89721; background: #E89721;
margin-top: 10px; margin-top: 10px;
} }
.common-header .drop-down-menu .menu-btn.join-free-btn:hover {
background-color: #FFB03D;
}
.common-header .drop-down-menu ul { .common-header .drop-down-menu ul {
padding-top: 12px; padding-top: 12px;
} }
...@@ -323,6 +335,9 @@ body { ...@@ -323,6 +335,9 @@ body {
.common-header .account-btn:hover { .common-header .account-btn:hover {
background-color: #FFB03D; background-color: #FFB03D;
} }
.common-header .account-btn:hover .drop-down-menu {
display: block;
}
.common-header .account-btn .user-icon { .common-header .account-btn .user-icon {
width: 18px; width: 18px;
height: 18px; height: 18px;
...@@ -409,6 +424,18 @@ body { ...@@ -409,6 +424,18 @@ body {
height: 25px; height: 25px;
width: 418px; width: 418px;
} }
.btn-y {
background-color: #E89721;
}
.btn-y:hover {
background-color: #FFB03D;
}
.btn-b {
background-color: #0081D2;
}
.btn-b:hover {
background-color: #189EF2;
}
@font-face { @font-face {
font-family: "iconfont"; font-family: "iconfont";
src: url('iconfont.eot?t=1579247373090'); src: url('iconfont.eot?t=1579247373090');
...@@ -524,8 +551,7 @@ body { ...@@ -524,8 +551,7 @@ body {
} }
.login-pcb { .login-pcb {
height: 560px; height: 560px;
background: url(../../images/login/login-bg.jpg) no-repeat; background: url(../../images/login/login-bg.png) no-repeat;
background-size: 1920px 600px;
background-position: center; background-position: center;
padding-top: 40px; padding-top: 40px;
} }
...@@ -706,4 +732,3 @@ body { ...@@ -706,4 +732,3 @@ body {
.login-pcb .login-box .lg-con .go-reg:hover strong { .login-pcb .login-box .lg-con .go-reg:hover strong {
color: #0081D2; color: #0081D2;
} }
/*# sourceMappingURL=reg.css.map */
\ No newline at end of file
css/login/reg.less
@import '../common/base.less'; @import '../common/base.less';
@import '../common/font/iconfont.less'; @import '../common/font/iconfont.less';
.login-pcb{ .login-pcb{
height:560px;background: url(../../images/login/login-bg.jpg) no-repeat; height:560px;background: url(../../images/login/login-bg.png) no-repeat;
background-size: 1920px 600px; // background-size: 1920px 600px;
background-position: center; background-position: center;
padding-top: 40px; padding-top: 40px;
.login-box{ .login-box{
......
css/login/regemail.css
...@@ -90,8 +90,7 @@ img { ...@@ -90,8 +90,7 @@ img {
border: none; border: none;
} }
.clr { .clr {
*zoom: 1; zoom: 1;
clear: both;
} }
.clr:after { .clr:after {
content: "."; content: ".";
...@@ -228,22 +227,29 @@ body { ...@@ -228,22 +227,29 @@ body {
} }
.common-header .drop-down-menu { .common-header .drop-down-menu {
position: absolute; position: absolute;
background: #fff;
width: 180px;
z-index: 99; z-index: 99;
padding: 20px;
right: 0; right: 0;
top: 32px;
display: none; display: none;
} }
.common-header .drop-down-menu .arrow-top-div {
height: 15px;
position: relative;
}
.common-header .drop-down-menu .arrow-top { .common-header .drop-down-menu .arrow-top {
position: absolute; position: absolute;
height: 9px; height: 9px;
width: 16px; width: 16px;
background: url('../../images/home/arrow-top-icon.png') 100% 100% no-repeat; background: url('../../images/home/arrow-top-icon.png') 100% 100% no-repeat;
z-index: 100; z-index: 100;
top: -8px; top: 7px;
right: 40px; right: 40px;
} }
.common-header .drop-down-menu .menu-div {
width: 180px;
padding: 20px 20px 20px 20px;
background: #fff;
}
.common-header .drop-down-menu .menu-title { .common-header .drop-down-menu .menu-title {
color: #2B2F33; color: #2B2F33;
font-size: 13px; font-size: 13px;
...@@ -261,10 +267,16 @@ body { ...@@ -261,10 +267,16 @@ body {
background: #0081D2; background: #0081D2;
margin-top: 20px; margin-top: 20px;
} }
.common-header .drop-down-menu .menu-btn.sign-in-btn:hover {
background-color: #189EF2;
}
.common-header .drop-down-menu .menu-btn.join-free-btn { .common-header .drop-down-menu .menu-btn.join-free-btn {
background: #E89721; background: #E89721;
margin-top: 10px; margin-top: 10px;
} }
.common-header .drop-down-menu .menu-btn.join-free-btn:hover {
background-color: #FFB03D;
}
.common-header .drop-down-menu ul { .common-header .drop-down-menu ul {
padding-top: 12px; padding-top: 12px;
} }
...@@ -323,6 +335,9 @@ body { ...@@ -323,6 +335,9 @@ body {
.common-header .account-btn:hover { .common-header .account-btn:hover {
background-color: #FFB03D; background-color: #FFB03D;
} }
.common-header .account-btn:hover .drop-down-menu {
display: block;
}
.common-header .account-btn .user-icon { .common-header .account-btn .user-icon {
width: 18px; width: 18px;
height: 18px; height: 18px;
...@@ -409,6 +424,18 @@ body { ...@@ -409,6 +424,18 @@ body {
height: 25px; height: 25px;
width: 418px; width: 418px;
} }
.btn-y {
background-color: #E89721;
}
.btn-y:hover {
background-color: #FFB03D;
}
.btn-b {
background-color: #0081D2;
}
.btn-b:hover {
background-color: #189EF2;
}
@font-face { @font-face {
font-family: "iconfont"; font-family: "iconfont";
src: url('iconfont.eot?t=1579247373090'); src: url('iconfont.eot?t=1579247373090');
...@@ -524,8 +551,7 @@ body { ...@@ -524,8 +551,7 @@ body {
} }
.regemail-pcb { .regemail-pcb {
height: 560px; height: 560px;
background: url(../../images/login/login-bg.jpg) no-repeat; background: url(../../images/login/login-bg.png) no-repeat;
background-size: 1920px 600px;
background-position: center; background-position: center;
padding-top: 40px; padding-top: 40px;
} }
...@@ -609,4 +635,3 @@ body { ...@@ -609,4 +635,3 @@ body {
color: #828E99; color: #828E99;
background: #F0F4F7; background: #F0F4F7;
} }
/*# sourceMappingURL=regemail.css.map */
\ No newline at end of file
css/login/regemail.less
@import '../common/base.less'; @import '../common/base.less';
@import '../common/font/iconfont.less'; @import '../common/font/iconfont.less';
.regemail-pcb{ .regemail-pcb{
height:560px;background: url(../../images/login/login-bg.jpg) no-repeat; height:560px;background: url(../../images/login/login-bg.png) no-repeat;
background-size: 1920px 600px; // background-size: 1920px 600px;
background-position: center; background-position: center;
padding-top: 40px; padding-top: 40px;
.regemail-box{ .regemail-box{
......
forget.html
...@@ -13,7 +13,7 @@ ...@@ -13,7 +13,7 @@
<link href="./css/login/forget.css" rel="stylesheet"/> <link href="./css/login/forget.css" rel="stylesheet"/>
</head> </head>
<body> <body>
<div class="common-header common-header-w"> <div class="common-header common-header-b">
<div class="header-width-1180 width-1180 clr"> <div class="header-width-1180 width-1180 clr">
<span class="title-logo fl"></span> <span class="title-logo fl"></span>
<div class="header-nav fl lbBox"> <div class="header-nav fl lbBox">
...@@ -35,13 +35,15 @@ ...@@ -35,13 +35,15 @@
<a class="car lineBlock"> <a class="car lineBlock">
<span class="car-msg lineBlock boxsiz">1</span> <span class="car-msg lineBlock boxsiz">1</span>
</a> </a>
<a class="account-btn lineBlock lbBox boxsiz"> <div class="account-btn lineBlock lbBox boxsiz">
<span class="user-icon lineBlock"></span> <span class="user-icon lineBlock"></span>
<span class="lineBlock account-text">Account</span> <span class="lineBlock account-text">Account</span>
<span class="arrow-down-icon lineBlock"></span> <span class="arrow-down-icon lineBlock"></span>
</a>
<div class="drop-down-menu"> <div class="drop-down-menu">
<div class="arrow-top-div">
<i class="arrow-top lineBlock"></i> <i class="arrow-top lineBlock"></i>
</div>
<div class="menu-div">
<h3 class="menu-title">Get started now</h3> <h3 class="menu-title">Get started now</h3>
<a href="" class="sign-in-btn menu-btn">Sign In</a> <a href="" class="sign-in-btn menu-btn">Sign In</a>
<a href="" class="join-free-btn menu-btn">Join Free</a> <a href="" class="join-free-btn menu-btn">Join Free</a>
...@@ -54,9 +56,12 @@ ...@@ -54,9 +56,12 @@
<li><a href="">My SNS Profile</a></li> <li><a href="">My SNS Profile</a></li>
</ul> </ul>
</div> </div>
</div>
</div>
</div>
</div> </div>
</div> </div>
</div>
<div class="forget-pcb"> <div class="forget-pcb">
<div class="forget-box"> <div class="forget-box">
<!--忘记密码第一步 提交发邮件--> <!--忘记密码第一步 提交发邮件-->
...@@ -76,7 +81,7 @@ ...@@ -76,7 +81,7 @@
<div class="form-group img-code-group "> <div class="form-group img-code-group ">
<i class="iconfont iconimgcode"></i> <i class="iconfont iconimgcode"></i>
<input type="text" placeholder="Verification code" /> <input type="text" placeholder="Verification code" />
<img src="./images/login/login-bg.jpg" alt="" /> <img src="./images/login/login-bg.png" alt="" />
<div class="tips-x">* Wrong password, please re-enter.</div> <div class="tips-x">* Wrong password, please re-enter.</div>
</div> </div>
<div class="forget-text"> <div class="forget-text">
......
js/base.js
...@@ -39,8 +39,6 @@ ...@@ -39,8 +39,6 @@
return this; return this;
}, },
handleBind: function (opt) { handleBind: function (opt) {
return this; return this;
}, },
}, $(function () { }, $(function () {
......
js/home.js
...@@ -3,14 +3,146 @@ ...@@ -3,14 +3,146 @@
init: function () { init: function () {
this.mounted(this).handleBind(this); this.mounted(this).handleBind(this);
}, },
banner1Datas:[1,2,3,4,5,2,2,2,2],
banner2Datas:[1,2,3,4,5,6,6,6,6],
mounted: function (opt) { mounted: function (opt) {
opt.scrollInfo('data-table-body-div','data-table-tr','37',opt);
opt.bannerDeal(1,opt)
opt.bannerDeal(2,opt)
return this; return this;
}, },
handleBind: function (opt) { handleBind: function (opt) {
var isClickswitch1 = false,isClickswitch2=false
$('.header-form-nav').on('click',function(){
var i = $(this).index();
$(this).addClass('active').siblings().removeClass('active');
$('.header-form-'+(i+1)).show().siblings().hide();
})
return this; return this;
}, },
scrollInfo: function(parentId, childClass, height,opt){
//滚动数据展示模块
var $notesTxt = $("#" + parentId);
if ($notesTxt.length > 0) {
opt.up($notesTxt, childClass, height,opt);
//鼠标滑入停止动画
$notesTxt.hover(function () {
$notesTxt.stop(false, false);
}, function () {
opt.up($notesTxt, childClass, height,opt);
})
}
},
up:function (notesTxt, childClass, height,opt) {
notesTxt.animate({
'top': '-' + height + 'px'
}, 1500, 'linear', function () {
notesTxt.css({
'top': '0px'
}).find('.' + childClass + ':first').appendTo(notesTxt);
opt.up(notesTxt, childClass, height,opt);
});
},
bannerDeal:function(type,opt){
var data = (type == 1? opt.banner1Datas:opt.banner2Datas);
var isClickswitch = false;
var parentStr = (type == 1? '.banner-1-section':'.banner-2-section');
var wrapperStr = (type == 1? '.banner-1-datas':'.banner-2-datas');
var HtmlStr = '';
if(!data.length){
$(parentStr).hide();
$(parentStr+' .pre-div').hide();
$(parentStr+' .next-div').hide();
}else{
if (data.length < 4 || data.length == 4) {
$(parentStr+' .pre-div').hide();
$(parentStr+' .next-div').hide();
}else{
$(parentStr+' .next-div').show();
}
}
for(var i=0;i<data.length;i++){
HtmlStr+=opt.bannerSigleDom(type,data[i]);
if(type == 1){
$('.banner-1-datas').html(HtmlStr)
}else{
$('.banner-2-datas').html(HtmlStr)
}
}
$('body').on('click', parentStr+' .pre-div', function () {
//左滑
if (!isClickswitch) {
isClickswitch = true;
$(parentStr+' .next-div').show();
var cssLeft = Number($(wrapperStr).css('left').slice(0, -2));
$(wrapperStr).animate({
left: cssLeft + 300 + 'px'
}, function () {
var cssLeft = Number($(wrapperStr).css('left').slice(0, -2));
if (cssLeft + 20 == 0) {
$(parentStr+' .pre-div').hide();
} else {
$(parentStr+' .pre-div').show();
}
isClickswitch = false
})
} else {
return
}
});
$('body').on('click', parentStr+' .next-div', function () {
//右滑
if (!isClickswitch) {
isClickswitch = true;
$(parentStr+' .pre-div').show();
var itemLength = $(wrapperStr+' .fl').length;
//允许滑动的总长度
var totalLength = (itemLength - 4) * 300 + 20;
//元素滑动的距离
var cssLeft = Number($(wrapperStr).css('left').slice(0, -2));
$(wrapperStr).animate({
left: cssLeft - 300 + 'px'
}, function () {
var cssLeft = Number($(wrapperStr).css('left').slice(0, -2));
if (cssLeft + totalLength == 0) {
$(parentStr+' .next-div').hide();
} else {
$(parentStr+' .next-div').show();
}
isClickswitch = false
})
} else {
return
}
})
},
bannerSigleDom:function(type){
if(type == 1){
return '<div class="banner-1-data fl"><img src="./images/home/banner-1.png" alt="">'+
'<div class="banner-1-data-text"> <div class="no-hover boxsiz"> <h3>High Precision Drilling Machine</h3> </div>'+
' <div class="hover"> <h3>High Precision Drilling Machine</h3> <ul>'+
' <li class="lbBox"> <i class="lineBlock va-t"></i> <span class="lineBlock">Imported Dongtai drilling machine with AC servo motor</span></li>'+
' <li class="lbBox"> <i class="lineBlock va-t"></i> <span class="lineBlock">Imported Dongtai drilling machine with AC servo motor</span></li>'+
' <li class="lbBox"> <i class="lineBlock va-t"></i> <span class="lineBlock">Imported Dongtai drilling machine with AC servo motor</span></li>'+
' </ul></div> </div></div>'
}else{
return '<div class="banner-2-data fl boxsiz"> <img src="./images/home/banner-2.png" alt="" class="banner-2-data-img">'+
'<div class="banner-2-data-desc boxsiz"> This is my first project on AllPCB</div>'+
' <div class="banner-2-data-bottom">'+
' <div class="banner-2-data-bottom-left lbBox lineBlock"> <img src="./images/home/mg.png" alt="" class="lineBlock"> <span class="lineBlock ellipsis">11111111111</span> </div>'+
' <div class="banner-2-data-bottom-right lbBox lineBlock"> <span class="lineBlock"></span> <span class="lineBlock"></span> <span class="lineBlock"></span> <span class="lineBlock"></span> <span class="lineBlock"></span></div>'+
'</div></div>'
}
},
}, $(function () { }, $(function () {
homeController.init(); homeController.init();
}) })
......
login.html
...@@ -13,7 +13,7 @@ ...@@ -13,7 +13,7 @@
<link href="./css/login/login.css" rel="stylesheet"/> <link href="./css/login/login.css" rel="stylesheet"/>
</head> </head>
<body> <body>
<div class="common-header common-header-w"> <div class="common-header common-header-w">
<div class="header-width-1180 width-1180 clr"> <div class="header-width-1180 width-1180 clr">
<span class="title-logo fl"></span> <span class="title-logo fl"></span>
<div class="header-nav fl lbBox"> <div class="header-nav fl lbBox">
...@@ -35,13 +35,15 @@ ...@@ -35,13 +35,15 @@
<a class="car lineBlock"> <a class="car lineBlock">
<span class="car-msg lineBlock boxsiz">1</span> <span class="car-msg lineBlock boxsiz">1</span>
</a> </a>
<a class="account-btn lineBlock lbBox boxsiz"> <div class="account-btn lineBlock lbBox boxsiz">
<span class="user-icon lineBlock"></span> <span class="user-icon lineBlock"></span>
<span class="lineBlock account-text">Account</span> <span class="lineBlock account-text">Account</span>
<span class="arrow-down-icon lineBlock"></span> <span class="arrow-down-icon lineBlock"></span>
</a>
<div class="drop-down-menu"> <div class="drop-down-menu">
<div class="arrow-top-div">
<i class="arrow-top lineBlock"></i> <i class="arrow-top lineBlock"></i>
</div>
<div class="menu-div">
<h3 class="menu-title">Get started now</h3> <h3 class="menu-title">Get started now</h3>
<a href="" class="sign-in-btn menu-btn">Sign In</a> <a href="" class="sign-in-btn menu-btn">Sign In</a>
<a href="" class="join-free-btn menu-btn">Join Free</a> <a href="" class="join-free-btn menu-btn">Join Free</a>
...@@ -54,9 +56,12 @@ ...@@ -54,9 +56,12 @@
<li><a href="">My SNS Profile</a></li> <li><a href="">My SNS Profile</a></li>
</ul> </ul>
</div> </div>
</div>
</div>
</div>
</div> </div>
</div> </div>
</div>
<div class="login-pcb"> <div class="login-pcb">
<div class="login-box"> <div class="login-box">
<h3>Sign In</h3> <h3>Sign In</h3>
...@@ -75,7 +80,7 @@ ...@@ -75,7 +80,7 @@
<div class="form-group img-code-group "> <div class="form-group img-code-group ">
<i class="iconfont iconimgcode"></i> <i class="iconfont iconimgcode"></i>
<input type="text" placeholder="Verification code" /> <input type="text" placeholder="Verification code" />
<img src="./images/login/login-bg.jpg" alt="" /> <img src="./images/login/login-bg.png" alt="" />
<div class="tips-x">* Wrong password, please re-enter.</div> <div class="tips-x">* Wrong password, please re-enter.</div>
</div> </div>
<div class="go-login">Sign in</div> <div class="go-login">Sign in</div>
......
reg.html
...@@ -13,7 +13,7 @@ ...@@ -13,7 +13,7 @@
<link href="./css/login/reg.css" rel="stylesheet"/> <link href="./css/login/reg.css" rel="stylesheet"/>
</head> </head>
<body> <body>
<div class="common-header common-header-w"> <div class="common-header common-header-w">
<div class="header-width-1180 width-1180 clr"> <div class="header-width-1180 width-1180 clr">
<span class="title-logo fl"></span> <span class="title-logo fl"></span>
<div class="header-nav fl lbBox"> <div class="header-nav fl lbBox">
...@@ -35,13 +35,15 @@ ...@@ -35,13 +35,15 @@
<a class="car lineBlock"> <a class="car lineBlock">
<span class="car-msg lineBlock boxsiz">1</span> <span class="car-msg lineBlock boxsiz">1</span>
</a> </a>
<a class="account-btn lineBlock lbBox boxsiz"> <div class="account-btn lineBlock lbBox boxsiz">
<span class="user-icon lineBlock"></span> <span class="user-icon lineBlock"></span>
<span class="lineBlock account-text">Account</span> <span class="lineBlock account-text">Account</span>
<span class="arrow-down-icon lineBlock"></span> <span class="arrow-down-icon lineBlock"></span>
</a>
<div class="drop-down-menu"> <div class="drop-down-menu">
<div class="arrow-top-div">
<i class="arrow-top lineBlock"></i> <i class="arrow-top lineBlock"></i>
</div>
<div class="menu-div">
<h3 class="menu-title">Get started now</h3> <h3 class="menu-title">Get started now</h3>
<a href="" class="sign-in-btn menu-btn">Sign In</a> <a href="" class="sign-in-btn menu-btn">Sign In</a>
<a href="" class="join-free-btn menu-btn">Join Free</a> <a href="" class="join-free-btn menu-btn">Join Free</a>
...@@ -54,9 +56,12 @@ ...@@ -54,9 +56,12 @@
<li><a href="">My SNS Profile</a></li> <li><a href="">My SNS Profile</a></li>
</ul> </ul>
</div> </div>
</div>
</div>
</div>
</div> </div>
</div> </div>
</div>
<div class="login-pcb"> <div class="login-pcb">
<div class="login-box"> <div class="login-box">
<h3>Sign up <span class="fr">*Get a <font class="f-red">$5.00</font> Welcome Bonus</span></h3> <h3>Sign up <span class="fr">*Get a <font class="f-red">$5.00</font> Welcome Bonus</span></h3>
...@@ -80,7 +85,7 @@ ...@@ -80,7 +85,7 @@
<div class="form-group img-code-group "> <div class="form-group img-code-group ">
<i class="iconfont iconimgcode"></i> <i class="iconfont iconimgcode"></i>
<input type="text" placeholder="Verification code" /> <input type="text" placeholder="Verification code" />
<img src="./images/login/login-bg.jpg" alt="" /> <img src="./images/login/login-bg.png" alt="" />
<div class="tips-x">* Wrong password, please re-enter.</div> <div class="tips-x">* Wrong password, please re-enter.</div>
</div> </div>
<div class="go-login">Sign in</div> <div class="go-login">Sign in</div>
......
regemail.html
...@@ -13,7 +13,7 @@ ...@@ -13,7 +13,7 @@
<link href="./css/login/regemail.css" rel="stylesheet"/> <link href="./css/login/regemail.css" rel="stylesheet"/>
</head> </head>
<body> <body>
<div class="common-header common-header-w"> <div class="common-header common-header-w">
<div class="header-width-1180 width-1180 clr"> <div class="header-width-1180 width-1180 clr">
<span class="title-logo fl"></span> <span class="title-logo fl"></span>
<div class="header-nav fl lbBox"> <div class="header-nav fl lbBox">
...@@ -35,13 +35,15 @@ ...@@ -35,13 +35,15 @@
<a class="car lineBlock"> <a class="car lineBlock">
<span class="car-msg lineBlock boxsiz">1</span> <span class="car-msg lineBlock boxsiz">1</span>
</a> </a>
<a class="account-btn lineBlock lbBox boxsiz"> <div class="account-btn lineBlock lbBox boxsiz">
<span class="user-icon lineBlock"></span> <span class="user-icon lineBlock"></span>
<span class="lineBlock account-text">Account</span> <span class="lineBlock account-text">Account</span>
<span class="arrow-down-icon lineBlock"></span> <span class="arrow-down-icon lineBlock"></span>
</a>
<div class="drop-down-menu"> <div class="drop-down-menu">
<div class="arrow-top-div">
<i class="arrow-top lineBlock"></i> <i class="arrow-top lineBlock"></i>
</div>
<div class="menu-div">
<h3 class="menu-title">Get started now</h3> <h3 class="menu-title">Get started now</h3>
<a href="" class="sign-in-btn menu-btn">Sign In</a> <a href="" class="sign-in-btn menu-btn">Sign In</a>
<a href="" class="join-free-btn menu-btn">Join Free</a> <a href="" class="join-free-btn menu-btn">Join Free</a>
...@@ -54,9 +56,12 @@ ...@@ -54,9 +56,12 @@
<li><a href="">My SNS Profile</a></li> <li><a href="">My SNS Profile</a></li>
</ul> </ul>
</div> </div>
</div>
</div>
</div>
</div> </div>
</div> </div>
</div>
<div class="regemail-pcb"> <div class="regemail-pcb">
<div class="regemail-box"> <div class="regemail-box">
<h3></h3> <h3></h3>
......
regsuccess.html
...@@ -13,7 +13,7 @@ ...@@ -13,7 +13,7 @@
<link href="./css/login/regsuccess.css" rel="stylesheet"/> <link href="./css/login/regsuccess.css" rel="stylesheet"/>
</head> </head>
<body> <body>
<div class="common-header common-header-w"> <div class="common-header common-header-w">
<div class="header-width-1180 width-1180 clr"> <div class="header-width-1180 width-1180 clr">
<span class="title-logo fl"></span> <span class="title-logo fl"></span>
<div class="header-nav fl lbBox"> <div class="header-nav fl lbBox">
...@@ -35,13 +35,15 @@ ...@@ -35,13 +35,15 @@
<a class="car lineBlock"> <a class="car lineBlock">
<span class="car-msg lineBlock boxsiz">1</span> <span class="car-msg lineBlock boxsiz">1</span>
</a> </a>
<a class="account-btn lineBlock lbBox boxsiz"> <div class="account-btn lineBlock lbBox boxsiz">
<span class="user-icon lineBlock"></span> <span class="user-icon lineBlock"></span>
<span class="lineBlock account-text">Account</span> <span class="lineBlock account-text">Account</span>
<span class="arrow-down-icon lineBlock"></span> <span class="arrow-down-icon lineBlock"></span>
</a>
<div class="drop-down-menu"> <div class="drop-down-menu">
<div class="arrow-top-div">
<i class="arrow-top lineBlock"></i> <i class="arrow-top lineBlock"></i>
</div>
<div class="menu-div">
<h3 class="menu-title">Get started now</h3> <h3 class="menu-title">Get started now</h3>
<a href="" class="sign-in-btn menu-btn">Sign In</a> <a href="" class="sign-in-btn menu-btn">Sign In</a>
<a href="" class="join-free-btn menu-btn">Join Free</a> <a href="" class="join-free-btn menu-btn">Join Free</a>
...@@ -54,9 +56,12 @@ ...@@ -54,9 +56,12 @@
<li><a href="">My SNS Profile</a></li> <li><a href="">My SNS Profile</a></li>
</ul> </ul>
</div> </div>
</div>
</div>
</div>
</div> </div>
</div> </div>
</div>
<div class="reg-success"> <div class="reg-success">
<div class="conx"> <div class="conx">
<h3></h3> <h3></h3>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment