d

recruit/recruit/dist/css/app.0b9b292a.css

@@ -1 +0,0 @@
-h3[data-v-379548a4]{margin:40px 0 0}ul[data-v-379548a4]{list-style-type:none;padding:0}li[data-v-379548a4]{display:inline-block;margin:0 10px}a[data-v-379548a4]{color:#42b983}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;margin-top:60px}

recruit/recruit/dist/css/app.71d45a95.css

@@ -1 +0,0 @@
-h3[data-v-ea5ee638]{margin:40px 0 0}ul[data-v-ea5ee638]{list-style-type:none;padding:0}li[data-v-ea5ee638]{display:inline-block;margin:0 10px}a[data-v-ea5ee638]{color:#42b983}body{padding:0;margin:0}

recruit/recruit/src/App.vue

@@ -1,40 +1,43 @@
 <template>
   <div id="app">
-    <img alt="Vue logo" src="./assets/logo.png">
-    <HelloWorld msg="Welcome to Your Vue.js App"/>
+		<topbar></topbar>
+		<search></search>
+		<navbar></navbar>
+		<!-- <swiper></swiper>
+		<login></login> -->
+		<differRegister></differRegister>
+		<bottombar></bottombar>
   </div>
 </template>
 
 <script>
-import HelloWorld from './components/HelloWorld.vue'
-import {gethomelist} from './network/home.js'
+import search from './components/common/search/search.vue'
+import navbar from './components/common/navbar/navbar.vue'
+import topbar from './views/topbar.vue'
+import swiper from './components/common/swiper/banner.vue'
+import login from './components/common/login/login.vue'
+import bottombar from './views/bottombar.vue'
+import differRegister from './components/common/register/classify.vue'
 export default {
   name: 'app',
   components: {
-    HelloWorld
+		search,
+		topbar,
+		navbar,
+		swiper,
+		login,
+		bottombar,
+		differRegister
   },
 	data(){
 		return{
-			recommend:[]
 		}
-		
 	},
 	created() {
-		gethomelist().then(res =>{
-			this.recommend=res.data.recommend.list;
-			console.log(this.recommend)
-		})
 	}
 }
 </script>
 
 <style>
-#app {
-  font-family: 'Avenir', Helvetica, Arial, sans-serif;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  text-align: center;
-  color: #2c3e50;
-  margin-top: 60px;
-}
+@import "./assets/css/base.css";
 </style>

recruit/recruit/src/assets/css/base.css

@@ -1,4 +1,5 @@
 body{
 	padding: 0;
 	margin: 0;
+	background-color: #eaebef;
 }

recruit/recruit/src/components/HelloWorld.vue

@@ -1,57 +0,0 @@
-<template>
-  <div class="hello">
-    <h1>{{ msg }}</h1>
-    <p>
-      For a guide and recipes on how to configure / customize this project,<br>
-      check out the
-      <a href="https://cli.vuejs.org" target="_blank" rel="noopener">vue-cli documentation</a>.
-    </p>
-    <h3>Installed CLI Plugins</h3>
-    <ul>
-      <li><a href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-babel" target="_blank" rel="noopener">babel</a></li>
-    </ul>
-    <h3>Essential Links</h3>
-    <ul>
-      <li><a href="https://vuejs.org" target="_blank" rel="noopener">Core Docs</a></li>
-      <li><a href="https://forum.vuejs.org" target="_blank" rel="noopener">Forum</a></li>
-      <li><a href="https://chat.vuejs.org" target="_blank" rel="noopener">Community Chat</a></li>
-      <li><a href="https://twitter.com/vuejs" target="_blank" rel="noopener">Twitter</a></li>
-      <li><a href="https://news.vuejs.org" target="_blank" rel="noopener">News</a></li>
-    </ul>
-    <h3>Ecosystem</h3>
-    <ul>
-      <li><a href="https://router.vuejs.org" target="_blank" rel="noopener">vue-router</a></li>
-      <li><a href="https://vuex.vuejs.org" target="_blank" rel="noopener">vuex</a></li>
-      <li><a href="https://github.com/vuejs/vue-devtools#vue-devtools" target="_blank" rel="noopener">vue-devtools</a></li>
-      <li><a href="https://vue-loader.vuejs.org" target="_blank" rel="noopener">vue-loader</a></li>
-      <li><a href="https://github.com/vuejs/awesome-vue" target="_blank" rel="noopener">awesome-vue</a></li>
-    </ul>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'HelloWorld',
-  props: {
-    msg: String
-  }
-}
-</script>
-
-<!-- Add "scoped" attribute to limit CSS to this component only -->
-<style scoped>
-h3 {
-  margin: 40px 0 0;
-}
-ul {
-  list-style-type: none;
-  padding: 0;
-}
-li {
-  display: inline-block;
-  margin: 0 10px;
-}
-a {
-  color: #42b983;
-}
-</style>

recruit/recruit/src/components/common/login/login.vue

@@ -1,8 +1,163 @@
 <template>
