修改样式

src/components/a-banner/a-banner.vue

@@ -39,4 +39,11 @@
         text-align: center
         background-color: #f40
         border-radius: 50px
+        -webkit-transition: background-color .2s linear
+        -moz-transition: background-color .2s linear
+        -o-transition: background-color .2s linear
+        -ms-transition: background-color .2s linear
+        transition: background-color .2s linear
+        &:hover
+          background-color: #e60012
 </style>

src/components/a-introduce/i-media.vue

@@ -62,11 +62,11 @@
         width: 100%
         height: 100%
         background-color: rgba(0, 0, 0, 0.2)
-        -webkit-transition: background-color .2s linear;
-        -moz-transition: background-color .2s linear;
-        -o-transition: background-color .2s linear;
-        -ms-transition: background-color .2s linear;
-        transition: background-color .2s linear;
+        -webkit-transition: background-color .2s linear
+        -moz-transition: background-color .2s linear
+        -o-transition: background-color .2s linear
+        -ms-transition: background-color .2s linear
+        transition: background-color .2s linear
       img
         width: 100%
         height: 100%

src/components/a-introduce/i-resources.vue

@@ -39,12 +39,12 @@
       height: 88px
       float: left
       background-color: #fff
-      border: 1px solid #fff
+      border: 1px solid #cfcfcf
       border-radius: 5px
       margin: 15px 10px
       padding: 15px
       &:hover
-        border-color: #c6c7c8
+        border-color: #707070
       &:nth-child(4n+1)
         margin-left: 0
       &:nth-child(4n)

src/components/c-banner/c-banner.vue

@@ -89,16 +89,23 @@ export default {
         display: inline-block
         line-height: 50px
         text-align: center
-        background-color: #fd6129
+        -webkit-transition: background-color .2s linear
+        -moz-transition: background-color .2s linear
+        -o-transition: background-color .2s linear
+        -ms-transition: background-color .2s linear
+        transition: background-color .2s linear
         &.mac
           border-bottom-left-radius: 50px
           border-top-left-radius: 50px
+          background-color: #fd6129
         &.windows
           border-bottom-right-radius: 50px
           border-top-right-radius: 50px
           background-color: #ff4400
         &.prohibit
-          cursor: not-allowed;
-          background-color: #999;
-          color: #ccc;
+          cursor: not-allowed
+          background-color: #999
+          color: #ccc
+        &.mac:hover, &.windows:hover 
+          background-color: #e60012
 </style>

src/components/m-copyright/m-copyright.vue

@@ -18,7 +18,7 @@
   padding: 72px 0
   background-color: #000
   text-align: center
-  font-size: 18px
+  font-size: 16px
   background-image: url("copyright@2x.png")
   background-size: cover
   background-position: center
@@ -31,7 +31,6 @@
       &.line
         padding-right: 15px
         border-right: 2px solid #fff
-
   .copyright
     color: #e6e6e6
 </style>

src/components/m-header/m-header.vue

 <template>
   <div class="m-header">
     <div class="nav">
-      <div class="logo">小云蜂巢</div>
+      <a class="logo" href="/">小云蜂巢</a>
       <ul class="menus">
         <li><a :class="current === 0 ? 'active' : ''" href="/content">内容管理工具</a></li>
         <li><a :class="current === 1 ? 'active' : ''" href="/ads">广告交易平台</a></li>
@@ -36,42 +36,45 @@ export default {
 <style scoped lang="stylus" rel="stylesheet/stylus">
 .m-header
   background-color: #000
-  height: 88px
-  line-height: 88px
+  height: 64px
+  line-height: 64px
   .nav
-    max-width: 1000px
+    min-width: 1000px
     margin: 0 auto
     overflow: hidden
     .logo
       float: left
+      margin-left: 40px
+      display: block
       width: 200px
       height: 60px
       line-height: 60px
       text-align: center
       font-size: 30px
       color: #ff4400
-      margin-top: 14px
+      margin-top: 2px
     .menus
       float: right
+      margin-right: 138px
       li
         display: inline-block
-        font-size: 18px
+        font-size: 16px
         text-align: center
         &:last-child
-          margin-left: 254px
+          margin-left: 200px
         a
           display: block
           width: 160px
-          height: 84px
+          height: 60px
           border-bottom: 4px
           border-style: solid
           border-color: transparent
           color: #fff
-          -webkit-transition: border-color .2s linear, color .2s linear;
-          -moz-transition: border-color .2s linear, color .2s linear;
-          -o-transition: border-color .2s linear, color .2s linear;
-          -ms-transition: border-color .2s linear, color .2s linear;
-          transition: border-color .2s linear, color .2s linear;
+          -webkit-transition: border-color .2s linear, color .2s linear
+          -moz-transition: border-color .2s linear, color .2s linear
+          -o-transition: border-color .2s linear, color .2s linear
+          -ms-transition: border-color .2s linear, color .2s linear
+          transition: border-color .2s linear, color .2s linear
           &.active
             color: #ff4400
             border-color: #ff4400