From 8406cc04c82d39684ddc73d79bae61dca892c020 Mon Sep 17 00:00:00 2001
From: lucky <srf428110@163.com>
Date: Thu, 7 Jan 2021 11:35:56 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AD=90=E5=AF=BC=E8=88=AA=E5=8A=A0=E5=AE=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/common/portrait.styl           | 35 ++++++++++++++++++++++++++++++
 src/components/HeadNav/HeadNav.vue | 21 +++++++++++++++---
 2 files changed, 53 insertions(+), 3 deletions(-)

diff --git a/src/common/portrait.styl b/src/common/portrait.styl
index 7a692da..926ceeb 100644
--- a/src/common/portrait.styl
+++ b/src/common/portrait.styl
@@ -42,6 +42,41 @@
   padding-right: 12px;
 }
 
+.px-4{
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+.px-5{
+  padding-left: 20px;
+  padding-right: 20px;
+}
+
+.px-6{
+  padding-left: 24px;
+  padding-right: 24px;
+}
+
+.py-1{
+  padding-top: 4px;
+  padding-bottom: 4px;
+}
+
+.py-2{
+  padding-top: 8px;
+  padding-bottom: 8px;
+}
+
+.py-3{
+  padding-top: 12px;
+  padding-bottom: 12px;
+}
+
+.py-4{
+  padding-top: 16px;
+  padding-bottom: 16px;
+}
+
 .py-5{
   padding-top: 20px;
   padding-bottom: 20px;
diff --git a/src/components/HeadNav/HeadNav.vue b/src/components/HeadNav/HeadNav.vue
index 9ab34e8..e509102 100644
--- a/src/components/HeadNav/HeadNav.vue
+++ b/src/components/HeadNav/HeadNav.vue
@@ -2,13 +2,23 @@
   <div class="head">
     <img @click="jumUrl('/')" alt class="logo-img" src="@/assets/logo.png" style="cursor: pointer" />
     <div class="li-box">
-      <a-dropdown :disabled="item.children.length > 0 ? false : true" :key="a" class="list-down" v-for="(item, a) in list">
+      <a-dropdown
+        :disabled="item.children.length > 0 ? false : true"
+        :key="a"
+        class="list-down"
+        v-for="(item, a) in list"
+      >
         <a @click="jumUrl(item.url)" class="ant-dropdown-link">
           {{ item.name }}&nbsp;&nbsp;
           <a-icon type="down" v-show="item.children.length > 0" />
         </a>
         <a-menu slot="overlay">
-          <a-menu-item :key="b" style="text-align: center" v-for="(con, b) in item.children">
+          <a-menu-item
+            :key="b"
+            class="px-6 py-3"
+            style="text-align: center"
+            v-for="(con, b) in item.children"
+          >
             <a @click="jumUrl(con.url)">{{ con.title }}</a>
           </a-menu-item>
         </a-menu>
@@ -19,7 +29,12 @@
       <template slot="title">
         <span>点击查看购物车！</span>
       </template>
-      <a-icon @click="$router.push('/Cart')" class="icon-head baseColor" style="right: 100px" type="shopping-cart" />
+      <a-icon
+        @click="$router.push('/Cart')"
+        class="icon-head baseColor"
+        style="right: 100px"
+        type="shopping-cart"
+      />
     </a-tooltip>
     <router-link tag="span" to="/login">
       <a-icon class="icon-head" style="right: 50px" type="user" />