Skip to content

梁建民 / pcb

Go to a project
Commit 61638cee by 施宇
Options

1

parent 9e83bb56
Inline Side-by-side
Showing with 333 additions and 11 deletions
css/common/base.css
...@@ -90,8 +90,7 @@ img { ...@@ -90,8 +90,7 @@ img {
border: none; border: none;
} }
.clr { .clr {
*zoom: 1; zoom: 1;
clear: both;
} }
.clr:after { .clr:after {
content: "."; content: ".";
...@@ -233,6 +232,7 @@ body { ...@@ -233,6 +232,7 @@ body {
z-index: 99; z-index: 99;
padding: 20px; padding: 20px;
right: 0; right: 0;
display: none;
} }
.common-header .drop-down-menu .arrow-top { .common-header .drop-down-menu .arrow-top {
position: absolute; position: absolute;
......
css/common/base.less
...@@ -51,8 +51,7 @@ img { ...@@ -51,8 +51,7 @@ img {
} }
.clr { .clr {
*zoom: 1; zoom: 1;
clear: both;
} }
.clr:after { .clr:after {
...@@ -215,6 +214,7 @@ body { ...@@ -215,6 +214,7 @@ body {
z-index: 99; z-index: 99;
padding:20px; padding:20px;
right:0; right:0;
display: none;
.arrow-top{ .arrow-top{
position: absolute; position: absolute;
height:9px; height:9px;
......
css/home/home.css
...@@ -90,8 +90,7 @@ img { ...@@ -90,8 +90,7 @@ img {
border: none; border: none;
} }
.clr { .clr {
*zoom: 1; zoom: 1;
clear: both;
} }
.clr:after { .clr:after {
content: "."; content: ".";
...@@ -233,6 +232,7 @@ body { ...@@ -233,6 +232,7 @@ body {
z-index: 99; z-index: 99;
padding: 20px; padding: 20px;
right: 0; right: 0;
display: none;
} }
.common-header .drop-down-menu .arrow-top { .common-header .drop-down-menu .arrow-top {
position: absolute; position: absolute;
...@@ -603,6 +603,7 @@ body { ...@@ -603,6 +603,7 @@ body {
color: #2B2F33; color: #2B2F33;
font-weight: 600; font-weight: 600;
border-bottom: 4px solid #E89721; border-bottom: 4px solid #E89721;
background-color: #F0F4F7;
} }
.home .home-header .width-1180 .header-form .header-form-navs .header-form-nav.active i { .home .home-header .width-1180 .header-form .header-form-navs .header-form-nav.active i {
color: #0081D2; color: #0081D2;
...@@ -612,6 +613,81 @@ body { ...@@ -612,6 +613,81 @@ body {
font-size: 27px; font-size: 27px;
margin-right: 10px; margin-right: 10px;
} }
.home .home-header .width-1180 .header-form .header-form-content .header-form-content-l .header-form-4,
.home .home-header .width-1180 .header-form .header-form-content .header-form-content-l .header-form-2,
.home .home-header .width-1180 .header-form .header-form-content .header-form-content-l .header-form-3 {
display: none;
}
.home .home-header .width-1180 .header-form .header-form-content .header-form-content-l .form-title {
color: #828E99;
font-size: 13px;
padding-bottom: 10px;
}
.home .home-header .width-1180 .header-form .header-form-content .header-form-content-l .form-item {
padding: 42px 0 42px 40px;
}
.home .home-header .width-1180 .header-form .header-form-content .header-form-content-l .form-height {
width: 180px;
padding-right: 20px;
}
.home .home-header .width-1180 .header-form .header-form-content .header-form-content-l .form-width {
width: 170px;
padding-right: 30px;
border-right: 1px solid #F0F4F7;
}
.home .home-header .width-1180 .header-form .header-form-content .header-form-content-l .form-width .form-title {
text-align: right;
}
.home .home-header .width-1180 .header-form .header-form-content .header-form-content-l .form-select {
width: 221px;
border-right: 1px solid #F0F4F7;
padding-left: 30px;
padding-right: 20px;
}
.home .home-header .width-1180 .header-form .header-form-content .header-form-content-l .form-select.form-item-no-border {
border: none;
}
.home .home-header .width-1180 .header-form .header-form-content .header-form-content-l .form-select.form--select-350 {
width: 350px;
}
.home .home-header .width-1180 .header-form .header-form-content .header-form-content-l .form-select.form-select-first {
padding-left: 40px;
}
.home .home-header .width-1180 .header-form .header-form-content .header-form-content-l .form-select.form-select-231 {
width: 231px;
}
.home .home-header .width-1180 .header-form .header-form-content .header-form-content-l .form-select.form-select-340 {
width: 340px;
}
.home .home-header .width-1180 .header-form .header-form-content .header-form-content-l .form-select.form-select-302 {
width: 302px;
}
.home .home-header .width-1180 .header-form .header-form-content .header-form-content-l .form-select.form-select-362 {
width: 362px;
}
.home .home-header .width-1180 .header-form .header-form-content .header-form-content-l .form-dom {
width: 100%;
height: 40px;
line-height: 40px;
font-size: 16px;
color: #2B2F33;
font-weight: 600;
cursor: pointer;
}
.home .home-header .width-1180 .header-form .header-form-content .header-form-content-l .input-div {
position: relative;
}
.home .home-header .width-1180 .header-form .header-form-content .header-form-content-l .input-div .close {
height: 20px;
width: 20px;
font-size: 18px;
color: #0081D2;
position: absolute;
text-align: center;
right: -20px;
top: 6px;
cursor: pointer;
}
.home .home-header .width-1180 .header-form .header-form-content .header-form-content-r { .home .home-header .width-1180 .header-form .header-form-content .header-form-content-r {
width: 167px; width: 167px;
height: 151px; height: 151px;
...@@ -1250,4 +1326,3 @@ body { ...@@ -1250,4 +1326,3 @@ body {
cursor: pointer; cursor: pointer;
font-weight: 600; font-weight: 600;
} }
/*# sourceMappingURL=home.css.map */
\ No newline at end of file
css/home/home.less
...@@ -94,7 +94,7 @@ ...@@ -94,7 +94,7 @@
color: #2B2F33; color: #2B2F33;
font-weight: 600; font-weight: 600;
border-bottom: 4px solid #E89721; border-bottom: 4px solid #E89721;
background-color: #F0F4F7;
i { i {
color: #0081D2; color: #0081D2;
font-weight: normal; font-weight: normal;
...@@ -109,7 +109,85 @@ ...@@ -109,7 +109,85 @@
} }
.header-form-content { .header-form-content {
.header-form-content-l {} .header-form-content-l {
.header-form-4,.header-form-2,.header-form-3{
display: none;
}
.form-title{
color:#828E99;
font-size: 13px;
padding-bottom: 10px;
}
.form-item{
padding:42px 0 42px 40px;
}
.form-height{
width:180px;
padding-right:20px;
}
.form-width{
width:170px;
padding-right:30px;
border-right:1px solid #F0F4F7;
.form-title{
text-align: right;
}
}
.form-select {
width:221px;
border-right:1px solid #F0F4F7;
padding-left: 30px;
padding-right: 20px;
&.form-item-no-border{
border:none
}
&.form--select-350{
width:350px;
}
&.form-select-first{
padding-left: 40px;
}
&.form-select-231{
width:231px;
}
&.form-select-340{
width:340px;
}
&.form-select-302{
width:302px;
}
&.form-select-362{
width:362px;
}
}
.form-dom{
width:100%;
height:40px;
line-height: 40px;
font-size: 16px;
color:#2B2F33;
font-weight: 600;
cursor: pointer;
}
.input-div{
position: relative;
.close{
height:20px;
width:20px;
font-size: 18px;
color:#0081D2;
position: absolute;
text-align: center;
right:-20px;
top:6px;
cursor: pointer;
}
}
}
.header-form-content-r { .header-form-content-r {
width: 167px; width: 167px;
......
index.html
...@@ -86,7 +86,177 @@ ...@@ -86,7 +86,177 @@
</div> </div>
</div> </div>
<div class="header-form-content clr"> <div class="header-form-content clr">
<div class="header-form-content-l fl"></div> <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-362 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"> <div class="header-form-content-r fr">
<div class="iconfont iconjisuanqi"></div> <div class="iconfont iconjisuanqi"></div>
<p>Quote now</p> <p>Quote now</p>
......
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