diff --git a/src/App.vue b/src/App.vue
index 66d0241..d5e2358 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,17 +1,17 @@
-<template>
-	<div>
-    	<router-view></router-view>
-    </div>
-</template>
-
-<script>
-
-  	export default {
-    
-  	}
-
-</script>
-
-<style>
-  	
-</style>
+<template>
+	<div>
+    	<router-view></router-view>
+    </div>
+</template>
+
+<script>
+
+  	export default {
+    
+  	}
+
+</script>
+
+<style>
+  	
+</style>
diff --git a/src/components/itemcontainer.vue b/src/components/itemcontainer.vue
index 1b7ad08..f7a8374 100644
--- a/src/components/itemcontainer.vue
+++ b/src/components/itemcontainer.vue
@@ -1,200 +1,200 @@
-<template>
-  	<section>
-    	<header class="top_tips">
-    		<span class="num_tip" v-if="fatherComponent == 'home'">{{level}}</span>
-    		<span class="num_tip" v-if="fatherComponent == 'item'">题目{{itemNum}}</span>
-    	</header>
-    	<div v-if="fatherComponent == 'home'" >
-    		<div class="home_logo item_container_style"></div>
-    		<router-link to="item" class="start button_style" ></router-link>
-    	</div>
-    	<div v-if="fatherComponent == 'item'" >
-    		<div class="item_back item_container_style">
-    			<div class="item_list_container" v-if="itemDetail.length > 0">
-    				<header class="item_title">{{itemDetail[itemNum-1].topic_name}}</header>
-    				<ul>
-    					<li  v-for="(item, index) in itemDetail[itemNum-1].topic_answer" @click="choosed(index, item.topic_answer_id)" class="item_list">
-    						<span class="option_style" v-bind:class="{'has_choosed':choosedNum==index}">{{chooseType(index)}}</span>
-    						<span class="option_detail">{{item.answer_name}}</span>
-    					</li>
-    				</ul>
-    			</div>
-    		</div>
-    		<span class="next_item button_style" @click="nextItem" v-if="itemNum < itemDetail.length"></span>
-    		<span class="submit_item button_style" v-else @click="submitAnswer"></span>
-    	</div>
-  	</section>
-</template>
-
-<script>
-import { mapState, mapActions } from 'vuex'
-export default {
-	name: 'itemcontainer',
-	data() {
-		return {
-			itemId: null, //题目ID
-			choosedNum: null, //选中答案索引
-			choosedId:null //选中答案id
-		}
-	},
-  	props:['fatherComponent'],
-  	computed: mapState([
-	  	'itemNum', //第几题
-  		'level', //第几周
-  		'itemDetail', //题目详情
-  		'timer', //计时器
-	]),
-  	methods: {
-  		...mapActions([
-  			'addNum', 'initializeData',
-  		]),
-  		//点击下一题
-  		nextItem(){
-  			if (this.choosedNum !== null) {
-	  			this.choosedNum = null;
-	  			//保存答案, 题目索引加一，跳到下一题
-	  			this.addNum(this.choosedId)
-  			}else{
-  				alert('您还没有选择答案哦')
-  			}
-  		},
-  		//索引0-3对应答案A-B
-	  	chooseType: type => {
-	  		switch(type){
-	  			case 0: return 'A';
-	  			case 1: return 'B';
-	  			case 2: return 'C';
-	  			case 3: return 'D';
-	  		}
-	  	},
-	  	//选中的答案信息
-	  	choosed(type,id){
-	  		this.choosedNum = type;
-	  		this.choosedId = id;
-	  	},
-	  	//到达最后一题，交卷，请空定时器，跳转分数页面
-	  	submitAnswer(){
-	  		if (this.choosedNum !== null) {
-	  			this.addNum(this.choosedId)
-	  			clearInterval(this.timer)
-	  			this.$router.push('score')
-  			}else{
-  				alert('您还没有选择答案哦')
-  			}
-	  	},
-	},
-	created(){
-		//初始化信息
-		if(this.fatherComponent == 'home') {
-			this.initializeData();
-			document.body.style.backgroundImage = 'url(./static/img/1-1.jpg)';
-		}
-	}
-}
-</script>
-
-<style lang="less">
-	.top_tips{
-		position: absolute;
-		height: 7.35rem;
-		width: 3.25rem;
-		top: -1.3rem;
-		right: 1.6rem;
-		background: url(../images/WechatIMG2.png) no-repeat;
-		background-size: 100% 100%;
-		z-index: 10;
-		.num_tip{
-			position: absolute;
-			left: 0.48rem;
-			bottom: 1.1rem;
-			height: 0.7rem;
-			width: 2.5rem;
-			font-size: 0.6rem;
-			font-family: '黑体';
-			font-weight: 600;
-			color: #a57c50;
-			text-align: center;
-		}
-	}
-	.item_container_style{
-		height: 11.625rem;
-		width: 13.15rem;
-		background-repeat: no-repeat;
-		position: absolute;
-		top: 4.1rem;
-		left: 1rem;
-	}	
-	.home_logo{
-		background-image: url(../images/1-2.png);
-		background-size: 13.142rem 100%;
-		background-position: right center;
-	}
-	.item_back{
-		background-image: url(../images/2-1.png);
-		background-size: 100% 100%;
-	}
-	.button_style{
-        display: block;
-        height: 2.1rem;
-        width: 4.35rem;
-        background-size: 100% 100%;
-        position: absolute;
-        top: 16.5rem;
-        left: 50%;
-        margin-left: -2.4rem;
-        background-repeat: no-repeat;
-	}
-	.start{
-        background-image: url(../images/1-4.png);
-    }
-    .next_item{
-    	background-image: url(../images/2-2.png);
-    }
-    .submit_item{
-    	background-image: url(../images/3-1.png);
-    }
-    .item_list_container{
-    	position: absolute;
-    	height: 7.0rem;
-    	width: 8.0rem;
-    	top: 2.4rem;
-    	left: 3rem;
-		-webkit-font-smoothing: antialiased;
-    }
-	.item_title{
-		font-size: 0.65rem;
-		color: #00e;
-		line-height: 0.7rem;
-	}
-	.item_list{
-		font-size: 0;
-		margin-top: 0.4rem;
-		width: 10rem;
-		span{
-			display: inline-block;
-			font-size: 0.6rem;
-			color: #00e;
-			vertical-align: middle;
-		}
-		.option_style{
-			height: 0.725rem;
-			width: 0.725rem;
-			border: 1px solid #fff;
-			border-radius: 50%;
-			line-height: 0.725rem;
-			text-align: center;
-			margin-right: 0.3rem;
-			font-size: 0.5rem;
-			font-family: 'Arial';
-		}
-		.has_choosed{
-			background-color: #ffd400;
-			color: #575757;
-			border-color: #ffd400;
-		}
-		.option_detail{
-			width: 7.5rem;
-			padding-top: 0.11rem;
-		}
-	}
-</style>
+<template>
+  	<section>
+    	<header class="top_tips">
+    		<span class="num_tip" v-if="fatherComponent == 'home'">{{ level }}</span>
+    		<span class="num_tip" v-if="fatherComponent == 'item'">题目{{itemNum}}</span>
+    	</header>
+    	<div v-if="fatherComponent == 'home'" >
+    		<div class="home_logo item_container_style"></div>
+    		<router-link to="item" class="start button_style" ></router-link>
+    	</div>
+    	<div v-if="fatherComponent == 'item'" >
+    		<div class="item_back item_container_style">
+    			<div class="item_list_container" v-if="itemDetail.length > 0">
+    				<header class="item_title">{{itemDetail[itemNum-1].topic_name}}</header>
+    				<ul>
+    					<li  v-for="(item, index) in itemDetail[itemNum-1].topic_answer" @click="choosed(index, item.topic_answer_id)" class="item_list">
+    						<span class="option_style" v-bind:class="{'has_choosed':choosedNum==index}">{{chooseType(index)}}</span>
+    						<span class="option_detail">{{item.answer_name}}</span>
+    					</li>
+    				</ul>
+    			</div>
+    		</div>
+    		<span class="next_item button_style" @click="nextItem" v-if="itemNum < itemDetail.length"></span>
+    		<span class="submit_item button_style" v-else @click="submitAnswer"></span>
+    	</div>
+  	</section>
+</template>
+
+<script>
+import { mapState, mapActions } from 'vuex'
+export default {
+	name: 'itemcontainer',
+	data() {
+		return {
+			itemId: null, //题目ID
+			choosedNum: null, //选中答案索引
+			choosedId:null //选中答案id
+		}
+	},
+  	props:['fatherComponent'],
+  	computed: mapState([
+	  	'itemNum', //第几题
+  		'level', //第几周
+  		'itemDetail', //题目详情
+  		'timer', //计时器
+	]),
+  	methods: {
+  		...mapActions([
+  			'addNum', 'initializeData',
+  		]),
+  		//点击下一题
+  		nextItem(){
+  			if (this.choosedNum !== null) {
+	  			this.choosedNum = null;
+	  			//保存答案, 题目索引加一，跳到下一题
+	  			this.addNum(this.choosedId)
+  			}else{
+  				alert('您还没有选择答案哦')
+  			}
+  		},
+  		//索引0-3对应答案A-B
+	  	chooseType: type => {
+	  		switch(type){
+	  			case 0: return 'A';
+	  			case 1: return 'B';
+	  			case 2: return 'C';
+	  			case 3: return 'D';
+	  		}
+	  	},
+	  	//选中的答案信息
+	  	choosed(type,id){
+	  		this.choosedNum = type;
+	  		this.choosedId = id;
+	  	},
+	  	//到达最后一题，交卷，请空定时器，跳转分数页面
+	  	submitAnswer(){
+	  		if (this.choosedNum !== null) {
+	  			this.addNum(this.choosedId)
+	  			clearInterval(this.timer)
+	  			this.$router.push('score')
+  			}else{
+  				alert('您还没有选择答案哦')
+  			}
+	  	},
+	},
+	created(){
+		//初始化信息
+		if(this.fatherComponent == 'home') {
+			this.initializeData();
+			document.body.style.backgroundImage = 'url(./static/img/1-1.jpg)';
+		}
+	}
+}
+</script>
+
+<style lang="less">
+	.top_tips{
+		position: absolute;
+		height: 7.35rem;
+		width: 3.25rem;
+		top: -1.3rem;
+		right: 1.6rem;
+		background: url(../images/WechatIMG2.png) no-repeat;
+		background-size: 100% 100%;
+		z-index: 10;
+		.num_tip{
+			position: absolute;
+			left: 0.48rem;
+			bottom: 1.1rem;
+			height: 0.7rem;
+			width: 2.5rem;
+			font-size: 0.6rem;
+			font-family: '黑体';
+			font-weight: 600;
+			color: #a57c50;
+			text-align: center;
+		}
+	}
+	.item_container_style{
+		height: 11.625rem;
+		width: 13.15rem;
+		background-repeat: no-repeat;
+		position: absolute;
+		top: 4.1rem;
+		left: 1rem;
+	}	
+	.home_logo{
+		background-image: url(../images/1-2.png);
+		background-size: 13.142rem 100%;
+		background-position: right center;
+	}
+	.item_back{
+		background-image: url(../images/2-1.png);
+		background-size: 100% 100%;
+	}
+	.button_style{
+        display: block;
+        height: 2.1rem;
+        width: 4.35rem;
+        background-size: 100% 100%;
+        position: absolute;
+        top: 16.5rem;
+        left: 50%;
+        margin-left: -2.4rem;
+        background-repeat: no-repeat;
+	}
+	.start{
+        background-image: url(../images/1-4.png);
+    }
+    .next_item{
+    	background-image: url(../images/2-2.png);
+    }
+    .submit_item{
+    	background-image: url(../images/3-1.png);
+    }
+    .item_list_container{
+    	position: absolute;
+    	height: 7.0rem;
+    	width: 8.0rem;
+    	top: 2.4rem;
+    	left: 3rem;
+		-webkit-font-smoothing: antialiased;
+    }
+	.item_title{
+		font-size: 0.65rem;
+		color: #00e;
+		line-height: 0.7rem;
+	}
+	.item_list{
+		font-size: 0;
+		margin-top: 0.4rem;
+		width: 10rem;
+		span{
+			display: inline-block;
+			font-size: 0.6rem;
+			color: #00e;
+			vertical-align: middle;
+		}
+		.option_style{
+			height: 0.725rem;
+			width: 0.725rem;
+			border: 1px solid #fff;
+			border-radius: 50%;
+			line-height: 0.725rem;
+			text-align: center;
+			margin-right: 0.3rem;
+			font-size: 0.5rem;
+			font-family: 'Arial';
+		}
+		.has_choosed{
+			background-color: #ffd400;
+			color: #575757;
+			border-color: #ffd400;
+		}
+		.option_detail{
+			width: 7.5rem;
+			padding-top: 0.11rem;
+		}
+	}
+</style>
diff --git a/src/config/ajax.js b/src/config/ajax.js
index f9f4202..004e0a4 100644
--- a/src/config/ajax.js
+++ b/src/config/ajax.js
@@ -1,44 +1,44 @@
-export default (type='GET', url='', data={}, async=true) => {
-	return new Promise((resolve, reject) => { //定义一个promise
-		type = type.toUpperCase();
-
-		let requestObj;
-		if (window.XMLHttpRequest) {
-			requestObj = new XMLHttpRequest();
-		} else {
-			requestObj = new ActiveXObject;
-		}
-
-		if (type == 'GET') {
-			let dataStr = ''; //数据拼接字符串
-			Object.keys(data).forEach(key => {
-				dataStr += key + '=' + data[key] + '&';
-			})
-			dataStr = dataStr.substr(0, dataStr.lastIndexOf('&'));
-			url = url + '?' + dataStr;
-			requestObj.open(type, url, async);
-			requestObj.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
-			requestObj.send();
-		}else if (type == 'POST') {
-			requestObj.open(type, url, async);
-			requestObj.setRequestHeader("Content-type", "application/json");
-			requestObj.send(JSON.stringify(data));
-		}else {
-			reject('error type');
-		}
-
-		requestObj.onreadystatechange = () => {
-			if (requestObj.readyState == 4) {
-				if (requestObj.status == 200) {
-					let obj = requestObj.response
-					if (typeof obj !== 'object') {
-						obj = JSON.parse(obj);
-					}
-					resolve(obj);
-				}else {
-					reject(requestObj);
-				}
-			}
-		}
-	})
+export default (type='GET', url='', data={}, async=true) => {
+	return new Promise((resolve, reject) => { //定义一个promise
+		type = type.toUpperCase();
+
+		let requestObj;
+		if (window.XMLHttpRequest) {
+			requestObj = new XMLHttpRequest();
+		} else {
+			requestObj = new ActiveXObject;
+		}
+
+		if (type == 'GET') {
+			let dataStr = ''; //数据拼接字符串
+			Object.keys(data).forEach(key => {
+				dataStr += key + '=' + data[key] + '&';
+			})
+			dataStr = dataStr.substr(0, dataStr.lastIndexOf('&'));
+			url = url + '?' + dataStr;
+			requestObj.open(type, url, async);
+			requestObj.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
+			requestObj.send();
+		}else if (type == 'POST') {
+			requestObj.open(type, url, async);
+			requestObj.setRequestHeader("Content-type", "application/json");
+			requestObj.send(JSON.stringify(data));
+		}else {
+			reject('error type');
+		}
+
+		requestObj.onreadystatechange = () => {
+			if (requestObj.readyState == 4) {
+				if (requestObj.status == 200) {
+					let obj = requestObj.response
+					if (typeof obj !== 'object') {
+						obj = JSON.parse(obj);
+					}
+					resolve(obj);
+				}else {
+					reject(requestObj);
+				}
+			}
+		}
+	})
 }
\ No newline at end of file
diff --git a/src/images/4-1.jpg b/src/images/4-1.jpg
index 3599c7b..b1ecf79 100755
Binary files a/src/images/4-1.jpg and b/src/images/4-1.jpg differ
diff --git a/src/images/4-4.png b/src/images/4-4.png
index 6fddd70..824ca1f 100755
Binary files a/src/images/4-4.png and b/src/images/4-4.png differ
diff --git a/src/main.js b/src/main.js
index dfdf7ea..d45e71a 100644
--- a/src/main.js
+++ b/src/main.js
@@ -1,17 +1,17 @@
-import Vue from 'vue'
-import VueRouter from 'vue-router'
-import routes from './router/router'
-import store from './store/'
-import ajax from './config/ajax'
-import './style/common'
-import './config/rem'
-
-Vue.use(VueRouter)
-const router = new VueRouter({
-	routes
-})
-
-new Vue({
-	router,
-	store,
+import Vue from 'vue'
+import VueRouter from 'vue-router'
+import routes from './router/router'
+import store from './store/'
+import ajax from './config/ajax'
+import './style/common'
+import './config/rem'
+
+Vue.use(VueRouter)
+const router = new VueRouter({
+	routes
+})
+
+new Vue({
+	router,
+	store,
 }).$mount('#app')
\ No newline at end of file
diff --git a/src/page/home/index.vue b/src/page/home/index.vue
index a5ae943..0c6c2f5 100644
--- a/src/page/home/index.vue
+++ b/src/page/home/index.vue
@@ -1,25 +1,25 @@
-<template>
-  	<div class="home_container">
-        <itemcontainer father-component="home"></itemcontainer>
-    </div>
-</template>
-
-<script>
-import itemcontainer from '../../components/itemcontainer'
-
-export default {
-	name: 'home',
-  	components: {
-  		itemcontainer
-  	},
-    created(){
-        
-    }
-}
-</script>
-
-<style lang="less" scoped>
-    .home_container{
-
-    }
-</style>
+<template>
+  	<div class="home_container">
+        <itemcontainer father-component="home"></itemcontainer>
+    </div>
+</template>
+
+<script>
+import itemcontainer from '../../components/itemcontainer'
+
+export default {
+	name: 'home',
+  	components: {
+  		itemcontainer
+  	},
+    created(){
+        
+    }
+}
+</script>
+
+<style lang="less" scoped>
+    .home_container{
+
+    }
+</style>
diff --git a/src/page/item/index.vue b/src/page/item/index.vue
index 612dff6..0412b3a 100644
--- a/src/page/item/index.vue
+++ b/src/page/item/index.vue
@@ -1,26 +1,26 @@
-<template>
-  	<div>
-    	<itemcontainer father-component="item"></itemcontainer>
-  	</div>
-</template>
-
-<script>
-import itemcontainer from '../../components/itemcontainer'
-
-export default {
-	name: 'item',
-  	components: {
-   		itemcontainer
-  	},
-  	created(){
-      //进入题目页面，开始计时
-  		this.$store.commit('REMBER_TIME');
-  	}
-}
-
-</script>
-
-<style lang="less">
-    
-
-</style>
+<template>
+  	<div>
+    	<itemcontainer father-component="item"></itemcontainer>
+  	</div>
+</template>
+
+<script>
+import itemcontainer from '../../components/itemcontainer'
+
+export default {
+	name: 'item',
+  	components: {
+   		itemcontainer
+  	},
+  	created(){
+      //进入题目页面，开始计时
+  		this.$store.commit('REMBER_TIME');
+  	}
+}
+
+</script>
+
+<style lang="less">
+    
+
+</style>
diff --git a/src/page/score/index.vue b/src/page/score/index.vue
index 0fba57e..668b522 100644
--- a/src/page/score/index.vue
+++ b/src/page/score/index.vue
@@ -1,140 +1,140 @@
-<template>
-  	<div>
-    	<div class="your_scores_container">
-            <header class="your_scores"><span class="score_num">{{score}}</span><span class="fenshu">分！</span></header>
-            <div class="result_tip">{{scoreTips}}</div>
-        </div>
-        <div class="share_button" @click="showCover"></div>
-        <div class="share_code">
-            <header class="share_header">关注葡萄之家，获取答案。</header>
-            <img src="../../images/4-4.png" height="212" width="212" class="code_img"> 
-        </div>
-        <div class="share_cover" v-show="showHide" @click="showCover">
-            <img src="../../images/5-2.png" class="share_img">
-        </div>
-  	</div>
-</template>
-
-<script>
-import {mapState} from 'vuex';
-export default {
-	name: 'score',
-    data(){
-        return {
-            showHide: false, //是否显示提示
-            score: 0, //分数
-            scoreTips:'', //分数提示
-            rightAnswer: [2, 7, 12, 13, 18], //正确答案
-            scoreTipsArr:['你说，是不是把知识都还给小学老师了？','还不错，但还需要继续加油哦！','不要嘚瑟还有进步的空间！','智商离爆表只差一步了！','你也太聪明啦，葡萄之家欢迎你！'],
-        }
-    },
-    computed: mapState(['answerid']),
-	created(){
-        this.computedScore();
-        this.getScoreTip();
-        document.body.style.backgroundImage = 'url(./static/img/4-1.jpg)';
-    },
-    methods: {
-        //计算分数
-        computedScore(){
-            this.answerid.forEach((item, index) => {
-                if (item == this.rightAnswer[index]) {
-                    this.score += 20;
-                }
-            })
-        },
-        //是否显示分享提示
-        showCover: function (){
-            this.showHide = !this.showHide;
-        },
-        //根据分数显示提示
-        getScoreTip: function (){
-          let index = Math.ceil(this.score/20)-1;
-          this.scoreTips = this.scoreTipsArr[index];
-        }
-    },
-}
-
-</script>
-
-<style lang="less">
-    body{
-        background-image: url(../../images/4-1.jpg);
-        padding-top: 1.2rem;
-    }
-    .your_scores_container{
-        width: 9.7rem;
-        height: 9.1rem;
-        background: url(../../images/4-2.png) no-repeat;
-        background-size: 100% 100%;
-        margin: 0 auto 0;
-        position: relative;
-        .your_scores{
-            position: absolute;
-            width: 100%;
-            text-indent: 3.3rem;
-            top: 4.7rem;
-            font-size: 1.4rem;
-            font-weight: 900;
-            -webkit-text-stroke: 0.05rem #412318;
-            font-family: 'Microsoft YaHei';
-            .score_num{
-                font-family: Tahoma,Helvetica,Arial;
-                color: #a51d31;
-            }
-            .fenshu{
-                color: #a51d31;
-            }
-        }
-        .result_tip{
-            position: absolute;
-            top: 7rem;
-            width: 9rem;
-            left: 0.6rem;
-            color: #3e2415;
-            font-size: 0.65rem;
-            text-align: center;
-        }
-    }
-    .share_button{
-        width: 6.025rem;
-        height: 2.4rem;
-        margin: 0.8rem auto 0;
-        background: url(../../images/4-3.png) no-repeat 0.4rem 0;
-        background-size: 5.825rem 100%;
-    }
-    .share_code{
-        width: 5.3rem;
-        margin: 1.5rem auto 0;
-        .share_header{
-            color: #664718;
-            font-size: 0.475rem;
-            font-family: 'Microsoft YaHei';
-            width: 7rem;
-            font-weight: 500;
-        }
-        .code_img{
-            height: 5.3rem;
-            width: 5.3rem;
-            margin-top: 0.5rem;
-        }
-    }
-    .share_cover{
-        position: fixed;
-        bottom: 0;
-        right: 0;
-        top: 0;
-        left: 0;
-        background: url(../../images/5-1.png) no-repeat;
-        background-size: 100% 100%;
-        opacity: 0.92;
-    }
-    .share_img{
-        height: 10.975rem;
-        width: 11.95rem;
-        position: fixed;
-        top: 0.5rem;
-        left: 50%;
-        margin-left: -5.975rem;
-    }
-</style>
+<template>
+  	<div>
+    	<div class="your_scores_container">
+            <header class="your_scores"><span class="score_num">{{score}}</span><span class="fenshu">分！</span></header>
+            <div class="result_tip">{{scoreTips}}</div>
+        </div>
+        <div class="share_button" @click="showCover"></div>
+        <div class="share_code">
+            <header class="share_header">关注这里，获取答案。</header>
+            <img src="../../images/4-4.png" height="212" width="212" class="code_img"> 
+        </div>
+        <div class="share_cover" v-show="showHide" @click="showCover">
+            <img src="../../images/5-2.png" class="share_img">
+        </div>
+  	</div>
+</template>
+
+<script>
+import {mapState} from 'vuex';
+export default {
+	name: 'score',
+    data(){
+        return {
+            showHide: false, //是否显示提示
+            score: 0, //分数
+            scoreTips:'', //分数提示
+            rightAnswer: [2, 7, 12, 13, 18,23], //正确答案
+            scoreTipsArr:['你说，是不是把知识都还给体育老师了？','还需要继续加油哦！','还有进步的空间！','智商离爆表只差一步了！','你也太聪明啦！','快来加我吧'],
+        }
+    },
+    computed: mapState(['answerid']),
+	created(){
+        this.computedScore();
+        this.getScoreTip();
+        document.body.style.backgroundImage = 'url(./static/img/4-1.jpg)';
+    },
+    methods: {
+        //计算分数
+        computedScore(){
+            this.answerid.forEach((item, index) => {
+                if (item == this.rightAnswer[index]) {
+                    this.score += 20;
+                }
+            })
+        },
+        //是否显示分享提示
+        showCover: function (){
+            this.showHide = !this.showHide;
+        },
+        //根据分数显示提示
+        getScoreTip: function (){
+          let index = Math.ceil(this.score/20)-1;
+          this.scoreTips = this.scoreTipsArr[index];
+        }
+    },
+}
+
+</script>
+
+<style lang="less">
+    body{
+        background-image: url(../../images/4-1.jpg);
+        padding-top: 1.2rem;
+    }
+    .your_scores_container{
+        width: 9.7rem;
+        height: 9.1rem;
+        background: url(../../images/4-2.png) no-repeat;
+        background-size: 100% 100%;
+        margin: 0 auto 0;
+        position: relative;
+        .your_scores{
+            position: absolute;
+            width: 100%;
+            text-indent: 3.3rem;
+            top: 4.7rem;
+            font-size: 1.4rem;
+            font-weight: 900;
+            -webkit-text-stroke: 0.05rem #412318;
+            font-family: 'Microsoft YaHei';
+            .score_num{
+                font-family: Tahoma,Helvetica,Arial;
+                color: #a51d31;
+            }
+            .fenshu{
+                color: #a51d31;
+            }
+        }
+        .result_tip{
+            position: absolute;
+            top: 7rem;
+            width: 9rem;
+            left: 0.6rem;
+            color: #3e2415;
+            font-size: 0.65rem;
+            text-align: center;
+        }
+    }
+    .share_button{
+        width: 6.025rem;
+        height: 2.4rem;
+        margin: 0.8rem auto 0;
+        background: url(../../images/4-3.png) no-repeat 0.4rem 0;
+        background-size: 5.825rem 100%;
+    }
+    .share_code{
+        width: 5.3rem;
+        margin: 1.5rem auto 0;
+        .share_header{
+            color: #664718;
+            font-size: 0.475rem;
+            font-family: 'Microsoft YaHei';
+            width: 7rem;
+            font-weight: 500;
+        }
+        .code_img{
+            height: 5.3rem;
+            width: 5.3rem;
+            margin-top: 0.5rem;
+        }
+    }
+    .share_cover{
+        position: fixed;
+        bottom: 0;
+        right: 0;
+        top: 0;
+        left: 0;
+        background: url(../../images/5-1.png) no-repeat;
+        background-size: 100% 100%;
+        opacity: 0.92;
+    }
+    .share_img{
+        height: 10.975rem;
+        width: 11.95rem;
+        position: fixed;
+        top: 0.5rem;
+        left: 50%;
+        margin-left: -5.975rem;
+    }
+</style>
diff --git a/src/router/router.js b/src/router/router.js
index cc0e5a0..651de8c 100644
--- a/src/router/router.js
+++ b/src/router/router.js
@@ -1,16 +1,16 @@
-import App from '../App'
-
-export default [{
-    path: '/',
-    component: App,
-    children: [{
-        path: '',
-        component: r => require.ensure([], () => r(require('../page/home')), 'home')
-    }, {
-        path: '/item',
-        component: r => require.ensure([], () => r(require('../page/item')), 'item')
-    }, {
-        path: '/score',
-        component: r => require.ensure([], () => r(require('../page/score')), 'score')
-    }]
+import App from '../App'
+
+export default [{
+    path: '/',
+    component: App,
+    children: [{
+        path: '',
+        component: r => require.ensure([], () => r(require('../page/home')), 'home')
+    }, {
+        path: '/item',
+        component: r => require.ensure([], () => r(require('../page/item')), 'item')
+    }, {
+        path: '/score',
+        component: r => require.ensure([], () => r(require('../page/score')), 'score')
+    }]
 }]
\ No newline at end of file
diff --git a/src/store/action.js b/src/store/action.js
index d119255..870b3a3 100644
--- a/src/store/action.js
+++ b/src/store/action.js
@@ -1,15 +1,15 @@
-import ajax from '../config/ajax'
-
-export default {
-	addNum({ commit, state }, id) {
-		//点击下一题，记录答案id，判断是否是最后一题，如果不是则跳转下一题
-		commit('REMBER_ANSWER', id);
-		if (state.itemNum < state.itemDetail.length) {
-			commit('ADD_ITEMNUM', 1);
-		}
-	},
-	//初始化信息
-	initializeData({ commit }) {
-		commit('INITIALIZE_DATA');
-	}
+import ajax from '../config/ajax'
+
+export default {
+	addNum({ commit, state }, id) {
+		//点击下一题，记录答案id，判断是否是最后一题，如果不是则跳转下一题
+		commit('REMBER_ANSWER', id);
+		if (state.itemNum < state.itemDetail.length) {
+			commit('ADD_ITEMNUM', 1);
+		}
+	},
+	//初始化信息
+	initializeData({ commit }) {
+		commit('INITIALIZE_DATA');
+	}
 }
\ No newline at end of file
diff --git a/src/store/index.js b/src/store/index.js
index 5a6d748..bb2f5c6 100644
--- a/src/store/index.js
+++ b/src/store/index.js
@@ -1,178 +1,215 @@
-import Vue from 'vue'
-import Vuex from 'vuex'
-import mutations from './mutations'
-import actions from './action'
-import ajax from '../config/ajax'
-
-
-Vue.use(Vuex)
-
-const state = {
-	level: '第一周', //活动周数
-	itemNum: 1, // 第几题
-	allTime: 0,  //总共用时
-	timer: '', //定时器
-	itemDetail: [{
-		"topic_id": 20,
-		"active_topic_id": 4,
-		"type": "ONE",
-		"topic_name": "题目一",
-		"active_id": 1,
-		"active_title": "欢乐星期五标题",
-		"active_topic_phase": "第一周",
-		"active_start_time": "1479139200",
-		"active_end_time": "1482163200",
-		"topic_answer": [{
-			"topic_answer_id": 1,
-			"topic_id": 20,
-			"answer_name": "答案aaaa",
-			"is_standard_answer": 0
-		}, {
-			"topic_answer_id": 2,
-			"topic_id": 20,
-			"answer_name": "正确答案",
-			"is_standard_answer": 0
-		}, {
-			"topic_answer_id": 3,
-			"topic_id": 20,
-			"answer_name": "答案cccc",
-			"is_standard_answer": 0
-		}, {
-			"topic_answer_id": 4,
-			"topic_id": 20,
-			"answer_name": "答案dddd",
-			"is_standard_answer": 1
-		}]
-	}, {
-		"topic_id": 21,
-		"active_topic_id": 4,
-		"type": "MORE",
-		"topic_name": "题目二",
-		"active_id": 1,
-		"active_title": "欢乐星期五标题",
-		"active_topic_phase": "第一周",
-		"active_start_time": "1479139200",
-		"active_end_time": "1482163200",
-		"topic_answer": [{
-			"topic_answer_id": 5,
-			"topic_id": 21,
-			"answer_name": "答案A",
-			"is_standard_answer": 1
-		}, {
-			"topic_answer_id": 6,
-			"topic_id": 21,
-			"answer_name": "答案B",
-			"is_standard_answer": 0
-		}, {
-			"topic_answer_id": 7,
-			"topic_id": 21,
-			"answer_name": "正确答案",
-			"is_standard_answer": 0
-		}, {
-			"topic_answer_id": 8,
-			"topic_id": 21,
-			"answer_name": "答案D",
-			"is_standard_answer": 0
-		}]
-	}, {
-		"topic_id": 21,
-		"active_topic_id": 4,
-		"type": "MORE",
-		"topic_name": "题目三",
-		"active_id": 1,
-		"active_title": "欢乐星期五标题",
-		"active_topic_phase": "第一周",
-		"active_start_time": "1479139200",
-		"active_end_time": "1482163200",
-		"topic_answer": [{
-			"topic_answer_id": 9,
-			"topic_id": 21,
-			"answer_name": "测试A",
-			"is_standard_answer": 1
-		}, {
-			"topic_answer_id": 10,
-			"topic_id": 21,
-			"answer_name": "BBBBBB",
-			"is_standard_answer": 0
-		}, {
-			"topic_answer_id": 11,
-			"topic_id": 21,
-			"answer_name": "CCCCCC",
-			"is_standard_answer": 0
-		}, {
-			"topic_answer_id": 12,
-			"topic_id": 21,
-			"answer_name": "正确答案",
-			"is_standard_answer": 0
-		}]
-	}, {
-		"topic_id": 21,
-		"active_topic_id": 4,
-		"type": "MORE",
-		"topic_name": "题目四",
-		"active_id": 1,
-		"active_title": "欢乐星期五标题",
-		"active_topic_phase": "第一周",
-		"active_start_time": "1479139200",
-		"active_end_time": "1482163200",
-		"topic_answer": [{
-			"topic_answer_id": 13,
-			"topic_id": 21,
-			"answer_name": "正确答案",
-			"is_standard_answer": 1
-		}, {
-			"topic_answer_id": 14,
-			"topic_id": 21,
-			"answer_name": "A是错的",
-			"is_standard_answer": 0
-		}, {
-			"topic_answer_id": 15,
-			"topic_id": 21,
-			"answer_name": "D是对的",
-			"is_standard_answer": 0
-		}, {
-			"topic_answer_id": 16,
-			"topic_id": 21,
-			"answer_name": "C说的不对",
-			"is_standard_answer": 0
-		}]
-	}, {
-		"topic_id": 21,
-		"active_topic_id": 4,
-		"type": "MORE",
-		"topic_name": "题目五",
-		"active_id": 1,
-		"active_title": "欢乐星期五标题",
-		"active_topic_phase": "第一周",
-		"active_start_time": "1479139200",
-		"active_end_time": "1482163200",
-		"topic_answer": [{
-			"topic_answer_id": 17,
-			"topic_id": 21,
-			"answer_name": "错误答案",
-			"is_standard_answer": 1
-		}, {
-			"topic_answer_id": 18,
-			"topic_id": 21,
-			"answer_name": "正确答案",
-			"is_standard_answer": 0
-		}, {
-			"topic_answer_id": 19,
-			"topic_id": 21,
-			"answer_name": "错误答案",
-			"is_standard_answer": 0
-		}, {
-			"topic_answer_id": 20,
-			"topic_id": 21,
-			"answer_name": "错误答案",
-			"is_standard_answer": 0
-		}]
-	}],
-	answerid: [], //答案id
-}
-
-export default new Vuex.Store({
-	state,
-	actions,
-	mutations
+import Vue from 'vue'
+import Vuex from 'vuex'
+import mutations from './mutations'
+import actions from './action'
+import ajax from '../config/ajax'
+
+
+Vue.use(Vuex)
+
+const state = {
+	level: 'Hello', //活动周数
+	itemNum: 1, // 第几题
+	allTime: 0,  //总共用时
+	timer: '', //定时器
+	itemDetail: [{
+		"topic_id": 20,
+		"active_topic_id": 4,
+		"type": "ONE",
+		"topic_name": "题目一",
+		"active_id": 1,
+		"active_title": "欢乐星期五标题",
+		"active_topic_phase": "第一周",
+		"active_start_time": "1479139200",
+		"active_end_time": "1482163200",
+		"topic_answer": [{
+			"topic_answer_id": 1,
+			"topic_id": 20,
+			"answer_name": "答案aaaa",
+			"is_standard_answer": 0
+		}, {
+			"topic_answer_id": 2,
+			"topic_id": 20,
+			"answer_name": "正确答案",
+			"is_standard_answer": 0
+		}, {
+			"topic_answer_id": 3,
+			"topic_id": 20,
+			"answer_name": "答案cccc",
+			"is_standard_answer": 0
+		}, {
+			"topic_answer_id": 4,
+			"topic_id": 20,
+			"answer_name": "答案dddd",
+			"is_standard_answer": 1
+		}]
+	}, {
+		"topic_id": 21,
+		"active_topic_id": 4,
+		"type": "MORE",
+		"topic_name": "题目二",
+		"active_id": 1,
+		"active_title": "欢乐星期五标题",
+		"active_topic_phase": "第一周",
+		"active_start_time": "1479139200",
+		"active_end_time": "1482163200",
+		"topic_answer": [{
+			"topic_answer_id": 5,
+			"topic_id": 21,
+			"answer_name": "答案A",
+			"is_standard_answer": 1
+		}, {
+			"topic_answer_id": 6,
+			"topic_id": 21,
+			"answer_name": "答案B",
+			"is_standard_answer": 0
+		}, {
+			"topic_answer_id": 7,
+			"topic_id": 21,
+			"answer_name": "正确答案",
+			"is_standard_answer": 0
+		}, {
+			"topic_answer_id": 8,
+			"topic_id": 21,
+			"answer_name": "答案D",
+			"is_standard_answer": 0
+		}]
+	}, {
+		"topic_id": 21,
+		"active_topic_id": 4,
+		"type": "MORE",
+		"topic_name": "题目三",
+		"active_id": 1,
+		"active_title": "欢乐星期五标题",
+		"active_topic_phase": "第一周",
+		"active_start_time": "1479139200",
+		"active_end_time": "1482163200",
+		"topic_answer": [{
+			"topic_answer_id": 9,
+			"topic_id": 21,
+			"answer_name": "测试A",
+			"is_standard_answer": 1
+		}, {
+			"topic_answer_id": 10,
+			"topic_id": 21,
+			"answer_name": "BBBBBB",
+			"is_standard_answer": 0
+		}, {
+			"topic_answer_id": 11,
+			"topic_id": 21,
+			"answer_name": "CCCCCC",
+			"is_standard_answer": 0
+		}, {
+			"topic_answer_id": 12,
+			"topic_id": 21,
+			"answer_name": "正确答案",
+			"is_standard_answer": 0
+		}]
+	}, {
+		"topic_id": 21,
+		"active_topic_id": 4,
+		"type": "MORE",
+		"topic_name": "题目四",
+		"active_id": 1,
+		"active_title": "欢乐星期五标题",
+		"active_topic_phase": "第一周",
+		"active_start_time": "1479139200",
+		"active_end_time": "1482163200",
+		"topic_answer": [{
+			"topic_answer_id": 13,
+			"topic_id": 21,
+			"answer_name": "正确答案",
+			"is_standard_answer": 1
+		}, {
+			"topic_answer_id": 14,
+			"topic_id": 21,
+			"answer_name": "A是错的",
+			"is_standard_answer": 0
+		}, {
+			"topic_answer_id": 15,
+			"topic_id": 21,
+			"answer_name": "D是对的",
+			"is_standard_answer": 0
+		}, {
+			"topic_answer_id": 16,
+			"topic_id": 21,
+			"answer_name": "C说的不对",
+			"is_standard_answer": 0
+		}]
+	}, {
+		"topic_id": 21,
+		"active_topic_id": 4,
+		"type": "MORE",
+		"topic_name": "题目五",
+		"active_id": 1,
+		"active_title": "欢乐星期五标题",
+		"active_topic_phase": "第一周",
+		"active_start_time": "1479139200",
+		"active_end_time": "1482163200",
+		"topic_answer": [{
+			"topic_answer_id": 17,
+			"topic_id": 21,
+			"answer_name": "错误答案",
+			"is_standard_answer": 1
+		}, {
+			"topic_answer_id": 18,
+			"topic_id": 21,
+			"answer_name": "正确答案",
+			"is_standard_answer": 0
+		}, {
+			"topic_answer_id": 19,
+			"topic_id": 21,
+			"answer_name": "错误答案",
+			"is_standard_answer": 0
+		}, {
+			"topic_answer_id": 20,
+			"topic_id": 21,
+			"answer_name": "错误答案",
+			"is_standard_answer": 0
+		}]
+	},
+	
+	{
+		"topic_id": 21,
+		"active_topic_id": 4,
+		"type": "MORE",
+		"topic_name": "题目六",
+		"active_id": 1,
+		"active_title": "欢乐星期五标题",
+		"active_topic_phase": "第一周",
+		"active_start_time": "1479139200",
+		"active_end_time": "1482163200",
+		"topic_answer": [{
+			"topic_answer_id": 21,
+			"topic_id": 21,
+			"answer_name": "答案A",
+			"is_standard_answer": 1
+		}, {
+			"topic_answer_id": 22,
+			"topic_id": 21,
+			"answer_name": "答案B",
+			"is_standard_answer": 0
+		}, {
+			"topic_answer_id": 23,
+			"topic_id": 21,
+			"answer_name": "我才是答案",
+			"is_standard_answer": 0
+		}, {
+			"topic_answer_id": 24,
+			"topic_id": 21,
+			"answer_name": "答案D",
+			"is_standard_answer": 0
+		}]
+	}, 
+
+
+
+],
+	answerid: [], //答案id
+}
+
+export default new Vuex.Store({
+	state,
+	actions,
+	mutations
 })
\ No newline at end of file
diff --git a/src/store/mutations.js b/src/store/mutations.js
index 0483fcc..cc6d55f 100644
--- a/src/store/mutations.js
+++ b/src/store/mutations.js
@@ -1,30 +1,30 @@
-const ADD_ITEMNUM = 'ADD_ITEMNUM'
-const REMBER_ANSWER = 'REMBER_ANSWER'
-const REMBER_TIME = 'REMBER_TIME'
-const INITIALIZE_DATA = 'INITIALIZE_DATA'
-export default {
-	//点击进入下一题
-	[ADD_ITEMNUM](state, num) {
-		state.itemNum += num;
-	},
-	//记录答案
-	[REMBER_ANSWER](state, id) {
-		state.answerid.push(id);
-	},
-	/*
-	记录做题时间
-	 */
-	[REMBER_TIME](state) {
-		state.timer = setInterval(() => {
-			state.allTime++;
-		}, 1000)
-	},
-	/*
-	初始化信息，
-	 */
-	[INITIALIZE_DATA](state) {
-		state.itemNum = 1;
-		state.allTime = 0;
-		state.answerid = [];
-	},
+const ADD_ITEMNUM = 'ADD_ITEMNUM'
+const REMBER_ANSWER = 'REMBER_ANSWER'
+const REMBER_TIME = 'REMBER_TIME'
+const INITIALIZE_DATA = 'INITIALIZE_DATA'
+export default {
+	//点击进入下一题
+	[ADD_ITEMNUM](state, num) {
+		state.itemNum += num;
+	},
+	//记录答案
+	[REMBER_ANSWER](state, id) {
+		state.answerid.push(id);
+	},
+	/*
+	记录做题时间
+	 */
+	[REMBER_TIME](state) {
+		state.timer = setInterval(() => {
+			state.allTime++;
+		}, 1000)
+	},
+	/*
+	初始化信息，
+	 */
+	[INITIALIZE_DATA](state) {
+		state.itemNum = 1;
+		state.allTime = 0;
+		state.answerid = [];
+	},
 }
\ No newline at end of file
diff --git a/src/style/common.less b/src/style/common.less
index 8b438a4..3e42590 100644
--- a/src/style/common.less
+++ b/src/style/common.less
@@ -1,63 +1,63 @@
-body, div, span, header, footer, nav, section, aside, article, ul, dl, dt, dd, li, a, p, h1, h2, h3, h4,h5, i, b, textarea, button, input, select  {
-    padding: 0;
-    margin: 0;
-    list-style: none;
-    font-style: normal;
-    text-decoration: none;
-    border: none;
-    color: #313131;
-    box-sizing: border-box;
-    font-weight: lighter;
-    font-family: 'Microsoft YaHei';
-    -webkit-tap-highlight-color:transparent;
-    &:focus {
-        outline: none;
-    }
-}
-
-
-html{
-    height: 100%;
-    width: 100%;
-}
-body{
-    height: 100%;
-    width: 100%;
-    background: url(../images/1-1.jpg) no-repeat;
-    background-size: 100% 100%;
-}
-
-.clear:after{
-    content: '';
-    display: block;
-    clear: both;
-}
-
-.clear{
-    zoom:1;
-}
-
-.back_img{
-    background-repeat: no-repeat;
-    background-size: 100% 100%;
-}
-
-.margin{
-    margin: 0 auto;
-}
-
-.left{
-    float: left;
-}
-
-.right{
-    float:right;
-}
-
-.hide{
-    display: none;
-}
-
-.show{
-    display: block;
-}
+body, div, span, header, footer, nav, section, aside, article, ul, dl, dt, dd, li, a, p, h1, h2, h3, h4,h5, i, b, textarea, button, input, select  {
+    padding: 0;
+    margin: 0;
+    list-style: none;
+    font-style: normal;
+    text-decoration: none;
+    border: none;
+    color: #313131;
+    box-sizing: border-box;
+    font-weight: lighter;
+    font-family: 'Microsoft YaHei';
+    -webkit-tap-highlight-color:transparent;
+    &:focus {
+        outline: none;
+    }
+}
+
+
+html{
+    height: 100%;
+    width: 100%;
+}
+body{
+    height: 100%;
+    width: 100%;
+    background: url(../images/1-1.jpg) no-repeat;
+    background-size: 100% 100%;
+}
+
+.clear:after{
+    content: '';
+    display: block;
+    clear: both;
+}
+
+.clear{
+    zoom:1;
+}
+
+.back_img{
+    background-repeat: no-repeat;
+    background-size: 100% 100%;
+}
+
+.margin{
+    margin: 0 auto;
+}
+
+.left{
+    float: left;
+}
+
+.right{
+    float:right;
+}
+
+.hide{
+    display: none;
+}
+
+.show{
+    display: block;
+}