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
Inline Side-by-side
Showing with 1048 additions and 271 deletions
css/common/base.css
......@@ -90,8 +90,7 @@ img {
border: none;
}
.clr {
*zoom: 1;
clear: both;
zoom: 1;
}
.clr:after {
content: ".";
......@@ -159,6 +158,9 @@ html,
body {
width: 100%;
}
body {
min-width: 1180px;
}
.width-1180 {
width: 1180px;
margin: 0 auto;
......@@ -228,11 +230,14 @@ body {
}
.common-header .drop-down-menu {
position: absolute;
background: #fff;
width: 180px;
z-index: 99;
padding: 20px;
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 {
position: absolute;
......@@ -240,9 +245,14 @@ body {
width: 16px;
background: url('../../images/home/arrow-top-icon.png') 100% 100% no-repeat;
z-index: 100;
top: -8px;
top: 7px;
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 {
color: #2B2F33;
font-size: 13px;
......@@ -260,10 +270,16 @@ body {
background: #0081D2;
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 {
background: #E89721;
margin-top: 10px;
}
.common-header .drop-down-menu .menu-btn.join-free-btn:hover {
background-color: #FFB03D;
}
.common-header .drop-down-menu ul {
padding-top: 12px;
}
......@@ -322,6 +338,9 @@ body {
.common-header .account-btn:hover {
background-color: #FFB03D;
}
.common-header .account-btn:hover .drop-down-menu {
display: block;
}
.common-header .account-btn .user-icon {
width: 18px;
height: 18px;
......@@ -408,3 +427,15 @@ body {
height: 25px;
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 {
}
.clr {
*zoom: 1;
clear: both;
zoom: 1;
}
.clr:after {
......@@ -134,6 +133,7 @@ html, body {
body {
// overflow: hidden;
min-width: 1180px;
}
.width-1180 {
width: 1180px;
......@@ -211,21 +211,28 @@ body {
}
.drop-down-menu{
position: absolute;
background: #fff;
width: 180px;
z-index: 99;
padding:20px;
right:0;
top:32px;
display: none;
.arrow-top-div{
height:15px;
position: relative;
}
.arrow-top{
position: absolute;
height:9px;
width:16px;
background: url('../../images/home/arrow-top-icon.png') 100% 100% no-repeat;
z-index:100;
top:-8px;
top:7px;
right:40px;
}
.menu-div{
width: 180px;
padding:20px 20px 20px 20px;
background: #fff;
}
.menu-title{
color:#2B2F33;
font-size: 13px;
......@@ -241,10 +248,16 @@ body {
&.sign-in-btn {
background: #0081D2;
margin-top:20px;
&:hover{
background-color: #189EF2;
}
}
&.join-free-btn{
background: #E89721;
margin-top:10px;
&:hover{
background-color: #FFB03D;
}
}
}
ul{
......@@ -306,6 +319,9 @@ body {
cursor: pointer;
&:hover{
background-color: #FFB03D;
.drop-down-menu{
display: block;
}
}
.user-icon {
......@@ -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 {
border: none;
}
.clr {
*zoom: 1;
clear: both;
zoom: 1;
}
.clr:after {
content: ".";
......@@ -228,22 +227,29 @@ body {
}
.common-header .drop-down-menu {
position: absolute;
background: #fff;
width: 180px;
z-index: 99;
padding: 20px;
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 {
position: absolute;
height: 9px;
width: 16px;
background: url('../../images/home/arrow-top-icon.png') 100% 100% no-repeat;
z-index: 100;
top: -8px;
top: 7px;
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 {
color: #2B2F33;
font-size: 13px;
......@@ -261,10 +267,16 @@ body {
background: #0081D2;
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 {
background: #E89721;
margin-top: 10px;
}
.common-header .drop-down-menu .menu-btn.join-free-btn:hover {
background-color: #FFB03D;
}
.common-header .drop-down-menu ul {
padding-top: 12px;
}
......@@ -323,6 +335,9 @@ body {
.common-header .account-btn:hover {
background-color: #FFB03D;
}
.common-header .account-btn:hover .drop-down-menu {
display: block;
}
.common-header .account-btn .user-icon {
width: 18px;
height: 18px;
......@@ -409,6 +424,18 @@ body {
height: 25px;
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-family: "iconfont";
src: url('iconfont.eot?t=1579247373090');
......@@ -536,6 +563,7 @@ body {
border-radius: 50%;
top: 151px;
cursor: pointer;
display: none;
}
.home .pre-div div,
.home .next-div div {
......@@ -559,9 +587,19 @@ body {
.home .next-div.next-div div {
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 {
height: 600px;
background: #0081D2;
height: 690px;
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 {
width: 550px;
......@@ -604,6 +642,7 @@ body {
color: #2B2F33;
font-weight: 600;
border-bottom: 4px solid #E89721;
background-color: #F0F4F7;
}
.home .home-header .width-1180 .header-form .header-form-navs .header-form-nav.active i {
color: #0081D2;
......@@ -613,10 +652,84 @@ body {
font-size: 27px;
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 {
width: 167px;
height: 151px;
background-color: #E89721;
color: #fff;
text-align: center;
cursor: pointer;
......@@ -743,7 +856,6 @@ body {
width: 165px;
}
.home .home-goods-section .goods-list .good-sigle .computer-section {
background-color: #0081D2;
width: 160px;
height: 36px;
border-radius: 2px;
......@@ -887,6 +999,13 @@ body {
.home .map-section .map-data .data-table .data-table-header div.table-header-4 {
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 {
margin-top: 20px;
}
......@@ -996,6 +1115,26 @@ body {
top: 282px;
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 {
width: 223px;
height: 132px;
......@@ -1041,7 +1180,8 @@ body {
}
.home .banner-1-section .banner-1-datas {
width: 999999px;
transform: translateX(-20px);
left: -20px;
position: relative;
}
.home .banner-1-section .banner-1-datas .banner-1-data {
margin-left: 20px;
......@@ -1136,7 +1276,8 @@ body {
}
.home .banner-2-section .banner-2-datas {
width: 999999px;
transform: translateX(-20px);
left: -20px;
position: relative;
}
.home .banner-2-section .banner-2-datas .banner-2-data {
margin-left: 20px;
......@@ -1201,7 +1342,6 @@ body {
text-align: center;
line-height: 60px;
color: #fff;
background: #189EF2;
margin: 0 auto;
}
.home .faq-section {
......@@ -1251,4 +1391,3 @@ body {
cursor: pointer;
font-weight: 600;
}
/*# sourceMappingURL=home.css.map */
\ No newline at end of file
css/home/home.less
......@@ -17,6 +17,7 @@
border-radius: 50%;
top: 151px;
cursor: pointer;
display: none;
div {
width: 14px;
......@@ -44,11 +45,19 @@
}
.home-top-nav{
position: absolute;
top:0;
left:0;
right:0;
background: none;
}
.home-header {
height: 600px;
background: #0081D2;
height: 690px;
background: url(../../images/home/home-bg.png) no-repeat;
background-size: 1920px 690px;
background-position: center;
padding-top: 90px;
.width-1180 {
.home-header-title {
width: 550px;
......@@ -94,7 +103,7 @@
color: #2B2F33;
font-weight: 600;
border-bottom: 4px solid #E89721;
background-color: #F0F4F7;
i {
color: #0081D2;
font-weight: normal;
......@@ -109,12 +118,89 @@
}
.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 {
width: 167px;
height: 151px;
background-color:#E89721 ;
color:#fff;
text-align: center;
cursor: pointer;
......@@ -295,7 +381,6 @@
}
.computer-section {
background-color: #0081D2;
width: 160px;
height: 36px;
border-radius: 2px;
......@@ -486,6 +571,11 @@
}
.data-table-body {
max-height: 259px;
overflow: hidden;
.data-table-body-div{
position: relative;
}
.data-table-tr {
margin-top: 20px;
}
......@@ -617,6 +707,26 @@
top: 282px;
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 {
......@@ -676,8 +786,8 @@
.banner-1-datas {
width: 999999px;
transform: translateX(-20px);
left:-20px;
position: relative;
.banner-1-data {
margin-left: 20px;
position: relative;
......@@ -793,8 +903,8 @@
.banner-2-datas {
width: 999999px;
transform: translateX(-20px);
left:-20px;
position: relative;
.banner-2-data {
margin-left: 20px;
position: relative;
......@@ -870,7 +980,6 @@
text-align: center;
line-height: 60px;
color: #fff;
background: #189EF2;
margin: 0 auto;
}
}
......
css/login/forget.css
......@@ -90,8 +90,7 @@ img {
border: none;
}
.clr {
*zoom: 1;
clear: both;
zoom: 1;
}
.clr:after {
content: ".";
......@@ -228,22 +227,29 @@ body {
}
.common-header .drop-down-menu {
position: absolute;
background: #fff;
width: 180px;
z-index: 99;
padding: 20px;
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 {
position: absolute;
height: 9px;
width: 16px;
background: url('../../images/home/arrow-top-icon.png') 100% 100% no-repeat;
z-index: 100;
top: -8px;
top: 7px;
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 {
color: #2B2F33;
font-size: 13px;
......@@ -261,10 +267,16 @@ body {
background: #0081D2;
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 {
background: #E89721;
margin-top: 10px;
}
.common-header .drop-down-menu .menu-btn.join-free-btn:hover {
background-color: #FFB03D;
}
.common-header .drop-down-menu ul {
padding-top: 12px;
}
......@@ -323,6 +335,9 @@ body {
.common-header .account-btn:hover {
background-color: #FFB03D;
}
.common-header .account-btn:hover .drop-down-menu {
display: block;
}
.common-header .account-btn .user-icon {
width: 18px;
height: 18px;
......@@ -409,6 +424,18 @@ body {
height: 25px;
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-family: "iconfont";
src: url('iconfont.eot?t=1579247373090');
......@@ -524,8 +551,7 @@ body {
}
.forget-pcb {
height: 560px;
background: url(../../images/login/login-bg.jpg) no-repeat;
background-size: 1920px 600px;
background: url(../../images/login/login-bg.png) no-repeat;
background-position: center;
padding-top: 40px;
}
......@@ -718,4 +744,3 @@ body {
color: #2B2F33;
font-weight: bold;
}
/*# sourceMappingURL=forget.css.map */
\ No newline at end of file
css/login/forget.less
@import '../common/base.less';
@import '../common/font/iconfont.less';
.forget-pcb{
height:560px;background: url(../../images/login/login-bg.jpg) no-repeat;
background-size: 1920px 600px;
height:560px;background: url(../../images/login/login-bg.png) no-repeat;
// background-size: 1920px 600px;
background-position: center;
padding-top: 40px;
.forget-box{
......
css/login/login.css
......@@ -90,8 +90,7 @@ img {
border: none;
}
.clr {
*zoom: 1;
clear: both;
zoom: 1;
}
.clr:after {
content: ".";
......@@ -159,6 +158,9 @@ html,
body {
width: 100%;
}
body {
min-width: 1180px;
}
.width-1180 {
width: 1180px;
margin: 0 auto;
......@@ -228,22 +230,29 @@ body {
}
.common-header .drop-down-menu {
position: absolute;
background: #fff;
width: 180px;
z-index: 99;
padding: 20px;
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 {
position: absolute;
height: 9px;
width: 16px;
background: url('../../images/home/arrow-top-icon.png') 100% 100% no-repeat;
z-index: 100;
top: -8px;
top: 7px;
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 {
color: #2B2F33;
font-size: 13px;
......@@ -261,10 +270,16 @@ body {
background: #0081D2;
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 {
background: #E89721;
margin-top: 10px;
}
.common-header .drop-down-menu .menu-btn.join-free-btn:hover {
background-color: #FFB03D;
}
.common-header .drop-down-menu ul {
padding-top: 12px;
}
......@@ -323,6 +338,9 @@ body {
.common-header .account-btn:hover {
background-color: #FFB03D;
}
.common-header .account-btn:hover .drop-down-menu {
display: block;
}
.common-header .account-btn .user-icon {
width: 18px;
height: 18px;
......@@ -409,6 +427,18 @@ body {
height: 25px;
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-family: "iconfont";
src: url('iconfont.eot?t=1579247373090');
......@@ -524,8 +554,7 @@ body {
}
.login-pcb {
height: 560px;
background: url(../../images/login/login-bg.jpg) no-repeat;
background-size: 1920px 600px;
background: url(../../images/login/login-bg.png) no-repeat;
background-position: center;
padding-top: 40px;
}
......@@ -692,4 +721,3 @@ body {
.login-pcb .login-box .lg-con .go-reg:hover strong {
color: #0081D2;
}
/*# sourceMappingURL=login.css.map */
\ No newline at end of file
css/login/login.less
@import '../common/base.less';
@import '../common/font/iconfont.less';
.login-pcb{
height:560px;background: url(../../images/login/login-bg.jpg) no-repeat;
background-size: 1920px 600px;
height:560px;background: url(../../images/login/login-bg.png) no-repeat;
// background-size: 1920px 600px;
background-position: center;
padding-top: 40px;
.login-box{
......
css/login/reg.css
......@@ -90,8 +90,7 @@ img {
border: none;
}
.clr {
*zoom: 1;
clear: both;
zoom: 1;
}
.clr:after {
content: ".";
......@@ -228,22 +227,29 @@ body {
}
.common-header .drop-down-menu {
position: absolute;
background: #fff;
width: 180px;
z-index: 99;
padding: 20px;
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 {
position: absolute;
height: 9px;
width: 16px;
background: url('../../images/home/arrow-top-icon.png') 100% 100% no-repeat;
z-index: 100;
top: -8px;
top: 7px;
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 {
color: #2B2F33;
font-size: 13px;
......@@ -261,10 +267,16 @@ body {
background: #0081D2;
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 {
background: #E89721;
margin-top: 10px;
}
.common-header .drop-down-menu .menu-btn.join-free-btn:hover {
background-color: #FFB03D;
}
.common-header .drop-down-menu ul {
padding-top: 12px;
}
......@@ -323,6 +335,9 @@ body {
.common-header .account-btn:hover {
background-color: #FFB03D;
}
.common-header .account-btn:hover .drop-down-menu {
display: block;
}
.common-header .account-btn .user-icon {
width: 18px;
height: 18px;
......@@ -409,6 +424,18 @@ body {
height: 25px;
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-family: "iconfont";
src: url('iconfont.eot?t=1579247373090');
......@@ -524,8 +551,7 @@ body {
}
.login-pcb {
height: 560px;
background: url(../../images/login/login-bg.jpg) no-repeat;
background-size: 1920px 600px;
background: url(../../images/login/login-bg.png) no-repeat;
background-position: center;
padding-top: 40px;
}
......@@ -706,4 +732,3 @@ body {
.login-pcb .login-box .lg-con .go-reg:hover strong {
color: #0081D2;
}
/*# sourceMappingURL=reg.css.map */
\ No newline at end of file
css/login/reg.less
@import '../common/base.less';
@import '../common/font/iconfont.less';
.login-pcb{
height:560px;background: url(../../images/login/login-bg.jpg) no-repeat;
background-size: 1920px 600px;
height:560px;background: url(../../images/login/login-bg.png) no-repeat;
// background-size: 1920px 600px;
background-position: center;
padding-top: 40px;
.login-box{
......
css/login/regemail.css
......@@ -90,8 +90,7 @@ img {
border: none;
}
.clr {
*zoom: 1;
clear: both;
zoom: 1;
}
.clr:after {
content: ".";
......@@ -228,22 +227,29 @@ body {
}
.common-header .drop-down-menu {
position: absolute;
background: #fff;
width: 180px;
z-index: 99;
padding: 20px;
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 {
position: absolute;
height: 9px;
width: 16px;
background: url('../../images/home/arrow-top-icon.png') 100% 100% no-repeat;
z-index: 100;
top: -8px;
top: 7px;
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 {
color: #2B2F33;
font-size: 13px;
......@@ -261,10 +267,16 @@ body {
background: #0081D2;
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 {
background: #E89721;
margin-top: 10px;
}
.common-header .drop-down-menu .menu-btn.join-free-btn:hover {
background-color: #FFB03D;
}
.common-header .drop-down-menu ul {
padding-top: 12px;
}
......@@ -323,6 +335,9 @@ body {
.common-header .account-btn:hover {
background-color: #FFB03D;
}
.common-header .account-btn:hover .drop-down-menu {
display: block;
}
.common-header .account-btn .user-icon {
width: 18px;
height: 18px;
......@@ -409,6 +424,18 @@ body {
height: 25px;
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-family: "iconfont";
src: url('iconfont.eot?t=1579247373090');
......@@ -524,8 +551,7 @@ body {
}
.regemail-pcb {
height: 560px;
background: url(../../images/login/login-bg.jpg) no-repeat;
background-size: 1920px 600px;
background: url(../../images/login/login-bg.png) no-repeat;
background-position: center;
padding-top: 40px;
}
......@@ -609,4 +635,3 @@ body {
color: #828E99;
background: #F0F4F7;
}
/*# sourceMappingURL=regemail.css.map */
\ No newline at end of file
css/login/regemail.less
@import '../common/base.less';
@import '../common/font/iconfont.less';
.regemail-pcb{
height:560px;background: url(../../images/login/login-bg.jpg) no-repeat;
background-size: 1920px 600px;
height:560px;background: url(../../images/login/login-bg.png) no-repeat;
// background-size: 1920px 600px;
background-position: center;
padding-top: 40px;
.regemail-box{
......
forget.html
......@@ -13,7 +13,7 @@
<link href="./css/login/forget.css" rel="stylesheet"/>
</head>
<body>
<div class="common-header common-header-w">
<div class="common-header common-header-b">
<div class="header-width-1180 width-1180 clr">
<span class="title-logo fl"></span>
<div class="header-nav fl lbBox">
......@@ -35,13 +35,15 @@
<a class="car lineBlock">
<span class="car-msg lineBlock boxsiz">1</span>
</a>
<a class="account-btn lineBlock lbBox boxsiz">
<div class="account-btn lineBlock lbBox boxsiz">
<span class="user-icon lineBlock"></span>
<span class="lineBlock account-text">Account</span>
<span class="arrow-down-icon lineBlock"></span>
</a>
<div class="drop-down-menu">
<div class="arrow-top-div">
<i class="arrow-top lineBlock"></i>
</div>
<div class="menu-div">
<h3 class="menu-title">Get started now</h3>
<a href="" class="sign-in-btn menu-btn">Sign In</a>
<a href="" class="join-free-btn menu-btn">Join Free</a>
......@@ -54,9 +56,12 @@
<li><a href="">My SNS Profile</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="forget-pcb">
<div class="forget-box">
<!--忘记密码第一步 提交发邮件-->
......@@ -76,7 +81,7 @@
<div class="form-group img-code-group ">
<i class="iconfont iconimgcode"></i>
<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>
<div class="forget-text">
......
index.html
......@@ -16,7 +16,7 @@
<body>
<div class="home">
<div class="common-header common-header-b">
<div class="common-header common-header-b home-top-nav">
<div class="header-width-1180 width-1180 clr">
<span class="title-logo fl"></span>
<div class="header-nav fl lbBox">
......@@ -38,13 +38,15 @@
<a class="car lineBlock">
<span class="car-msg lineBlock boxsiz">1</span>
</a>
<a class="account-btn lineBlock lbBox boxsiz">
<div class="account-btn lineBlock lbBox boxsiz">
<span class="user-icon lineBlock"></span>
<span class="lineBlock account-text">Account</span>
<span class="arrow-down-icon lineBlock"></span>
</a>
<div class="drop-down-menu">
<div class="arrow-top-div">
<i class="arrow-top lineBlock"></i>
</div>
<div class="menu-div">
<h3 class="menu-title">Get started now</h3>
<a href="" class="sign-in-btn menu-btn">Sign In</a>
<a href="" class="join-free-btn menu-btn">Join Free</a>
......@@ -57,10 +59,13 @@
<li><a href="">My SNS Profile</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="home-header">
<div class="home-header boxsiz">
<div class="width-1180">
<h3 class="home-header-title">Full Function Customized PCB Service</h3>
<p class="home-header-desc">24 hours quick turnaround PCB prototype.<br /> Delivered directly from our
......@@ -86,8 +91,178 @@
</div>
</div>
<div class="header-form-content clr">
<div class="header-form-content-l fl"></div>
<div class="header-form-content-r fr">
<div class="header-form-content-l fl">
<div class="header-form-1 clr">
<div class="form-height boxsiz form-item fl">
<div class="form-title">Dimensions:</div>
<div class="input-div">
<input type="text" placeholder="Height" class="form-dom">
<div class="close">x</div>
</div>
</div>
<div class="form-width form-item fl boxsiz">
<div class="form-title">mm:</div>
<div class="input-div">
<input type="text" placeholder="Width" class="form-dom">
<div class="close">x</div>
</div>
</div>
<div class="form-select form-item fl boxsiz">
<div class="form-title">Quantity:</div>
<select name="select" id="1" class="form-dom">
<option value="1">Choose Num (pcs)</option>
<option value="2">1</option>
<option value="3">1</option>
<option value="4">1</option>
</select>
</div>
<div class="form-select form-item fl boxsiz">
<div class="form-title">Layers:</div>
<select name="select" id="1" class="form-dom">
<option value="1">2 Layers</option>
<option value="2">1</option>
<option value="3">1</option>
<option value="4">1</option>
</select>
</div>
<div class="form-select form-item fl boxsiz form-item-no-border">
<div class="form-title">Thickness:</div>
<select name="select" id="1" class="form-dom">
<option value="1">1.6</option>
<option value="2">1</option>
<option value="3">1</option>
<option value="4">1</option>
</select>
</div>
</div>
<div class="header-form-2 clr">
<div class="form-select form-item fl boxsiz form--select-350 form-select-first">
<div class="form-title">Board Quantity:</div>
<select name="select" id="1" class="form-dom">
<option value="1">Estimated PCBA Qty</option>
<option value="2">1</option>
<option value="3">1</option>
<option value="4">1</option>
</select>
</div>
<div class="form-select form-item fl boxsiz">
<div class="form-title">Assembly Side:</div>
<select name="select" id="1" class="form-dom">
<option value="1">Single Side</option>
<option value="2">1</option>
<option value="3">1</option>
<option value="4">1</option>
</select>
</div>
<div class="form-select form-item fl boxsiz">
<div class="form-title">SMD Solder Joints:</div>
<select name="select" id="1" class="form-dom">
<option value="1">PointNum</option>
<option value="2">1</option>
<option value="3">1</option>
<option value="4">1</option>
</select>
</div>
<div class="form-select form-item fl boxsiz form-item-no-border">
<div class="form-title">DIP Solder Joints:</div>
<select name="select" id="1" class="form-dom">
<option value="1">Total number</option>
<option value="2">1</option>
<option value="3">1</option>
<option value="4">1</option>
</select>
</div>
</div>
<div class="header-form-3 clr">
<div class="form-select form-item fl boxsiz form-select-231 form-select-first">
<div class="form-title">Stencil type:</div>
<select name="select" id="1" class="form-dom">
<option value="1">Framework</option>
<option value="2">1</option>
<option value="3">1</option>
<option value="4">1</option>
</select>
</div>
<div class="form-select form-item fl boxsiz">
<div class="form-title">Stencil type:</div>
<select name="select" id="1" class="form-dom">
<option value="1">Yes</option>
<option value="2">1</option>
<option value="3">1</option>
<option value="4">1</option>
</select>
</div>
<div class="form-select form-item fl boxsiz form-select-340">
<div class="form-title">Stencil type:</div>
<select name="select" id="1" class="form-dom">
<option value="1">Yes</option>
<option value="2">1</option>
<option value="3">1</option>
<option value="4">1</option>
</select>
</div>
<div class="form-select form-item fl boxsiz form-item-no-border">
<div class="form-title">Stencil Side::</div>
<select name="select" id="1" class="form-dom">
<option value="1">Top</option>
<option value="2">1</option>
<option value="3">1</option>
<option value="4">1</option>
</select>
</div>
</div>
<div class="header-form-4 clr">
<div class="form-height boxsiz form-item fl">
<div class="form-title">Dimensions:</div>
<div class="input-div">
<input type="text" placeholder="Height" class="form-dom">
<div class="close">x</div>
</div>
</div>
<div class="form-width form-item fl boxsiz">
<div class="form-title">mm:</div>
<div class="input-div">
<input type="text" placeholder="Width" class="form-dom">
<div class="close">x</div>
</div>
</div>
<div class="form-select form-item fl boxsiz form-select-302">
<div class="form-title">Quantity:</div>
<select name="select" id="1" class="form-dom">
<option value="1">5</option>
<option value="2">1</option>
<option value="3">1</option>
<option value="4">1</option>
</select>
</div>
<div class="form-select form-item fl boxsiz form-select-361 form-item-no-border">
<div class="form-title">Product:</div>
<select name="select" id="1" class="form-dom">
<option value="1">Membrane Switch</option>
<option value="2">1</option>
<option value="3">1</option>
<option value="4">1</option>
</select>
</div>
</div>
</div>
<div class="header-form-content-r fr btn-y">
<div class="iconfont iconjisuanqi"></div>
<p>Quote now</p>
</div>
......@@ -162,7 +337,7 @@
<div class="param-value lineBlock ellipsis">48 Hours</div>
</div>
</div>
<div class="computer-section lbBox">
<div class="computer-section lbBox btn-b">
<span class="img lineBlock"></span>
<span class="text lineBlock">Quote now</span>
</div>
......@@ -196,7 +371,7 @@
<div class="param-value lineBlock ellipsis">48 Hours</div>
</div>
</div>
<div class="computer-section lbBox">
<div class="computer-section lbBox btn-b">
<span class="img lineBlock"></span>
<span class="text lineBlock">Quote now</span>
</div>
......@@ -230,7 +405,7 @@
<div class="param-value lineBlock ellipsis">48 Hours</div>
</div>
</div>
<div class="computer-section lbBox">
<div class="computer-section lbBox btn-b">
<span class="img lineBlock"></span>
<span class="text lineBlock">Quote now</span>
</div>
......@@ -264,7 +439,7 @@
<div class="param-value lineBlock ellipsis">48 Hours</div>
</div>
</div>
<div class="computer-section lbBox">
<div class="computer-section lbBox btn-b">
<span class="img lineBlock"></span>
<span class="text lineBlock">Quote now</span>
</div>
......@@ -340,6 +515,7 @@
<div class="table-header-4 lineBlock">Progress</div>
</div>
<div class="data-table-body">
<div class="data-table-body-div" id="data-table-body-div">
<div class="data-table-tr lbBox">
<div class="table-td-1 lineBlock va-t">01-14</div>
<div class="table-td-2 lineBlock lbBox">
......@@ -396,6 +572,92 @@
</div>
</div>
</div>
<div class="data-table-tr lbBox">
<div class="table-td-1 lineBlock va-t">01-14</div>
<div class="table-td-2 lineBlock lbBox">
<img src="./images/home/mg.png" alt="">
<span class="lineBlock ellipsis">1111</span>
</div>
<div class="table-td-3 lineBlock ellipsis">10</div>
<div class="table-td-4 lineBlock">
<div class="progress">
<div class="active-progress"></div>
<div class="text-progress">70%</div>
</div>
</div>
</div>
<div class="data-table-tr lbBox">
<div class="table-td-1 lineBlock va-t">01-14</div>
<div class="table-td-2 lineBlock lbBox">
<img src="./images/home/mg.png" alt="">
<span class="lineBlock ellipsis">1111</span>
</div>
<div class="table-td-3 lineBlock ellipsis">10</div>
<div class="table-td-4 lineBlock">
<div class="progress">
<div class="active-progress"></div>
<div class="text-progress">70%</div>
</div>
</div>
</div>
<div class="data-table-tr lbBox">
<div class="table-td-1 lineBlock va-t">01-14</div>
<div class="table-td-2 lineBlock lbBox">
<img src="./images/home/mg.png" alt="">
<span class="lineBlock ellipsis">1111</span>
</div>
<div class="table-td-3 lineBlock ellipsis">10</div>
<div class="table-td-4 lineBlock">
<div class="progress">
<div class="active-progress"></div>
<div class="text-progress">70%</div>
</div>
</div>
</div>
<div class="data-table-tr lbBox">
<div class="table-td-1 lineBlock va-t">01-14</div>
<div class="table-td-2 lineBlock lbBox">
<img src="./images/home/mg.png" alt="">
<span class="lineBlock ellipsis">1111</span>
</div>
<div class="table-td-3 lineBlock ellipsis">10</div>
<div class="table-td-4 lineBlock">
<div class="progress">
<div class="active-progress"></div>
<div class="text-progress">70%</div>
</div>
</div>
</div>
<div class="data-table-tr lbBox">
<div class="table-td-1 lineBlock va-t">01-14</div>
<div class="table-td-2 lineBlock lbBox">
<img src="./images/home/mg.png" alt="">
<span class="lineBlock ellipsis">1111</span>
</div>
<div class="table-td-3 lineBlock ellipsis">10</div>
<div class="table-td-4 lineBlock">
<div class="progress">
<div class="active-progress"></div>
<div class="text-progress">70%</div>
</div>
</div>
</div>
<div class="data-table-tr lbBox">
<div class="table-td-1 lineBlock va-t">01-14</div>
<div class="table-td-2 lineBlock lbBox">
<img src="./images/home/mg.png" alt="">
<span class="lineBlock ellipsis">1111</span>
</div>
<div class="table-td-3 lineBlock ellipsis">10</div>
<div class="table-td-4 lineBlock">
<div class="progress">
<div class="active-progress"></div>
<div class="text-progress">70%</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
......@@ -500,101 +762,123 @@
</div>
</div>
</div>
<div class="point-div-6 point-div">
<div class="point-mark"></div>
<div class="point-desc boxsiz">
<h3 class="ellipsis">China</h3>
<div class="descs">
<div class="desc">
<span class="text">Files in production: </span>
<span class="num">42</span class="text">
</div>
<div class="desc">
<span class="text">Total number of files: </span class="text">
<span class="num">5280</span>
</div>
<div class="desc">
<span class="text">User Numbers: </span class="text">
<span class="num">1248</span>
</div>
</div>
<div class="banner-1-section">
<div class="width-1180">
<h3 class="banner-1-section-title">Chinese Ultrafast PCB & PCBA Manufacturer</h3>
<div class="banner-1-datas-div">
<div class="pre-div">
<div></div>
</div>
<div class="next-div">
<div></div>
</div>
<div class="banner-1-datas clr">
<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 class="point-div-7 point-div">
<div class="point-mark"></div>
<div class="point-desc boxsiz">
<h3 class="ellipsis">China</h3>
<div class="descs">
<div class="desc">
<span class="text">Files in production: </span>
<span class="num">42</span class="text">
</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"> High-loaded, high precision ball screw</span>
</li>
<li class="lbBox">
<i class="lineBlock va-t"></i>
<span class="lineBlock"> Guarantees the stability during performance</span>
</li>
</ul>
<div class="desc">
<span class="text">Total number of files: </span class="text">
<span class="num">5280</span>
</div>
<div class="desc">
<span class="text">User Numbers: </span class="text">
<span class="num">1248</span>
</div>
</div>
<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"> High-loaded, high precision ball screw</span>
</li>
<li class="lbBox">
<i class="lineBlock va-t"></i>
<span class="lineBlock"> Guarantees the stability during performance</span>
</li>
</ul>
</div>
<div class="point-div-8 point-div">
<div class="point-mark"></div>
<div class="point-desc boxsiz">
<h3 class="ellipsis">China</h3>
<div class="descs">
<div class="desc">
<span class="text">Files in production: </span>
<span class="num">42</span class="text">
</div>
<div class="desc">
<span class="text">Total number of files: </span class="text">
<span class="num">5280</span>
</div>
<div class="desc">
<span class="text">User Numbers: </span class="text">
<span class="num">1248</span>
</div>
</div>
</div>
</div>
<div class="point-div-9 point-div">
<div class="point-mark"></div>
<div class="point-desc boxsiz">
<h3 class="ellipsis">China</h3>
<div class="descs">
<div class="desc">
<span class="text">Files in production: </span>
<span class="num">42</span class="text">
</div>
<div class="desc">
<span class="text">Total number of files: </span class="text">
<span class="num">5280</span>
</div>
<div class="desc">
<span class="text">User Numbers: </span class="text">
<span class="num">1248</span>
</div>
<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"> High-loaded, high precision ball screw</span>
</li>
<li class="lbBox">
<i class="lineBlock va-t"></i>
<span class="lineBlock"> Guarantees the stability during performance</span>
</li>
</ul>
</div>
</div>
<div class="point-div-10 point-div">
<div class="point-mark"></div>
<div class="point-desc boxsiz">
<h3 class="ellipsis">China</h3>
<div class="descs">
<div class="desc">
<span class="text">Files in production: </span>
<span class="num">42</span class="text">
</div>
<div class="desc">
<span class="text">Total number of files: </span class="text">
<span class="num">5280</span>
</div>
<div class="desc">
<span class="text">User Numbers: </span class="text">
<span class="num">1248</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="banner-1-section">
<div class="width-1180">
<h3 class="banner-1-section-title">Chinese Ultrafast PCB & PCBA Manufacturer</h3>
<div class="banner-1-datas-div">
<div class="pre-div">
<div></div>
</div>
<div class="next-div">
<div></div>
</div>
<div class="banner-1-datas clr">
<div class="banner-1-data fl">
<img src="./images/home/banner-1.png" alt="">
<div class="banner-1-data-text">
......@@ -640,53 +924,7 @@
<div></div>
</div>
<div class="banner-2-datas clr">
<div class="banner-2-data fl">
<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>
<div class="banner-2-data fl">
<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>
<div class="banner-2-data fl">
<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
......@@ -709,32 +947,10 @@
</div>
</div>
</div>
<div class="banner-2-data fl">
<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>
</div>
</div>
<a href="" class="place-orders">Place Orders & Comment</a>
<a href="" class="place-orders btn-b">Place Orders & Comment</a>
</div>
</div>
<div class="faq-section">
......
js/base.js
......@@ -39,8 +39,6 @@
return this;
},
handleBind: function (opt) {
return this;
},
}, $(function () {
......
js/home.js
......@@ -3,14 +3,146 @@
init: function () {
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) {
opt.scrollInfo('data-table-body-div','data-table-tr','37',opt);
opt.bannerDeal(1,opt)
opt.bannerDeal(2,opt)
return this;
},
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;
},
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 () {
homeController.init();
})
......
login.html
......@@ -13,7 +13,7 @@
<link href="./css/login/login.css" rel="stylesheet"/>
</head>
<body>
<div class="common-header common-header-w">
<div class="common-header common-header-w">
<div class="header-width-1180 width-1180 clr">
<span class="title-logo fl"></span>
<div class="header-nav fl lbBox">
......@@ -35,13 +35,15 @@
<a class="car lineBlock">
<span class="car-msg lineBlock boxsiz">1</span>
</a>
<a class="account-btn lineBlock lbBox boxsiz">
<div class="account-btn lineBlock lbBox boxsiz">
<span class="user-icon lineBlock"></span>
<span class="lineBlock account-text">Account</span>
<span class="arrow-down-icon lineBlock"></span>
</a>
<div class="drop-down-menu">
<div class="arrow-top-div">
<i class="arrow-top lineBlock"></i>
</div>
<div class="menu-div">
<h3 class="menu-title">Get started now</h3>
<a href="" class="sign-in-btn menu-btn">Sign In</a>
<a href="" class="join-free-btn menu-btn">Join Free</a>
......@@ -54,9 +56,12 @@
<li><a href="">My SNS Profile</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="login-pcb">
<div class="login-box">
<h3>Sign In</h3>
......@@ -75,7 +80,7 @@
<div class="form-group img-code-group ">
<i class="iconfont iconimgcode"></i>
<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>
<div class="go-login">Sign in</div>
......
reg.html
......@@ -13,7 +13,7 @@
<link href="./css/login/reg.css" rel="stylesheet"/>
</head>
<body>
<div class="common-header common-header-w">
<div class="common-header common-header-w">
<div class="header-width-1180 width-1180 clr">
<span class="title-logo fl"></span>
<div class="header-nav fl lbBox">
......@@ -35,13 +35,15 @@
<a class="car lineBlock">
<span class="car-msg lineBlock boxsiz">1</span>
</a>
<a class="account-btn lineBlock lbBox boxsiz">
<div class="account-btn lineBlock lbBox boxsiz">
<span class="user-icon lineBlock"></span>
<span class="lineBlock account-text">Account</span>
<span class="arrow-down-icon lineBlock"></span>
</a>
<div class="drop-down-menu">
<div class="arrow-top-div">
<i class="arrow-top lineBlock"></i>
</div>
<div class="menu-div">
<h3 class="menu-title">Get started now</h3>
<a href="" class="sign-in-btn menu-btn">Sign In</a>
<a href="" class="join-free-btn menu-btn">Join Free</a>
......@@ -54,9 +56,12 @@
<li><a href="">My SNS Profile</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="login-pcb">
<div class="login-box">
<h3>Sign up <span class="fr">*Get a <font class="f-red">$5.00</font> Welcome Bonus</span></h3>
......@@ -80,7 +85,7 @@
<div class="form-group img-code-group ">
<i class="iconfont iconimgcode"></i>
<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>
<div class="go-login">Sign in</div>
......
regemail.html
......@@ -13,7 +13,7 @@
<link href="./css/login/regemail.css" rel="stylesheet"/>
</head>
<body>
<div class="common-header common-header-w">
<div class="common-header common-header-w">
<div class="header-width-1180 width-1180 clr">
<span class="title-logo fl"></span>
<div class="header-nav fl lbBox">
......@@ -35,13 +35,15 @@
<a class="car lineBlock">
<span class="car-msg lineBlock boxsiz">1</span>
</a>
<a class="account-btn lineBlock lbBox boxsiz">
<div class="account-btn lineBlock lbBox boxsiz">
<span class="user-icon lineBlock"></span>
<span class="lineBlock account-text">Account</span>
<span class="arrow-down-icon lineBlock"></span>
</a>
<div class="drop-down-menu">
<div class="arrow-top-div">
<i class="arrow-top lineBlock"></i>
</div>
<div class="menu-div">
<h3 class="menu-title">Get started now</h3>
<a href="" class="sign-in-btn menu-btn">Sign In</a>
<a href="" class="join-free-btn menu-btn">Join Free</a>
......@@ -54,9 +56,12 @@
<li><a href="">My SNS Profile</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="regemail-pcb">
<div class="regemail-box">
<h3></h3>
......
regsuccess.html
......@@ -13,7 +13,7 @@
<link href="./css/login/regsuccess.css" rel="stylesheet"/>
</head>
<body>
<div class="common-header common-header-w">
<div class="common-header common-header-w">
<div class="header-width-1180 width-1180 clr">
<span class="title-logo fl"></span>
<div class="header-nav fl lbBox">
......@@ -35,13 +35,15 @@
<a class="car lineBlock">
<span class="car-msg lineBlock boxsiz">1</span>
</a>
<a class="account-btn lineBlock lbBox boxsiz">
<div class="account-btn lineBlock lbBox boxsiz">
<span class="user-icon lineBlock"></span>
<span class="lineBlock account-text">Account</span>
<span class="arrow-down-icon lineBlock"></span>
</a>
<div class="drop-down-menu">
<div class="arrow-top-div">
<i class="arrow-top lineBlock"></i>
</div>
<div class="menu-div">
<h3 class="menu-title">Get started now</h3>
<a href="" class="sign-in-btn menu-btn">Sign In</a>
<a href="" class="join-free-btn menu-btn">Join Free</a>
......@@ -54,9 +56,12 @@
<li><a href="">My SNS Profile</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="reg-success">
<div class="conx">
<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