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

41dc3b11 · 肖康 · 853bac71 · 04784142 · 41dc3b11 · 41dc3b11
Commit 41dc3b11 authored Jan 20, 2020 by 肖康
Showing with 204 additions and 1 deletions
css/home/home.css
css/home/home.less
index.html
--- a/css/home/home.css
+++ b/css/home/home.css
@@ -398,6 +398,119 @@ body {
  height: 25px;
  width: 418px;
 }
+@font-face {
+  font-family: "iconfont";
+  src: url('iconfont.eot?t=1579247373090');
+  /* IE9 */
+  src: url('iconfont.eot?t=1579247373090#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'), url('iconfont.woff?t=1579247373090') format('woff'), url('iconfont.ttf?t=1579247373090') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */ url('iconfont.svg?t=1579247373090#iconfont') format('svg');
+  /* iOS 4.1- */
+}
+.iconfont {
+  font-family: "iconfont" !important;
+  font-size: 16px;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+.iconemail:before {
+  content: "\e602";
+}
+.iconpassword:before {
+  content: "\e603";
+}
+.iconimgcode:before {
+  content: "\e604";
+}
+.iconaddress:before {
+  content: "\e605";
+}
+.iconbaoguo:before {
+  content: "\e606";
+}
+.iconbianji:before {
+  content: "\e607";
+}
+.iconchilun:before {
+  content: "\e608";
+}
+.icondianluban:before {
+  content: "\e609";
+}
+.icondingdan:before {
+  content: "\e60a";
+}
+.icondingdanchenggong:before {
+  content: "\e60b";
+}
+.iconfeiji:before {
+  content: "\e60c";
+}
+.iconfile:before {
+  content: "\e60d";
+}
+.iconfukuan:before {
+  content: "\e60e";
+}
+.icongouwuche:before {
+  content: "\e60f";
+}
+.iconjiantou:before {
+  content: "\e610";
+}
+.iconjisuanqi:before {
+  content: "\e611";
+}
+.iconjixieshou:before {
+  content: "\e612";
+}
+.iconkaiguan:before {
+  content: "\e613";
+}
+.iconlaba:before {
+  content: "\e614";
+}
+.iconpcbban:before {
+  content: "\e615";
+}
+.iconphone:before {
+  content: "\e616";
+}
+.iconshenhe:before {
+  content: "\e617";
+}
+.iconshouji:before {
+  content: "\e618";
+}
+.iconshoujibeifen:before {
+  content: "\e619";
+}
+.iconshousuo:before {
+  content: "\e61a";
+}
+.iconsuccess:before {
+  content: "\e61b";
+}
+.icontianjia:before {
+  content: "\e61c";
+}
+.icontouxiang:before {
+  content: "\e61d";
+}
+.iconxiaoxi:before {
+  content: "\e61e";
+}
+.iconzhizhao:before {
+  content: "\e61f";
+}
+.iconfuwu:before {
+  content: "\e620";
+}
+.iconshijian:before {
+  content: "\e621";
+}
+.iconzhuanshi:before {
+  content: "\e622";
+}
 .width-1180 {
  width: 1180px;
  margin: 0 auto;
@@ -481,6 +594,35 @@ body {
  margin-top: 87px;
  box-shadow: 0px 4px 10px 0px rgba(0, 129, 210, 0.1);
 }
+.home .home-header .width-1180 .header-form .header-form-navs {
+  height: 90px;
+  border-bottom: 1px solid #F0F4F7;
+}
+.home .home-header .width-1180 .header-form .header-form-navs .header-form-nav {
+  color: #575E66;
+  font-size: 16px;
+  cursor: pointer;
+  padding: 32px 65px 0 40px;
+  height: 90px;
+}
+.home .home-header .width-1180 .header-form .header-form-navs .header-form-nav.active {
+  color: #2B2F33;
+  font-weight: 600;
+  border-bottom: 4px solid #E89721;
+}
+.home .home-header .width-1180 .header-form .header-form-navs .header-form-nav.active i {
+  color: #0081D2;
+  font-weight: normal;
+}
+.home .home-header .width-1180 .header-form .header-form-navs .header-form-nav i {
+  font-size: 27px;
+  margin-right: 10px;
+}
+.home .home-header .width-1180 .header-form .header-form-content .header-form-content-r {
+  width: 167px;
+  height: 151px;
+  background-color: #E89721;
+}
 .home .home-custom-desc .width-1180 {
  padding: 36px 0;
  position: relative;

--- a/css/home/home.less
+++ b/css/home/home.less
 @import '../common/base.less';
+@import '../common/font/iconfont.less';

 .width-1180 {
  width: 1180px;
@@ -94,6 +95,45 @@
        height: 241px;
        margin-top: 87px;
        box-shadow: 0px 4px 10px 0px rgba(0, 129, 210, 0.1);
+
+        .header-form-navs {
+          height: 90px;
+          border-bottom: 1px solid #F0F4F7;
+
+          .header-form-nav {
+            color: #575E66;
+            font-size: 16px;
+            cursor: pointer;
+            padding: 32px 65px 0 40px;
+            height: 90px;
+
+            &.active {
+              color: #2B2F33;
+              font-weight: 600;
+              border-bottom: 4px solid #E89721;
+
+              i {
+                color: #0081D2;
+                font-weight: normal;
+              }
+            }
+
+            i {
+              font-size: 27px;
+              margin-right: 10px;
+            }
+          }
+        }
+
+        .header-form-content {
+          .header-form-content-l {}
+
+          .header-form-content-r {
+            width: 167px;
+            height: 151px;
+            background-color:#E89721 ;
+          }
+        }
      }
    }
  }

--- a/index.html
+++ b/index.html
@@ -67,7 +67,28 @@
                    factory to your door. <br />Fast
                    shipping from our factory near Hong Kong Aviation Hub.</p>
                <div class="header-form">
-
+                    <div class="header-form-navs clr boxsiz">
+                        <div class="header-form-nav fl boxsiz active">
+                            <i class="iconfont icondianluban lineBlock va-m"></i>
+                            PCB Prototype
+                        </div>
+                        <div class="header-form-nav fl boxsiz">
+                            <i class="iconfont iconjixieshou lineBlock va-m"></i>
+                            PCB Assembly
+                        </div>
+                        <div class="header-form-nav fl boxsiz">
+                            <i class="iconfont iconpcbban lineBlock va-m"></i>
+                            SMT-Stencil
+                        </div>
+                        <div class="header-form-nav fl boxsiz">
+                            <i class="iconfont iconkaiguan lineBlock va-m"></i>
+                            Membrane Switch
+                        </div>
+                    </div>
+                    <div class="header-form-content clr">
+                        <div class="header-form-content-l fl"></div>
+                        <div class="header-form-content-r fr"></div>
+                    </div>
                </div>
            </div>
        </div>