分类条目封装完成

src/components/common/BHeader.vue

@@ -42,7 +42,7 @@ export default {
     	height 170px
     	z-index 10
     .h-center
-    	width 980px
+    	width 1160px
     	margin 0 auto
     	position relative
     	height 170px

src/components/common/BMenu.vue

@@ -1,8 +1,8 @@
 <template>
 	<div class="menu">
 		<div class="menu-wrapper">
-			<ul class="nav-menu">
-				<BMenuItem v-for="i in itemNum"></BMenuItem>
+			<ul class="nav-menu" v-for="i in itemNum">
+				<BMenuItem :num="i"></BMenuItem>
 			</ul>
 			<div class="menu-r"></div>
 		</div>
@@ -14,7 +14,7 @@ import BMenuItem from 'components/common/BMenuItem'
 export default {
 	data() {
 		return {
-			itemNum: [1]
+			itemNum: [1, 3, 4, 5, 5, 6]
 		}
 	},
 	components: {
@@ -29,7 +29,7 @@ export default {
 		background #fff
 		.menu-wrapper
 			position relative
-			width 980px
+			width 1160px
 			margin 0 auto
 			padding 6px 0
 			z-index 100

src/components/common/BMenuItem.vue

@@ -1,11 +1,12 @@
 <template>
-	<li class="m-i">
+	<li class="m-i" :class="{home: num === 1}">
 		<a class="i-link" href="">
 			<em>{{title}}</em>
-			<div class="v-num">
+			<div class="v-num" v-if="num !== 1">
 				<span class="addnew_1">{{num}}</span>
 			</div>
 		</a>
+		<ul></ul>
 	</li>
 </template>
 
@@ -13,11 +14,10 @@
 export default {
 	data() {
 		return {
-			title: '动画',
-			num: '888+'
+			title: '动画'
 		}
 	},
-	props: []
+	props: ['num']
 }
 </script>
 
@@ -27,7 +27,18 @@ export default {
 		position relative
 		font-size  14px
 		display block
-		height 50px
+		height 50px	
+		&.home
+			padding 0 12px 0 0
+			width auto
+			margin 0
+			a.i-link
+				padding 0
+				background url(../../assets/images/icons.png) -658px -1170px no-repeat
+				em
+					padding-left 0
+					padding-right 0
+					margin 0
 		a
 			color #222
 			display block

src/components/common/TopContainer.vue

@@ -89,7 +89,7 @@ export default {
       width 100%
       position relative
       z-index 10000
-      font-family "Microsoft YaHei",Arial,Helvetica,sans-serifsans-serif !important
+      font-family "Microsoft YaHei",Arial,Helvetica,sans-serifsans-serif
       color #222
       .i-link
         padding 0 14px
@@ -132,7 +132,7 @@ export default {
         position relative
         text-align left
         z-index 10000
-        width 980px
+        width 1160px
         zoom 1
         &:after
           content ''