子导航加宽

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;

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" />