updata

src/components/header/head.vue

 <template>
-    <div>
-      	头部
-    </div>
+    <header id='head_top'>
+        <slot name='logo'></slot>
+        <router-link to='/login' v-if='signinUp' class="head_login">登陆|注册</router-link>
+    </header>
 </template>
 
 <script>
 
-export default {
-	
-}
+    export default {
+    	data(){
+            return{
+                
+            }
+        },
+        created(){
+
+        },
+        mounted(){
+
+        },
+        props: ['signinUp'],
+        computed: {
+            
+        },
+        methods: {
+
+        },
+
+    }
 
 </script>
 
 <style lang="scss" scoped>
-    
+    @import '../../style/mixin.scss';
+
+    #head_top{
+        height: 1.95rem;
+        width: 100%;
+        background-color: $blue;
+        position: fixed;
+        left: 0;
+        top: 0;
+    }
+    .head_login{
+        position: absolute;
+        font-size: 0.6rem;
+        color: #fff;
+        right: 0.55rem;
+        top: 50%;
+        transform: translateY(-50%);
+    }
 </style>

src/config/fetch.js

@@ -5,6 +5,7 @@ export default (type = 'GET', url = '', data = {}) => {
 		type = type.toUpperCase();
 		url = baseUrl + url
 		let requestObj = {
+			credentials: 'include',
 		  	method: type,
 		  	headers: {
 		      	'Accept': 'application/json',

src/page/home/index.vue

 <template>
   	<div>
-        <Headtop></Headtop>
+        <head-top signin-up='home'>
+            <router-link to='/home' slot='logo' class="head_logo">ele.me</router-link>
+        </head-top>
+        <nav class="city_nav">
+            <div class="city_tip">
+                <span>当前定位城市：</span>
+                <span>定位不准时，请在城市列表中选择</span>
+            </div>  
+        </nav>
     </div>
 </template>
 
 <script>
-import Headtop from '../../components/header/head'
+import headTop from '../../components/header/head'
 export default {
-    components:{
-        Headtop
+    data(){
+        return{
+
+        }
     },
+
 	created(){
         
+    },
+
+    components:{
+        headTop
+    },
+
+    computed:{
+
+    },
+
+    methods:{
+
     }
 }
 
 </script>
 
 <style lang="scss" scoped>
-    
+    @import '../../style/mixin.scss';
+    .head_logo{
+        position: absolute;
+        width: 2.3rem;
+        height: 0.7rem;
+        left: 0.4rem;
+        top: 50%;
+        transform: translateY(-50%);
+        font-size: 0.7rem;
+        color: #fff;
+        font-weight: 400;
+    }
+    .city_nav{
+        margin-top: 2.35rem;
+        border-top: 2px solid $bordercolor;
+        background-color: #fff;
+        .city_tip{
+            color: #666;
+        }
+    }
 </style>

src/style/common.scss

@@ -5,7 +5,7 @@ body, div, span, header, footer, nav, section, aside, article, ul, dl, dt, dd, l
     font-style: normal;
     text-decoration: none;
     border: none;
-    color: #313131;
+    color: #333;
     box-sizing: border-box;
     font-weight: lighter;
     font-family: 'Microsoft YaHei';
@@ -16,11 +16,13 @@ body, div, span, header, footer, nav, section, aside, article, ul, dl, dt, dd, l
 }
 
 
-html{
+html,body{
     height: 100%;
     width: 100%;
+    background-color: #f2f2f2;
 }
 
+
 .clear:after{
     content: '';
     display: block;

src/style/mixin.scss

+$blue: #3190e8;  
+$bordercolor: #e4e4e4;
+@mixin backimg($url) {
+	background-image: url($url);
+	background-repeat: no-repeat;
+	background-size: 100% 100%;
+}