From 268e16a471ed569a345d3710c742a3c745558638 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=82=93=E6=B4=81?= <209192278@qq.com>
Date: Mon, 1 May 2023 19:59:20 +0800
Subject: [PATCH] =?UTF-8?q?=E9=82=93=E6=B4=81=20:=20header=20=E5=BC=80?=
 =?UTF-8?q?=E5=A7=8B=E7=BC=96=E5=86=99?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/index.html          |   2 +-
 src/App.vue                |  12 ++-
 src/assets/header/logo.png | Bin 0 -> 23633 bytes
 src/views/header/index.vue | 174 ++++++++++++++++++++++++++++++++++++-
 4 files changed, 182 insertions(+), 6 deletions(-)
 create mode 100644 src/assets/header/logo.png

diff --git a/public/index.html b/public/index.html
index 1767ff9..aaaece3 100644
--- a/public/index.html
+++ b/public/index.html
@@ -5,7 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width,initial-scale=1.0">
     <link rel="icon" href="<%= BASE_URL %>favicon.ico">
-    <title>西南交通大学 保卫处</title>
+    <title>艺鹏瓷砖|广东祥睿陶瓷有限公司</title>
     <script>
       fnResize();
       window.onresize = function() {
diff --git a/src/App.vue b/src/App.vue
index 8ca0e7d..e9f3385 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -28,5 +28,15 @@ export default {
   },
 }
 </script>
-<style>
+<style lang="scss">
+*{
+  padding: 0;
+  margin: 0;
+}
+a{
+  width: 100%;
+  text-decoration: none;
+  cursor: pointer;
+  text-align: center;
+}
 </style>
diff --git a/src/assets/header/logo.png b/src/assets/header/logo.png
new file mode 100644
index 0000000000000000000000000000000000000000..6d46da99ffbd4391dad36baaac7d0122f932bedb
GIT binary patch
literal 23633
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

literal 0
HcmV?d00001

diff --git a/src/views/header/index.vue b/src/views/header/index.vue
index fb7ef53..db4fc36 100644
--- a/src/views/header/index.vue
+++ b/src/views/header/index.vue
@@ -1,15 +1,181 @@
 <template>
-  <div>
-    头部5464654646
+  <div class="header_bg">
+    <el-row type="flex" class="up_header">
+      <el-col :span="3">
+      </el-col>
+      <el-col :span="18">
+          <span class="up_left">
+            艺鹏瓷砖 —— 拒绝千篇一律，艺术无处不在
+          </span>
+        <span class="up_right">
+            广东祥睿陶瓷有限公司
+          </span>
+      </el-col>
+    </el-row>
+    <el-row type="flex" class="down_header">
+      <el-col :span="3">
+      </el-col>
+      <el-col :span="18">
+        <div class="down_left">
+          <a href="/">
+            <el-image
+              :src="require('@/assets/header/logo.png')"></el-image>
+          </a>
+        </div>
+        <div class="down_right">
+          <ul>
+            <li v-for="(item,index) in navList" :key="index">
+              <a :href="item.href">
+                {{ item.title }}
+              </a>
+              <ul class="subNav">
+                <li v-for="(childrenItem,childrenIndex) in item.children" :key="childrenIndex">
+                  <a :href="childrenItem.href">
+                    {{ childrenItem.title }}
+                  </a>
+                </li>
+              </ul>
+            </li>
+          </ul>
+        </div>
+      </el-col>
+    </el-row>
   </div>
 </template>
 
 <script>
 export default {
-  name: "index"
+  name: "index",
+  data() {
+    return {
+      navList: [
+        {
+          href: '',
+          title: '网站首页',
+          children:[
+
+          ]
+        },
+        {
+          href: '',
+          title: '关于我们',
+          children:[
+            {
+              href: '',
+              title:'企业简介'
+            },
+            {
+              href: '',
+              title:'品牌文化'
+            },{
+              href: '',
+              title:'企业观点'
+            },{
+              href: '',
+              title:'企业文化'
+            }
+          ]
+        }, {
+          href: '',
+          title: '产品中心'
+        }, {
+          href: '',
+          title: '新闻资讯'
+        }, {
+          href: '',
+          title: '形象展示'
+        }, {
+          href: '',
+          title: '招商加盟'
+        }, {
+          href: '',
+          title: '联系我们'
+        }
+      ]
+    }
+  }
 }
 </script>
 
-<style scoped>
+<style scoped lang="scss">
+.header_bg {
+  height: 130px;
+  width: 100%;
+  background-color: #111;
+  color: #fff;
+
+  .up_header {
+    border-bottom: 1px solid #333;
+    height: 36px;
+
+    .up_left {
+      color: #fff;
+      display: inline;
+      line-height: 36px;
+      float: left;
+      margin-left: 90px;
+      font-size: 12px;
+    }
+
+    .up_right {
+      color: #ccc;
+      display: inline;
+      float: right;
+      line-height: 35px;
+      font-size: 12px;
+    }
+  }
+
+  .down_header {
+    position: relative;
+    width: 100%;
+    float: left;
+    padding: 4px 0;
+    z-index: 30;
+
+    .down_left {
+      position: absolute;
+      top: -30px;
+      float: left;
+
+      > a:hover:after {
+        border: none;
+      }
+    }
+
+    .down_right {
+      position: relative;
+      float: right;
+
+      >ul {
+        display: inline;
+        float: left;
+
+        >li {
+          position: relative;
+          display: inline;
+          width: 100px;
+          float: left;
+
+          > a {
+            color: #fff;
+            display: inline-block;
+            position: relative;
+            height: 85px;
+            line-height: 85px;
+            font-size: 14px;
+          }
+          a:hover{
+            text-decoration: underline;
+          }
+          .subNav{
+            width: 100px;
+            background-color: red;
+          }
+        }
+      }
+    }
+  }
+}
 
 </style>