diff --git a/src/App.vue b/src/App.vue
index 8c065373bf1415b7981116870d246a10384cf23a..949b5af776f80b93eb5e0731728a9db695f47ddd 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -22,7 +22,9 @@ export default {
 		//放置棋子
 		set(idx) {
 			if (!this.datas[idx] && !this.winner) {
+				
 				this.datas[idx] = this.next_player 
+				console.log(this.datas[idx], 'idx')
 				this.history.push({
 					status: [...this.datas],
 					player: this.next
@@ -70,7 +72,10 @@ export default {
 <template>
 <div id="main">
 	<ul id="board" class="white normal">
-		<li class="square" v-for="i, idx in datas" @click=set(idx)>{{i}}</li>
+		<li class="square" 
+			v-for="i, idx in datas" 
+			@click="set(idx)" 
+			:style="i==='O'?'color:#5fbacf':'color:red'">{{i}}</li>
 	</ul>
 	<div id="console">
 		<div id="hint" class="white">{{hint}}</div>
@@ -144,7 +149,7 @@ export default {
 	.square {
 		height: 100px;
 		width: 100px;
-		border: #ebebeb solid 1px;
+		border: #e9ecec solid 1px;
 		flex: 0 0 auto;
 		font-size: 50px;
 		font-weight: 900;