+	<div class="login">
+		<span class="login_top">账号登陆</span>
+		<label class="heng"></label>
+		<div class="input-wrap">
+			<input class="input_user" type="text" v-model="name" />
+			<span v-if="error.name" class="err-msg">{{error.name}}</span>
+		</div>
+		<div class="input-wrap">
+			<input class="input_psw" type="password" v-model="pwd" />
+			<span v-if="error.pwd" class="err-msg">{{error.pwd}}</span>
+		</div>
+		<div class="input-wrap">
+			<button @click="login" class="submit">提交</button>
+		</div>
+		<div class="login_tom">
+			<span class="">还没有账号?</span>
+			<a href="" class="tom_left">注册账号</a>
+			<a href="" class="tom_right">忘记密码</a>
+		</div>
+	</div>
 </template>
 
 <script>
+	export default {
+		name: 'login',
+		components: {},
+		data() {
+			return {
+				name: '',
+				pwd: '',
+				error: {
+					name: '',
+					pwd: ''
+				}
+			}
+		},
+		methods: {
+			check(name, pwd) {
+				if (!name) {
+					this.error.name = '请输入姓名'
+					return false
+				}
+				if (!pwd) {
+					this.error.pwd = '请输入密码'
+					return false
+				}
+			},
+			login() {
+				const {
+					name,
+					pwd,
+					$router
+				} = this
+				if (!this.check(name, pwd)) return
+
+				if (name == 'admin' && pwd == '123') {
+					$.router.push({
+						name: 'main'
+					})
+				} else {
+					alert('用户名错误')
+				}
+			}
+		}
+	}
 </script>
 
-<style>
+<style scoped>
+	.login {
+		width: 250px;
+		height: 310px;
+		position: absolute;
+		top: 220px;
+		left: 224px;
+		background-color: #f8f6f7;
+	}
+
+	.submit {
+		position: absolute;
+		left: 13px;
+		top: 140px;
+		background-color: #4297E8;
+		outline: none;
+		border: 0px;
+		width: 224px;
+		height: 38px;
+		color: white;
+		font-size: 17px;
+		cursor: pointer;
+	}
+
+	.input_user {
+		border: 1px solid #4299e8;
+		outline: none;
+		height: 25px;
+		width: 192px;
+		position: absolute;
+		top: 55px;
+		left: 13px;
+		border-radius: 2px;
+		background-image: url(../../../assets/img/login/re.png);
+		/*设置图片的地址*/
+		background-size: 20px 20px;
+		/*这里是图片的大小*/
+		background-repeat: no-repeat;
+		/*让图片不重复*/
+		background-position: 5px 3px;
+		padding-left: 30px;
+	}
+
+	.input_psw {
+		border: 1px solid #4299e8;
+		outline: none;
+		height: 25px;
+		width: 192px;
+		position: absolute;
+		top: 95px;
+		left: 13px;
+		border-radius: 2px;
+		background-image: url(../../../assets/img/login/so.png);
+		/*设置图片的地址*/
+		background-size: 20px 20px;
+		/*这里是图片的大小*/
+		background-repeat: no-repeat;
+		/*让图片不重复*/
+		background-position: 5px 3px;
+		padding-left: 30px;
+	}
+
+	.login_top {
+		color: #4198e7;
+		padding-left: 22px;
+		position: absolute;
+		top: 15px;
+		font-size: 16px;
+	}
+
+	.heng {
+		width: 85px;
+		height: 1px;
+		background-color: #4297E8;
+		position: absolute;
+		top: 40px;
+		left: 15px;
+	}
+
+	.login_tom {
+		margin-top: 185px;
+		text-align: center;
+		font-size: 11px;
+		text-decoration: none;
+	}
+
+	.login_tom a {
+		text-decoration: none;
+		color: #4297E8;
+	}
+
+	.tom_right {
+		padding-left: 58px;
+	}
 </style>

recruit/recruit/src/components/common/navbar/navbar.vue

@@ -19,29 +19,33 @@
 	}
 </script>
 
-<style>
-.index{
+<style>	 
+  .index{
 	 position: relative;
 	 top: 10px;
 	 font-size: 17px;
 	 left: 332px;
+	 color: #FFFFFF;
 	}
 	.worker{
 		position: relative;
 		top: 10px;
 		font-size: 17px;
 		left: 518px;
+		color: #FFFFFF;
 	}
 	.work{
 		position: relative;
 		top: 10px;
 		font-size: 17px;
 		left: 703px;
+		color: #FFFFFF;
 	}
 	.company{
 		position: relative;
 		top: 10px;
 		font-size: 17px;
 		left: 886px;
+		color: #FFFFFF;
 	}
 </style>

recruit/recruit/src/components/common/search/search.vue

@@ -100,9 +100,9 @@ data() {
    
    .item-ul {
 		 border: 1px solid #c4bebe;
-		 width: 392px;
+		 width: 390px;
 		 position: absolute;
-		 top: 102px;
+		 top: 117px;
 		 left: 800px;
 		 list-style: none;
 		 padding: 10px;
@@ -121,7 +121,7 @@ data() {
 		 outline:none;
 		 border: 0px;
 		 width: 88px;
-		 height: 34px;
+		 height: 32px;
 		 color: white;
 		 font-size: 17px;
 		 cursor: pointer;