Skip to content

梁建民 / pcb

Go to a project
Commit f7a9663c by 梁建民
Options

提交订单页面

parent f258ffc8
Inline Side-by-side
Showing with 1580 additions and 39 deletions
css/order/order.css
...@@ -669,6 +669,21 @@ body { ...@@ -669,6 +669,21 @@ body {
font-size: 13px; font-size: 13px;
color: #828e99; color: #828e99;
} }
.pcb-order .order-address-empty {
height: 111px;
background: #f0f4f7;
text-align: center;
margin-top: 20px;
}
.pcb-order .order-address-empty .iconfont {
font-size: 30px;
color: #0181d3;
}
.pcb-order .order-address-empty span {
font-size: 16px;
color: #2b2f33;
font-weight: bold;
}
.pcb-order .order-transport { .pcb-order .order-transport {
margin-top: 30px; margin-top: 30px;
} }
...@@ -752,6 +767,7 @@ body { ...@@ -752,6 +767,7 @@ body {
.pcb-order .order-data table tr td .t1 .t1-c { .pcb-order .order-data table tr td .t1 .t1-c {
font-size: 13px; font-size: 13px;
color: #0081d2; color: #0081d2;
cursor: pointer;
} }
.pcb-order .order-data table tr td .t2 { .pcb-order .order-data table tr td .t2 {
font-size: 16px; font-size: 16px;
...@@ -761,9 +777,13 @@ body { ...@@ -761,9 +777,13 @@ body {
.pcb-order .order-contact { .pcb-order .order-contact {
padding: 30px 0 20px 0; padding: 30px 0 20px 0;
} }
.pcb-order .order-contact .tit {
margin-bottom: 20px;
}
.pcb-order .order-contact .tit .l { .pcb-order .order-contact .tit .l {
font-size: 16px; font-size: 16px;
color: #2b2f33; color: #2b2f33;
font-weight: bold;
} }
.pcb-order .order-contact .tit .r { .pcb-order .order-contact .tit .r {
font-size: 13px; font-size: 13px;
...@@ -771,6 +791,454 @@ body { ...@@ -771,6 +791,454 @@ body {
} }
.pcb-order .order-contact .ln { .pcb-order .order-contact .ln {
border: 1px solid #f0f4f7; border: 1px solid #f0f4f7;
padding: 30px 0 30px ; padding: 30px 0 30px 37px;
}
.pcb-order .order-contact .ln .iconfont {
font-size: 20px;
color: #cbcdcf;
margin-left: 10px;
margin-right: 12px;
}
.pcb-order .order-contact .ln .inp {
width: 260px;
height: 40px;
background: #ffffff;
border-radius: 2px;
border: 1px solid #dae0e6;
margin-right: 28px;
}
.pcb-order .order-contact .ln .inp input::-webkit-input-placeholder {
color: #2b2f33;
opacity: 0.5;
}
.pcb-order .order-contact .ln .inpt {
margin-left: 37px;
}
.pcb-order .order-contact .ln .inpt .t1 {
font-size: 13px;
color: #575e66;
cursor: pointer;
}
.pcb-order .order-contact .ln .inpt .cicle {
width: 12px;
height: 12px;
padding: 3px;
border-radius: 18px;
border: 1px solid #C2C7CC;
position: relative;
margin-right: 8px;
cursor: pointer;
}
.pcb-order .order-contact .ln .active .cicle {
border-color: #0081D2 !important;
}
.pcb-order .order-contact .ln .active .cicle i {
display: block;
width: 12px;
height: 12px;
background: #0081D2;
border-radius: 12px;
}
.pcb-order .order-representative {
padding: 30px 0;
}
.pcb-order .order-representative .tit {
font-size: 16px;
color: #2b2f33;
margin-bottom: 20px;
font-weight: bold;
}
.pcb-order .order-representative .wrap {
padding: 30px 30px 30px 40px;
background: #F0F4F7;
}
.pcb-order .order-representative .wrap .l {
font-size: 13px;
color: #575e66;
}
.pcb-order .order-representative .wrap .r {
font-size: 13px;
color: #828e99;
}
.pcb-order .order-technical-contact {
padding: 30px 0;
}
.pcb-order .order-technical-contact .tit {
font-size: 16px;
color: #2b2f33;
margin-bottom: 20px;
font-weight: bold;
}
.pcb-order .order-technical-contact .coupon li {
position: relative;
width: 531px;
height: 131px;
background: url("../../images/order/coupon.png") no-repeat center;
background-size: cover;
margin-right: 40px;
vertical-align: middle;
cursor: pointer;
}
.pcb-order .order-technical-contact .coupon li .succ {
position: absolute;
right: -15px;
top: -9px;
width: 30px;
height: 30px;
background: #1DDA74;
border-radius: 50%;
text-align: center;
line-height: 30px;
z-index: 2;
}
.pcb-order .order-technical-contact .coupon li .succ .iconfont {
font-size: 19px;
color: #fff;
}
.pcb-order .order-technical-contact .coupon li .ml {
margin-left: 15px;
}
.pcb-order .order-technical-contact .coupon li .ml45 {
margin-left: 45px;
}
.pcb-order .order-technical-contact .coupon li .mt10 {
margin: 8px 0;
}
.pcb-order .order-technical-contact .coupon li.curr {
background: url("../../images/order/coupos.png") no-repeat center;
background-size: cover;
}
.pcb-order .order-technical-contact .coupon li .t1 {
font-size: 28px;
color: #ffffff;
}
.pcb-order .order-technical-contact .coupon li .t2 {
font-size: 16px;
color: #ffffff;
opacity: 0.5;
margin-left: 13px;
}
.pcb-order .order-technical-contact .coupon li .t3 .t3-1 {
font-size: 16px;
color: #2b2f33;
}
.pcb-order .order-technical-contact .coupon li .t3 .t3-2 {
font-size: 13px;
color: #828e99;
}
.pcb-order .order-technical-contact .coupon li .t4 .t4-1 {
font-size: 13px;
color: #828e99;
}
.pcb-order .order-technical-contact .coupon li .t4 .t4-2 {
font-size: 13px;
color: #575e66;
}
.pcb-order .order-details {
padding: 30px 0 89px 0;
border-top: 1px solid #F0F4F7;
border-bottom: 1px solid #F0F4F7;
}
.pcb-order .order-details .l {
margin-top: 137px;
}
.pcb-order .order-details .l .ml112 {
margin-left: 110px;
}
.pcb-order .order-details .l .t1 {
margin-bottom: 46px;
font-size: 16px;
color: #2b2f33;
font-weight: bold;
}
.pcb-order .order-details .l .t2 .t2-1 {
font-size: 13px;
color: #828e99;
}
.pcb-order .order-details .l .t2 .t2-2 {
font-size: 16px;
color: #2b2f33;
margin-left: 10px;
font-weight: bold;
}
.pcb-order .order-details .l .t3 {
width: 729px;
font-size: 13px;
color: #575e66;
margin-top: 16px;
}
.pcb-order .order-details .r .txt {
margin-bottom: 10px;
}
.pcb-order .order-details .r .txt .t1 {
width: 117px;
font-size: 13px;
color: #828e99;
text-align: right;
}
.pcb-order .order-details .r .txt .t2 {
width: 100px;
font-size: 13px;
color: #2b2f33;
text-align: right;
font-weight: bold;
}
.pcb-order .order-details .r .txt .t3 {
width: 100px;
font-size: 13px;
color: #FF0D0D;
text-align: right;
font-weight: bold;
}
.pcb-order .order-details .r .submit {
margin-top: 40px;
width: 220px;
height: 60px;
background: #ff0d0d;
border-radius: 2px;
font-size: 16px;
color: #ffffff;
display: block;
text-align: center;
line-height: 60px;
}
.pcb-order .order-details .r .submit:hover {
background: #FF5F5F;
}
.chat-with {
position: fixed;
bottom: 50px;
right: 160px;
width: 180px;
height: 50px;
background: #e89721;
box-shadow: 0px -8px 10px 0px rgba(232, 151, 33, 0.2);
border-radius: 8px 8px 0px 0px;
text-align: center;
cursor: pointer;
}
.chat-with i {
font-size: 28px;
color: #fff;
}
.chat-with span {
font-size: 16px;
color: #ffffff;
margin-left: 7px;
}
.addAddress-layer {
width: 85%;
margin: 0 auto;
padding: 40px;
}
.addAddress-layer .pcb-box {
white-space: nowrap;
margin-bottom: 23px;
}
.addAddress-layer .pcb-box .mr20 {
margin-right: 20px;
}
.addAddress-layer .pcb-box .pcb-inline .t1 {
font-size: 13px;
color: #575e66;
margin-bottom: 12px;
}
.addAddress-layer .pcb-box .pcb-inline .t1 em {
color: #e89721;
font-style: normal;
}
.addAddress-layer .pcb-box .pcb-inline .select-box {
width: 100%;
height: 40px;
background: #ffffff;
border-radius: 2px;
border: 1px solid #dae0e6;
text-indent: 1em;
font-size: 14px;
}
.addAddress-layer .pcb-box .pcb-inline .textarea-box {
height: 80px;
background: #ffffff;
border-radius: 2px;
border: 1px solid #dae0e6;
text-indent: 1em;
font-size: 14px;
text-align: left;
padding: 10px 0;
resize: none;
}
.addAddress-layer .pcb-box .pcb-inline .textarea-box::-webkit-input-placeholder {
color: #2B2F33;
opacity: 0.5;
}
.addAddress-layer .pcb-box .pcb-inline .w260 {
width: 258px;
}
.addAddress-layer .pcb-box .pcb-inline .w540 {
width: 540px;
}
.addAddress-layer .pcb-box .pcb-inline .inp {
height: 40px;
background: #ffffff;
border-radius: 2px;
border: 1px solid #dae0e6;
text-indent: 1em;
font-size: 14px;
}
.addAddress-layer .pcb-box .pcb-inline .inp::-webkit-input-placeholder {
color: #2B2F33;
opacity: 0.5;
}
.addAddress-layer .pcb-box .toggle-btn .cicle {
width: 12px;
height: 12px;
padding: 3px;
border-radius: 18px;
border: 1px solid #C2C7CC;
position: relative;
margin-right: 8px;
cursor: pointer;
}
.addAddress-layer .pcb-box .toggle-btn.active .cicle {
border-color: #0081D2 !important;
}
.addAddress-layer .pcb-box .toggle-btn.active .cicle i {
display: block;
width: 12px;
height: 12px;
background: #0081D2;
border-radius: 12px;
}
.addAddress-layer .pcb-box .toggle-btn .t1 {
font-size: 13px;
color: #575e66;
}
.addAddress-layer .pcb-box .save-btn {
width: 160px;
height: 40px;
background: #0081d2;
border-radius: 2px;
font-size: 14px;
color: #ffffff;
text-align: center;
line-height: 40px;
display: block;
}
.product-details-box {
padding: 40px;
margin: 0 auto;
}
.product-details-box table {
width: 1100px;
border-collapse: collapse;
border-spacing: 0;
}
.product-details-box table tbody tr td {
height: 40px;
border: 1px solid #F0F4F7;
padding-left: 20px;
}
.product-details-box table tbody tr td .t1 {
width: 150px;
color: #828e99;
font-size: 13px;
}
.product-details-box table tbody tr td .t2 {
font-size: 13px;
color: #2b2f33;
}
.product-details-box .r {
margin-top: 20px;
}
.product-details-box .r .t1 {
font-size: 13px;
color: #828e99;
}
.product-details-box .r .t2 {
margin-left: 20px;
font-size: 13px;
color: #ff0d0d;
font-weight: bold;
}
.change-address {
padding: 20px;
}
.change-address ul li {
width: 1030px;
padding: 30px 30px 27px 40px;
border: 1px solid #F0F4F7;
transition: all 0.2s ease;
margin: 0 auto 20px;
cursor: pointer;
}
.change-address ul li:hover,
.change-address ul li.cur {
border: 2px solid #0081D2;
}
.change-address ul li .l .mr120 {
margin-right: 120px;
}
.change-address ul li .l .mr150 {
margin-right: 150px;
}
.change-address ul li .l .t1 {
font-size: 13px;
color: #828e99;
}
.change-address ul li .l .t2 {
font-size: 16px;
color: #2b2f33;
font-weight: bold;
}
.change-address ul li .l .t3 {
margin: 16px 0;
color: #575e66;
font-size: 13px;
}
.change-address ul li .l .toggle-btn-edit .cicle {
width: 12px;
height: 12px;
padding: 3px;
border-radius: 18px;
border: 1px solid #C2C7CC;
position: relative;
margin-right: 8px;
cursor: pointer;
}
.change-address ul li .l .toggle-btn-edit .tt {
font-size: 13px;
color: #575e66;
cursor: pointer;
}
.change-address ul li .l .toggle-btn-edit.active .cicle {
border-color: #0081D2 !important;
}
.change-address ul li .l .toggle-btn-edit.active .cicle i {
display: block;
width: 12px;
height: 12px;
background: #0081D2;
border-radius: 12px;
}
.change-address ul li .r {
margin-top: 63px;
white-space: nowrap;
}
.change-address ul li .r .mr35 {
margin-right: 35px;
}
.change-address ul li .r .edit-ico .iconbianji {
font-size: 26px;
color: #1b79b7;
}
.change-address ul li .r .edit-ico .del {
width: 26px;
height: 26px;
background: url("../../images/order/del.png") no-repeat center;
background-size: cover;
}
.change-address ul li .r .edit-ico span {
font-size: 13px;
color: #828e99;
} }
/*# sourceMappingURL=order.css.map */ /*# sourceMappingURL=order.css.map */
\ No newline at end of file
css/order/order.css.map
{"version":3,"sources":["E:/pcb/css/common/base.less","E:/pcb/css/common/font/iconfont.less","order.less"],"names":[],"mappings":"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","file":"order.css"} {"version":3,"sources":["E:/pcb/css/common/base.less","E:/pcb/css/common/font/iconfont.less","order.less"],"names":[],"mappings":"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","file":"order.css"}
\ No newline at end of file \ No newline at end of file
css/order/order.less
...@@ -153,8 +153,27 @@ ...@@ -153,8 +153,27 @@
} }
} }
.order-address-empty {
height: 111px;
background: rgba(240, 244, 247, 1);
text-align: center;
margin-top: 20px;
.iconfont {
font-size: 30px;
color: #0181d3;
}
span {
font-size: 16px;
color: #2b2f33;
font-weight: bold;
}
}
.order-transport { .order-transport {
margin-top: 30px; margin-top: 30px;
.tit { .tit {
font-size: 16px; font-size: 16px;
color: #2b2f33; color: #2b2f33;
...@@ -165,23 +184,27 @@ ...@@ -165,23 +184,27 @@
.transport-wrap { .transport-wrap {
padding: 33px 0 30px 40px; padding: 33px 0 30px 40px;
border: 1px solid #F0F4F7; border: 1px solid #F0F4F7;
.sel{
width:144px; .sel {
height:40px; width: 144px;
height: 40px;
padding-left: 16px; padding-left: 16px;
border:1px solid rgba(218,224,230,1); border: 1px solid rgba(218, 224, 230, 1);
margin-right: 8px; margin-right: 8px;
} }
.txt{
.t1{ .txt {
.t1 {
font-size: 13px; font-size: 13px;
color: #828e99; color: #828e99;
} }
.t2{
.t2 {
font-size: 13px; font-size: 13px;
color: #2b2f33; color: #2b2f33;
} }
.t3{
.t3 {
font-size: 13px; font-size: 13px;
color: #ff0d0d; color: #ff0d0d;
font-weight: bold; font-weight: bold;
...@@ -190,14 +213,16 @@ ...@@ -190,14 +213,16 @@
} }
} }
.order-data{ .order-data {
margin-top: 30px; margin-top: 30px;
.tit{
.tit {
font-size: 16px; font-size: 16px;
color: #2b2f33; color: #2b2f33;
font-weight: bold; font-weight: bold;
margin-bottom: 20px; margin-bottom: 20px;
} }
table { table {
width: 100%; width: 100%;
border-collapse: collapse; border-collapse: collapse;
...@@ -205,6 +230,7 @@ ...@@ -205,6 +230,7 @@
tr { tr {
border: 1px solid #FAFCFF; border: 1px solid #FAFCFF;
th { th {
height: 50px; height: 50px;
padding: 0 20px; padding: 0 20px;
...@@ -241,6 +267,7 @@ ...@@ -241,6 +267,7 @@
.t1-c { .t1-c {
font-size: 13px; font-size: 13px;
color: #0081d2; color: #0081d2;
cursor: pointer;
} }
} }
...@@ -255,21 +282,594 @@ ...@@ -255,21 +282,594 @@
} }
} }
.order-contact{ .order-contact {
padding: 30px 0 20px 0; padding: 30px 0 20px 0;
.tit{
.l{ .tit {
margin-bottom: 20px;
.l {
font-size: 16px; font-size: 16px;
color: #2b2f33; color: #2b2f33;
font-weight: bold;
} }
.r{
.r {
font-size: 13px; font-size: 13px;
color: #e89721; color: #e89721;
} }
} }
.ln{
border:1px solid rgba(240,244,247,1); .ln {
padding: 30px 0 30px ; border: 1px solid rgba(240, 244, 247, 1);
padding: 30px 0 30px 37px;
.iconfont {
font-size: 20px;
color: #cbcdcf;
margin-left: 10px;
margin-right: 12px;
}
.inp {
width: 260px;
height: 40px;
background: rgba(255, 255, 255, 1);
border-radius: 2px;
border: 1px solid rgba(218, 224, 230, 1);
margin-right: 28px;
input::-webkit-input-placeholder {
color: #2b2f33;
opacity: 0.5;
}
}
.inpt {
margin-left: 37px;
.t1 {
font-size: 13px;
color: #575e66;
cursor: pointer;
}
.cicle {
width: 12px;
height: 12px;
padding: 3px;
border-radius: 18px;
border: 1px solid #C2C7CC;
position: relative;
margin-right: 8px;
cursor: pointer;
}
}
.active {
.cicle {
border-color: #0081D2 !important;
i {
display: block;
width: 12px;
height: 12px;
background: #0081D2;
border-radius: 12px;
}
}
}
}
}
.order-representative {
padding: 30px 0;
.tit {
font-size: 16px;
color: #2b2f33;
margin-bottom: 20px;
font-weight: bold;
}
.wrap {
padding: 30px 30px 30px 40px;
background: #F0F4F7;
.l {
font-size: 13px;
color: #575e66;
}
.r {
font-size: 13px;
color: #828e99;
}
}
}
.order-technical-contact {
padding: 30px 0;
.tit {
font-size: 16px;
color: #2b2f33;
margin-bottom: 20px;
font-weight: bold;
}
.coupon {
li {
position: relative;
width: 531px;
height: 131px;
background: url("../../images/order/coupon.png") no-repeat center;
background-size: cover;
margin-right: 40px;
vertical-align: middle;
cursor: pointer;
.succ {
position: absolute;
right: -15px;
top: -9px;
width: 30px;
height: 30px;
background: #1DDA74;
border-radius: 50%;
text-align: center;
line-height: 30px;
z-index: 2;
.iconfont {
font-size: 19px;
color: #fff;
}
}
.ml {
margin-left: 15px;
}
.ml45 {
margin-left: 45px;
}
.mt10 {
margin: 8px 0;
}
&.curr {
background: url("../../images/order/coupos.png") no-repeat center;
background-size: cover;
}
.t1 {
font-size: 28px;
color: #ffffff;
}
.t2 {
font-size: 16px;
color: #ffffff;
opacity: 0.5;
margin-left: 13px;
}
.t3 {
.t3-1 {
font-size: 16px;
color: #2b2f33;
}
.t3-2 {
font-size: 13px;
color: #828e99;
}
}
.t4 {
.t4-1 {
font-size: 13px;
color: #828e99;
}
.t4-2 {
font-size: 13px;
color: #575e66;
}
}
}
}
}
.order-details {
padding: 30px 0 89px 0;
border-top: 1px solid #F0F4F7;
border-bottom: 1px solid #F0F4F7;
.l {
margin-top: 137px;
.ml112 {
margin-left: 110px;
}
.t1 {
margin-bottom: 46px;
font-size: 16px;
color: #2b2f33;
font-weight: bold;
}
.t2 {
.t2-1 {
font-size: 13px;
color: #828e99;
}
.t2-2 {
font-size: 16px;
color: #2b2f33;
margin-left: 10px;
font-weight: bold;
}
}
.t3 {
width: 729px;
font-size: 13px;
color: #575e66;
margin-top: 16px;
}
}
.r {
.txt {
margin-bottom: 10px;
.t1 {
width: 117px;
font-size: 13px;
color: #828e99;
text-align: right;
}
.t2 {
width: 100px;
font-size: 13px;
color: #2b2f33;
text-align: right;
font-weight: bold;
}
.t3 {
width: 100px;
font-size: 13px;
color: #FF0D0D;
text-align: right;
font-weight: bold;
}
}
.submit {
margin-top: 40px;
width: 220px;
height: 60px;
background: rgba(255, 13, 13, 1);
border-radius: 2px;
font-size: 16px;
color: #ffffff;
display: block;
text-align: center;
line-height: 60px;
&:hover {
background: #FF5F5F;
}
}
}
}
}
.chat-with {
position: fixed;
bottom: 50px;
right: 160px;
width: 180px;
height: 50px;
background: rgba(232, 151, 33, 1);
box-shadow: 0px -8px 10px 0px rgba(232, 151, 33, 0.2);
border-radius: 8px 8px 0px 0px;
text-align: center;
cursor: pointer;
i {
font-size: 28px;
color: #fff;
}
span {
font-size: 16px;
color: #ffffff;
margin-left: 7px;
}
}
.addAddress-layer {
width: 85%;
margin: 0 auto;
padding: 40px;
.pcb-box {
white-space: nowrap;
margin-bottom: 23px;
.mr20 {
margin-right: 20px;
}
.pcb-inline {
.t1 {
font-size: 13px;
color: #575e66;
margin-bottom: 12px;
em {
color: #e89721;
font-style: normal;
}
}
.select-box {
width: 100%;
height: 40px;
background: rgba(255, 255, 255, 1);
border-radius: 2px;
border: 1px solid rgba(218, 224, 230, 1);
text-indent: 1em;
font-size: 14px;
}
.textarea-box {
height: 80px;
background: rgba(255, 255, 255, 1);
border-radius: 2px;
border: 1px solid rgba(218, 224, 230, 1);
text-indent: 1em;
font-size: 14px;
text-align: left;
padding: 10px 0;
resize: none;
&::-webkit-input-placeholder {
color: #2B2F33;
opacity: 0.5;
}
}
.w260 {
width: 258px;
}
.w540 {
width: 540px;
}
.inp {
height: 40px;
background: rgba(255, 255, 255, 1);
border-radius: 2px;
border: 1px solid rgba(218, 224, 230, 1);
text-indent: 1em;
font-size: 14px;
&::-webkit-input-placeholder {
color: #2B2F33;
opacity: 0.5;
}
}
}
.toggle-btn {
.cicle {
width: 12px;
height: 12px;
padding: 3px;
border-radius: 18px;
border: 1px solid #C2C7CC;
position: relative;
margin-right: 8px;
cursor: pointer;
}
&.active {
.cicle {
border-color: #0081D2 !important;
i {
display: block;
width: 12px;
height: 12px;
background: #0081D2;
border-radius: 12px;
}
}
}
.t1 {
font-size: 13px;
color: #575e66;
}
}
.save-btn {
width: 160px;
height: 40px;
background: rgba(0, 129, 210, 1);
border-radius: 2px;
font-size: 14px;
color: #ffffff;
text-align: center;
line-height: 40px;
display: block;
}
}
}
.product-details-box {
padding: 40px;
margin: 0 auto;
table {
width: 1100px;
border-collapse: collapse;
border-spacing: 0;
tbody {
tr {
td {
height: 40px;
border: 1px solid #F0F4F7;
padding-left: 20px;
.t1 {
width: 150px;
color: #828e99;
font-size: 13px;
}
.t2 {
font-size: 13px;
color: #2b2f33;
}
}
}
}
}
.r {
margin-top: 20px;
.t1 {
font-size: 13px;
color: #828e99;
}
.t2 {
margin-left: 20px;
font-size: 13px;
color: #ff0d0d;
font-weight: bold;
}
}
}
.change-address {
padding: 20px;
ul {
li {
width: 1030px;
padding: 30px 30px 27px 40px;
border: 1px solid #F0F4F7;
transition: all 0.2s ease;
margin: 0 auto 20px;
cursor: pointer;
&:hover,&.cur {
border: 2px solid #0081D2;
}
.l {
.mr120 {
margin-right: 120px;
}
.mr150 {
margin-right: 150px;
}
.t1 {
font-size: 13px;
color: #828e99;
}
.t2 {
font-size: 16px;
color: #2b2f33;
font-weight: bold;
}
.t3 {
margin: 16px 0;
color: #575e66;
font-size: 13px;
}
.toggle-btn-edit {
.cicle {
width: 12px;
height: 12px;
padding: 3px;
border-radius: 18px;
border: 1px solid #C2C7CC;
position: relative;
margin-right: 8px;
cursor: pointer;
}
.tt {
font-size: 13px;
color: #575e66;
cursor: pointer;
}
&.active {
.cicle {
border-color: #0081D2 !important;
i {
display: block;
width: 12px;
height: 12px;
background: #0081D2;
border-radius: 12px;
}
}
}
}
}
.r {
margin-top: 63px;
white-space: nowrap;
.mr35 {
margin-right: 35px;
}
.edit-ico {
.iconbianji {
font-size: 26px;
color: #1b79b7;
}
.del {
width: 26px;
height: 26px;
background: url("../../images/order/del.png") no-repeat center;
background-size: cover;
}
span {
font-size: 13px;
color: #828e99;
}
}
}
} }
} }
} }
\ No newline at end of file
order.html
...@@ -19,18 +19,10 @@ ...@@ -19,18 +19,10 @@
<span class="title-logo fl"></span> <span class="title-logo fl"></span>
<div class="header-nav fl lbBox"> <div class="header-nav fl lbBox">
<a href="" class="lineBlock boxsiz active">Home</a> <a href="" class="lineBlock boxsiz active">Home</a>
<a href="" class="lineBlock boxsiz">PCB Prototype <a href="" class="lineBlock boxsiz">PCB Prototype</a>
</a> <a href="" class="lineBlock boxsiz">PCB Assembly</a>
<a href="" class="lineBlock boxsiz">SMT-Stencil</a>
<a href="" class="lineBlock boxsiz">PCB Assembly <a href="" class="lineBlock boxsiz">Membrane Switch</a>
</a>
<a href="" class="lineBlock boxsiz">SMT-Stencil
</a>
<a href="" class="lineBlock boxsiz">Membrane Switch
</a>
</div> </div>
<div class="fr lbBox"> <div class="fr lbBox">
<a class="car lineBlock"> <a class="car lineBlock">
...@@ -104,12 +96,19 @@ ...@@ -104,12 +96,19 @@
<i class="iconfont iconaddress va-m"></i> <i class="iconfont iconaddress va-m"></i>
<span class="va-m">Change address</span> <span class="va-m">Change address</span>
</div> </div>
<div class="lineBlock"> <div class="lineBlock addAddress">
<i class="iconfont icontianjia va-m"></i> <i class="iconfont icontianjia va-m"></i>
<span class="va-m">Add New Address</span> <span class="va-m">Add New Address</span>
</div> </div>
</div> </div>
</div> </div>
<!--当未选择地址时的状态-->
<div class="order-address-empty addAddress">
<i class="iconfont icontianjia va-m"></i>
<span class="va-m">Add New Address</span>
<b class="lineBlock emptys"></b>
</div>
<!--当选择了地址时的状态-->
<div class="order-address clr"> <div class="order-address clr">
<div class="fl l"> <div class="fl l">
<div class="t1"> <div class="t1">
...@@ -129,7 +128,7 @@ ...@@ -129,7 +128,7 @@
<p class="t2">3F, Building 6, Vanke Spark Online Tianshu Warehouse, No. 2, South Wuhe Avenue, Bantian Street,Longgang District, Shenzhen, Guangdong.</p> <p class="t2">3F, Building 6, Vanke Spark Online Tianshu Warehouse, No. 2, South Wuhe Avenue, Bantian Street,Longgang District, Shenzhen, Guangdong.</p>
</div> </div>
<div class="fr r"> <div class="fr r">
<a href="javasctipt" class="edit"> <a href="javascript:;" class="edit">
<i class="iconfont iconbianji va-m"></i> <i class="iconfont iconbianji va-m"></i>
<span class="va-m">Edit</span> <span class="va-m">Edit</span>
</a> </a>
...@@ -192,7 +191,7 @@ ...@@ -192,7 +191,7 @@
<div class="lineBlock va-t"> <div class="lineBlock va-t">
<p class="t1-a">NO#: #T19152AS100</p> <p class="t1-a">NO#: #T19152AS100</p>
<p class="t1-b">12mm * 12mm ,1.6 , 2 Layers</p> <p class="t1-b">12mm * 12mm ,1.6 , 2 Layers</p>
<p class="t1-c ">Order Details Review</p> <p class="t1-c product_detail">Order Details Review</p>
</div> </div>
</div> </div>
</td> </td>
...@@ -217,7 +216,7 @@ ...@@ -217,7 +216,7 @@
<div class="lineBlock va-t"> <div class="lineBlock va-t">
<p class="t1-a">NO#: #T19152AS100</p> <p class="t1-a">NO#: #T19152AS100</p>
<p class="t1-b">12mm * 12mm ,1.6 , 2 Layers</p> <p class="t1-b">12mm * 12mm ,1.6 , 2 Layers</p>
<p class="t1-c ">Order Details Review</p> <p class="t1-c product_detail">Order Details Review</p>
</div> </div>
</div> </div>
</td> </td>
...@@ -240,16 +239,145 @@ ...@@ -240,16 +239,145 @@
</table> </table>
</div> </div>
<div class="order-contact"> <div class="order-contact">
<p class="tit"> <p class="tit clr">
<span class="fl l">Technical contact</span> <span class="fl l">Technical contact</span>
<span class="fr r">* Contact when an order or document data is abnormal</span> <span class="fr r">* Contact when an order or document data is abnormal</span>
</p> </p>
<div class="ln"> <div class="ln">
<div class="inp lineBlock">
<i class="iconfont icontouxiang"></i>
<input type="text" placeholder="Name"/>
<b class="lineBlock emptys"></b>
</div>
<div class="inp lineBlock">
<i class="iconfont iconshouji"></i>
<input type="text" placeholder="Phone Number"/>
<b class="lineBlock emptys"></b>
</div>
<div class="inp lineBlock">
<i class="iconfont iconshoujibeifen"></i>
<input type="text" placeholder="Skype"/>
<b class="lineBlock emptys"></b>
</div>
<div class="inpt lineBlock" id="contact_btn">
<span class="lineBlock cicle va-m"><i></i></span>
<span class="t1 va-m">Same contact</span>
</div>
</div>
</div>
<div class="order-representative">
<p class="tit">Leave a message to sales representative</p>
<div class="wrap clr">
<div class="fl l">
Please do not leave any notes about PCB or stencil specifications,which can be remarked directly on the instant quote page.
</div>
<div class="fr r">
0/30
</div>
</div>
</div>
<div class="order-technical-contact">
<p class="tit">Technical contact</p>
<ul class="coupon lbBox">
<li class="lineBlock curr">
<div class="lineBlock va-m ml">
<p class="t1">US $10</p>
<p class="t2">off $100</p>
</div>
<div class="lineBlock va-m ml45">
<p class="t3">
<span class="t3-1">All items</span>
<span class="t3-2">(exclude shipping fee)</span>
</p>
<p class="t4 mt10">
<span class="t4-1">Period of Validity: </span>
<span class="t4-2">2,December, 2019 ~ 1,March, 2020 </span>
</p>
<p class="t4">
<span class="t4-1">Restrictions: </span>
<span class="t4-2">Only used on one order value ≥ US $100 </span>
</p>
</div>
<b class="lineBlock emptys"></b>
<span class="succ"><i class="iconfont iconsuccess"></i></span>
</li>
<li class="lineBlock">
<div class="lineBlock va-m ml">
<p class="t1">US $10</p>
<p class="t2">off $100</p>
</div>
<div class="lineBlock va-m ml45">
<p class="t3">
<span class="t3-1">All items</span>
<span class="t3-2">(exclude shipping fee)</span>
</p>
<p class="t4 mt10">
<span class="t4-1">Period of Validity: </span>
<span class="t4-2">2,December, 2019 ~ 1,March, 2020 </span>
</p>
<p class="t4">
<span class="t4-1">Restrictions: </span>
<span class="t4-2">Only used on one order value ≥ US $100 </span>
</p>
</div>
<b class="lineBlock emptys"></b>
</li>
</ul>
</div>
<div class="order-details clr">
<div class="fl l">
<p class="t1">Order Details</p>
<div class="t2">
<p class="lineBlock">
<span class="t2-1">Contact Name:</span>
<span class="t2-2">Garpunchik</span>
</p>
<p class="lineBlock ml112">
<span class="t2-1">Mobile:</span>
<span class="t2-2">1502479484</span>
</p>
<p class="lineBlock ml112">
<span class="t2-1">Zip/Postal Code:</span>
<span class="t2-2">518000</span>
</p>
</div>
<p class="t3">3F, Building 6, Vanke Spark Online Tianshu Warehouse, No. 2, South Wuhe Avenue, Bantian Street,Longgang District, Shenzhen, Guangdong.</p>
</div>
<div class="fr r">
<p class="txt">
<span class="t1 lineBlock">Subtotal(1 item):</span>
<span class="t2 lineBlock">$1245.00</span>
</p>
<p class="txt">
<span class="t1 lineBlock">Bank Charge:</span>
<span class="t2 lineBlock">$1245.00</span>
</p>
<p class="txt">
<span class="t1 lineBlock">Shipping Cost:</span>
<span class="t2 lineBlock">$1245.00</span>
</p>
<p class="txt">
<span class="t1 lineBlock">Select Coupon:</span>
<span class="t2 lineBlock">$1245.00</span>
</p>
<p class="txt">
<span class="t1 lineBlock">Discount Amount:</span>
<span class="t2 lineBlock">$1245.00</span>
</p>
<p class="txt">
<span class="t1 lineBlock">Total:</span>
<span class="t3 lineBlock">$1245.00</span>
</p>
<a href="javascript:;" class="submit">Submit</a>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="chat-with">
<i class="iconfont iconxiaoxi va-m"></i>
<span class="va-m">Chat with us!</span>
<b class="lineBlock emptys"></b>
</div>
<!--section end--> <!--section end-->
<!--尾部--> <!--尾部-->
<div class="common-footer"> <div class="common-footer">
...@@ -314,7 +442,350 @@ ...@@ -314,7 +442,350 @@
</div> </div>
</div> </div>
<!--尾部end--> <!--尾部end-->
<script type="text/html" id="addAddressHtml">
<div class="addAddress-layer">
<div class="pcb-box">
<div class="pcb-inline lineBlock va-m mr20">
<p class="t1"><em>*&nbsp;</em>Contact Name:</p>
<input type="text" placeholder="Please Enter Your Name" class="inp w260"/>
</div>
<div class="pcb-inline lineBlock va-m">
<p class="t1">Company:</p>
<input type="text" placeholder="Please Enter Company" class="inp w260"/>
</div>
</div>
<div class="pcb-box">
<div class="pcb-inline lineBlock va-m ">
<p class="t1"><em>*&nbsp;</em>Country/Region:</p>
<select class="select-box w540">
<option value="">Please Select Country/Region</option>
</select>
</div>
</div>
<div class="pcb-box">
<div class="pcb-inline lineBlock va-m ">
<p class="t1"><em>*&nbsp;</em>State:</p>
<select class="select-box w540">
<option value="">Please Select State</option>
</select>
</div>
</div>
<div class="pcb-box">
<div class="pcb-inline lineBlock va-m ">
<p class="t1"><em>*&nbsp;</em>Zip/Postal Code:</p>
<select class="select-box w540">
<option value="">Please Select Zip/Postal Code</option>
</select>
</div>
</div>
<div class="pcb-box">
<div class="pcb-inline lineBlock va-m ">
<p class="t1"><em>*&nbsp;</em>City:</p>
<select class="select-box w540">
<option value="">Please Select City</option>
</select>
</div>
</div>
<div class="pcb-box">
<div class="pcb-inline lineBlock va-m ">
<p class="t1"><em>*&nbsp;</em>Street Address:</p>
<textarea rows="5" class="textarea-box w540">Only English characters are supported</textarea>
</div>
</div>
<div class="pcb-box">
<div class="pcb-inline lineBlock va-m ">
<p class="t1"><em>*&nbsp;</em>Phone Numb:</p>
<input type="text" placeholder="Please Enter Phone Number" class="inp w540"/>
</div>
</div>
<div class="pcb-box clr">
<div class="fl l toggle-btn">
<span class="lineBlock cicle va-m"><i></i></span>
<span class="t1 va-m">Set Default</span>
</div>
<div class="fr r">
<a href="javascript:;" class="save-btn">Save</a>
</div>
</div>
</div>
</script>
<script type="text/html" id="productDetailHtml">
<div class="product-details-box clr">
<table>
<tbody>
<tr>
<td>
<span class="t1 lineBlock">Product No. : </span>
<span class="t2">W277091ASF4</span>
</td>
<td>
<span class="t1 lineBlock">Gerber File : </span>
<span class="t2">File not upload.</span>
</td>
<td>
</tr>
<tr>
<td>
<span class="t1 lineBlock">Board type : </span>
<span class="t2">Single PCB</span>
</td>
<td>
<span class="t1 lineBlock">Panel Way : </span>
<span class="t2"></span>
</td>
<td>
</td>
</tr>
<tr>
<td>
<span class="t1 lineBlock">Size : </span>
<span class="t2">12 x 12 mm</span>
</td>
<td>
<span class="t1 lineBlock">Quantity : </span>
<span class="t2">5</span>
</td>
<td>
<span class="t1 lineBlock">Layers : </span>
<span class="t2">2 Layers</span>
</td>
</tr>
<tr>
<td>
<span class="t1 lineBlock">Material : </span>
<span class="t2">FR-4 TG130</span>
</td>
<td>
<span class="t1 lineBlock">Thickness : </span>
<span class="t2">1.6 mm</span>
</td>
<td>
<span class="t1 lineBlock">Min Track/Spacing : </span>
<span class="t2">6/6mil</span>
</td>
</tr>
<tr>
<td>
<span class="t1 lineBlock">Min Hole Size : </span>
<span class="t2">0.3</span>
</td>
<td>
<span class="t1 lineBlock">Solder Mask : </span>
<span class="t2">Green</span>
</td>
<td>
<span class="t1 lineBlock">Silkscreen : </span>
<span class="t2">White</span>
</td>
</tr>
<tr>
<td>
<span class="t1 lineBlock">Gold fingers : </span>
<span class="t2">No</span>
</td>
<td>
<span class="t1 lineBlock">Surface Finish : </span>
<span class="t2">HASL with lead</span>
</td>
<td>
<span class="t1 lineBlock">Via Process : </span>
<span class="t2">Tenting vias</span>
</td>
</tr>
<tr>
<td>
<span class="t1 lineBlock">Finished Copper : </span>
<span class="t2">1 oz Cu</span>
</td>
<td>
<span class="t1 lineBlock">Additional Options : </span>
<span class="t2">UL Marking:None</span>
</td>
<td>
<span class="t1 lineBlock"> </span>
<span class="t2"></span>
</td>
</tr>
<tr>
<td>
<span class="t1 lineBlock">Create Time : </span>
<span class="t2">2020/1/15 09:59:17</span>
</td>
<td>
<span class="t1 lineBlock">Build Time : </span>
<span class="t2">24hours</span>
</td>
<td>
<span class="t1 lineBlock">Estimated Finish Time : </span>
<span class="t2">2020-01-17 China Time Zone(GMT+8)</span>
</td>
</tr>
<tr>
<td>
<span class="t1 lineBlock">Manufacturing :</span>
<span class="t2"></span>
</td>
<td>
<span class="t1 lineBlock"> </span>
<span class="t2"></span>
</td>
<td>
<span class="t1 lineBlock"> </span>
<span class="t2"></span>
</td>
</tr>
</tbody>
</table>
<div class="fr r">
<span class="t1">Total</span>
<span class="t2">$1245.00</span>
</div>
</div>
</script>
<script type="text/html" id="editHtml">
<div class="change-address clr">
<ul>
<li class="curr">
<div class="clr">
<div class="fl l">
<div>
<p class="lineBlock mr120">
<span class="t1">Contact Name：</span>
<span class="t2">Garpunchik</span>
</p>
<p class="lineBlock mr150">
<span class="t1">Mobile：</span>
<span class="t2">Garpunchik</span>
</p>
<p class="lineBlock">
<span class="t1">Zip/Postal Code：</span>
<span class="t2">518000</span>
</p>
</div>
<p class="t3">3F, Building 6, Vanke Spark Online Tianshu Warehouse, No. 2, South Wuhe Avenue, Bantian Street,Longgang District, Shenzhen, Guangdong.</p>
<div class="toggle-btn-edit active">
<span class="lineBlock cicle va-m"><i></i></span>
<span class="tt va-m">Default Address</span>
</div>
</div>
<div class="fr r">
<a href="javascript:;" class="edit-ico lineBlock">
<i class="iconfont iconbianji va-m"></i>
<span class="va-m">Edit</span>
</a>
</div>
</div>
</li>
<li>
<div class="clr">
<div class="fl l">
<div>
<p class="lineBlock mr120">
<span class="t1">Contact Name：</span>
<span class="t2">Garpunchik</span>
</p>
<p class="lineBlock mr150">
<span class="t1">Mobile：</span>
<span class="t2">Garpunchik</span>
</p>
<p class="lineBlock">
<span class="t1">Zip/Postal Code：</span>
<span class="t2">518000</span>
</p>
</div>
<p class="t3">3F, Building 6, Vanke Spark Online Tianshu Warehouse, No. 2, South Wuhe Avenue, Bantian Street,Longgang District, Shenzhen, Guangdong.</p>
<div class="toggle-btn-edit">
<span class="lineBlock cicle va-m"><i></i></span>
<span class="tt va-m">Set Default</span>
</div>
</div>
<div class="fr r lbBox">
<a href="javascript:;" class="edit-ico lineBlock mr35">
<i class="iconfont iconbianji va-m"></i>
<span class="va-m">Edit</span>
</a>
<a href="javascript:;" class="edit-ico lineBlock">
<i class="lineBlock del va-m"></i>
<span class="va-m">Delete</span>
</a>
</div>
</div>
</li>
</ul>
</div>
</script>
<script src="./js/jquery.js" type="text/javascript"></script> <script src="./js/jquery.js" type="text/javascript"></script>
<script src="js/layer/layer.js" type="text/javascript"></script> <script src="./js/layui/layui.all.js" type="text/javascript"></script>
<script>
$(function () {
//Same contact
$("#contact_btn").click(function () {
$(this).toggleClass('active');
});
$(document).on('click', '.toggle-btn', function () {
$(this).toggleClass('active');
});
$(document).on('click', '.toggle-btn-edit', function () {
$(this).toggleClass('active');
});
//Add New Address
$(".addAddress").on('click', function () {
layer.open({
type: 1,
title: 'Add Address',
area: ['620px', '600px'],
shadeClose: true,
move: false,
content: $("#addAddressHtml").html(),
success: function (layero, index) {
}
});
});
//Product Detail
$(document).on('click', '.product_detail', function () {
layer.open({
type: 1,
title: 'Product Detail',
area: ['1180px', '540px'],
shadeClose: true,
move: false,
content: $("#productDetailHtml").html(),
success: function (layero, index) {
}
});
});
//Change address
$(document).on('click', '.edit', function () {
layer.open({
type: 1,
title: 'Change address',
area: ['1180px', '430px'],
shadeClose: true,
move: false,
content: $("#editHtml").html(),
success: function (layero, index) {
}
});
});
})
</script>
</body> </body>
</html> </html>
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