Skip to content

梁建民 / pcb

Go to a project
Commit 1ee275dc by 施宇
Options

111

parent 6b462c77
Expand all
Inline Side-by-side
Showing with 520 additions and 109 deletions
css/common/base.css
......@@ -158,6 +158,9 @@ html,
body {
width: 100%;
}
body {
min-width: 1180px;
}
.width-1180 {
width: 1180px;
margin: 0 auto;
......@@ -227,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;
......@@ -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
......@@ -133,6 +133,7 @@ html, body {
body {
// overflow: hidden;
min-width: 1180px;
}
.width-1180 {
width: 1180px;
......@@ -210,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;
......@@ -240,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{
......@@ -305,6 +319,9 @@ body {
cursor: pointer;
&:hover{
background-color: #FFB03D;
.drop-down-menu{
display: block;
}
}
.user-icon {
......@@ -407,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
......@@ -227,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;
......@@ -260,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;
}
......@@ -322,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;
......@@ -408,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');
......@@ -535,6 +563,7 @@ body {
border-radius: 50%;
top: 151px;
cursor: pointer;
display: none;
}
.home .pre-div div,
.home .next-div div {
......@@ -558,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;
......@@ -662,8 +701,8 @@ body {
.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-362 {
width: 362px;
.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%;
......@@ -691,7 +730,6 @@ body {
.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;
......@@ -818,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;
......@@ -962,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;
}
......@@ -1071,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;
......@@ -1116,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;
......@@ -1211,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;
......@@ -1276,7 +1342,6 @@ body {
text-align: center;
line-height: 60px;
color: #fff;
background: #189EF2;
margin: 0 auto;
}
.home .faq-section {
......
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;
......@@ -159,8 +168,8 @@
width:302px;
}
&.form-select-362{
width:362px;
&.form-select-361{
width:361px;
}
}
......@@ -192,7 +201,6 @@
.header-form-content-r {
width: 167px;
height: 151px;
background-color:#E89721 ;
color:#fff;
text-align: center;
cursor: pointer;
......@@ -373,7 +381,6 @@
}
.computer-section {
background-color: #0081D2;
width: 160px;
height: 36px;
border-radius: 2px;
......@@ -564,6 +571,11 @@
}
.data-table-body {
max-height: 259px;
overflow: hidden;
.data-table-body-div{
position: relative;
}
.data-table-tr {
margin-top: 20px;
}
......@@ -695,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 {
......@@ -754,8 +786,8 @@
.banner-1-datas {
width: 999999px;
transform: translateX(-20px);
left:-20px;
position: relative;
.banner-1-data {
margin-left: 20px;
position: relative;
......@@ -871,8 +903,8 @@
.banner-2-datas {
width: 999999px;
transform: translateX(-20px);
left:-20px;
position: relative;
.banner-2-data {
margin-left: 20px;
position: relative;
......@@ -948,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">
......
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