background color about vue component

index.html

@@ -15,8 +15,8 @@
 		<!-- <div v-html='info'></div> 
 		<Home @op="add">home vue</Home>
 		<h5 style="color:oranged">{{number}}</h5>
-		<About>this is About</About> -->
-		<test></test>
+		<About>this is About</About>
+		<test></test> -->
 
 		<h3>{{$t('messages.app')}}</h3>
 		<h3>{{$t('messages.philosophy')}}</h3>
@@ -52,7 +52,6 @@
 		<div class="approve" onclick="dialog.showModal()">{{$t('messages.component.approve.login')}}</div>
 		<div class="approve" v-t="'messages.component.approve.register'"  onclick="dialog.showModal()"></div>
 		<div class="approve" onclick="dialog.showModal()">
-			<!-- <router-link to="/login">{{$t('messages.component.approve.login')}}</router-link> -->
 			<router-link to="/login">{{$t('messages.component.approve.login')}}</router-link>
 		</div>
 		<div class="approve" onclick="dialog.showModal()">
@@ -62,7 +61,6 @@
 			</span> -->
 		</div>
 		<div class="approve" onclick="dialog.showModal()">
-			<!-- <router-link to="/login">{{$t('messages.component.approve.login')}}</router-link> -->
 			<router-link to="/file">{{$t('messages.component.file.file')}}</router-link>
 		</div>
 		<!-- 
@@ -103,16 +101,7 @@
 			</tr>
 			
 		</table>
-		<!-- <ul v-for="(value,key,index) in books">
-			<li  v-for="(iterm,key,value) in books">{{value}}-{{key}}-{{item}}</li>
-			<li>{{item}}</li>
-			<li>{{value.title}}</li><li>{{value.author}}</li><li>{{value.publisher}}</li><li>{{value.pages}}</li>
-			
-			<li>{{item["title"]}}&nbsp;{{item["author"]}}&nbsp;{{item["publisher"]}}&nbsp;{{item["pages"]}}</li>
-		</ul> -->
 		<hr/>
-		<!--<input type="button" text="中文" @click="changelang('zh')"/>
-		<input type="button" text="english" @click="changelang('en')"/>-->
 		<div class="router-link">
 			<span class="approve" onclick="dialog.showModal()">
 				<router-link to="/home" >{{$t('messages.pages.index')}}</router-link>
@@ -135,6 +124,7 @@
 
 			<button onclick="dialog.close()">关闭</button>
 		</dialog>
+
 		<img src="./media/image/book.png" width="200px" height="auto"/>
 		<img src="./media/image/Chanel.png" width="200px" height="auto"/>
 		<img src="./media/image/cake.jpg" width="200px" height="auto"/>
@@ -144,10 +134,7 @@
 			您的浏览器暂不支持video浏览
 		</video>
     </template>
-    <!-- <template style="width:100%; backgroud-color:oranged;">
-	<Home @op="add">home vue</Home>
-        <h2>{{number}}</h2>
-    </template> -->
+	
 </body>
 </html>