初始化网站代码

src/components/less/header.less

@@ -0,0 +1,80 @@
+@import "./mixin.less";
+
+.@{prefix}-header {
+  width: 100%;
+  height: 100px;
+  .float-clear;
+  .@{prefix}-logo{
+    width: 160px;
+    height: 100px;
+    margin: 0 0 0 20px;
+    float: left;
+  }
+  .@{prefix}-logo-text{
+    float: left;
+    height: 100px;
+    color: #36A4BB;
+    font-size: 16px;
+    padding-top: 28px;
+    margin: 0 0 0 10px;
+  }
+  .@{prefix}-button{
+    float: right;
+    line-height: 40px;
+    background: #236579;
+    margin: 30px 30px 0 0;
+    min-width: 100px;
+    border-radius: 10px;
+  }
+  .@{prefix}-rightcol{
+    display: none;
+  }
+
+
+  .@{prefix}-logo-line {
+    width: 1px;
+    height: 45px;
+    top: 30px;
+    left: 10px;
+    float: left;
+    position: relative;
+    background: #32adc6;
+  }
+}
+
+@media (max-width: 420px) {
+  .@{prefix}-header{
+    height: 60px;
+    .zui-logo{
+      height: 60px;
+      width: 100px;
+      margin: 0 0 0 10px;
+    }
+    .@{prefix}-logo-text{
+      padding-top: 14px;
+      font-size: 12px;
+      height: 60px;
+    }
+    .@{prefix}-button{
+      display: none;
+    }
+    .@{prefix}-rightcol{
+      display: flex;
+      float: right;
+      line-height: 30px;
+      margin: 15px 10px 0 0;
+      min-width: 50px;
+      font-weight: bold;
+      color: #32adc6;
+    }
+    .@{prefix}-logo-line {
+      width: 1px;
+      height: 30px;
+      background: #32adc6;
+      display: inline-block;
+      position: relative;
+      top: 15px;
+      left: 5px;
+    }
+  }
+}