head还是没写完

src/views/app/head.vue

@@ -48,11 +48,53 @@
             <uL>
               <li :class="current === index ? 'current': ''" v-for="(item, index) in allMenu" :key="index"
                   @mouseover="oversubmenu(index)" @mouseout="outsubmenu(index)">
-
+                <h3 style="background: url(../../../static/images/1449088957941770398.png) 20px center no-repeat">
+                  <router-link :to="/list/" + item.id>{{ item.name }}</router-link>
+                </h3>
+                <div class="J-subCate" id="J_subCate" v-show="showsubmenu === index" style="left: 213px; top: 0px">
+                  <div class="J_subView" style="display: block">
+                    <div v-for="(iteminfo, index) in item.sub_cat" :key="index">
+                      <dl>
+                        <dt>
+                          <router-link :to="/list/" + iteminfo.id>{{ iteminfo.name }}</router-link>
+                        </dt>
+                      </dl>
+                      <div class="clear"></div>
+                    </div>
+                  </div>
+                </div>
               </li>
             </uL>
           </div>
         </div>
+        <ul>
+          <li>
+            <router-link :to="'/list/'" + item.id>首页</router-link>
+          </li>
+          <template v-for="(item, index) in allMenu">
+            <li v-if="item.is_nav" :key="index">
+              <router-link :to="'/list/' + item.id">{{ item.name }}</router-link>
+            </li>
+          </template>
+        </ul>
+        <div class="hd_cart" :class="showCart ? 'hd_cart_hover' : ''" id="ECS_CARTINFO" @mouseover="overCart"
+             @mouseout="outCart">
+          <router-link :to="'/checkout'" class="tit">
+            <b class="iconfont">Ɲ</b>去购物车结算<span><i class="iconfont"></i></span>
+            <em class="num" id="hd_cartnum" style="visibility: visible">{{ totalNum }}</em>
+          </router-link>
+          <div class="list" v-show="showCart">
+            <div class="data">
+              <dl v-for="(item,index) in cart_lists ">
+                <dt>
+                  <a>
+
+                  </a>
+                </dt>
+              </dl>
+            </div>
+          </div>
+        </div>
       </div>
     </div>
   </div>
@@ -62,6 +104,16 @@
 import {mapGetters} from 'vuex'
 
 export default {
+  data () {
+    return {
+      showmenu: false,
+      allmenu: [],
+      showsubmenu: -1,
+      first: false,
+      current: false,
+      showCart: false
+    }
+  },
   methods: {
     overAllmenu () {
       this.showmenu = true
@@ -69,7 +121,7 @@ export default {
     outAllmenu () {
       this.showmenu = false
     },
-    oversubmenu () {
+    oversubmenu (index) {
       this.current = index
       this.showsubmenu = index
     },
@@ -77,6 +129,12 @@ export default {
       this.current = false
       this.showsubmenu = -1
     },
+    overCart () {
+      this.showCart = true
+    },
+    outCart () {
+      this.showCart = false
+    },
     logout () {
       this.$store.dispatch('delUser')
     }
@@ -86,7 +144,7 @@ export default {
       userinfo: 'userinfo',
       cart_lists: 'cart_lists',
       totalNum: 'totalNum',
-      totalPrice: 'totalPrice',
+      totalPrice: 'totalPrice'
     })
   }
 }