diff --git a/src/main/resources/templates/index.html b/src/main/resources/templates/index.html
index 2db1a7c..8a76927 100644
--- a/src/main/resources/templates/index.html
+++ b/src/main/resources/templates/index.html
@@ -15,43 +15,45 @@
 	</head>
 	<body>
 		<div class="container" id="index-app">
-			<div class="clock-wrapper" >
-				<el-card>
-					<div class="clock-digits">{{currentTime}}</div>
-				</el-card>
-			</div>
-			<div class="calendar-wrapper">
-				<el-calendar v-model="dateValue">
-					<template slot="dateCell" slot-scope="{date, data}">
-						<div :class="{ selected : isSelected(date, data) }">
-							<div class="solar">{{ data.day.split('-')[2] }}</div>
-							<div class="lunar" :class="{ festival : isFestival(date, data) }">{{ solarToLunar(date, data) }}</div>
+			<template>
+				<div class="clock-wrapper" >
+					<el-card>
+						<div class="clock-digits">{{currentTime}}</div>
+					</el-card>
+				</div>
+				<div class="calendar-wrapper">
+					<el-calendar v-model="dateValue">
+						<template slot="dateCell" slot-scope="{date, data}">
+							<div :class="{ selected : isSelected(date, data) }">
+								<div class="solar">{{ data.day.split('-')[2] }}</div>
+								<div class="lunar" :class="{ festival : isFestival(date, data) }">{{ solarToLunar(date, data) }}</div>
+							</div>
+						</template>
+					</el-calendar>
+				</div>
+				<div class="weather-wrapper">
+					<el-card>
+						<div class="weather-title">
+							<span>{{weather.city}}天气情况</span>
+							<el-input
+									ref=""
+									placeholder="输入城市"
+									v-model="inputCity"
+									@keyup.enter.native="weatherSearch"
+									>
+							</el-input>
 						</div>
-					</template>
-				</el-calendar>
-			</div>
-			<div class="weather-wrapper">
-				<el-card>
-					<div class="weather-title">
-						<span>{{weather.city}}天气情况</span>
-						<el-input
-								ref=""
-								placeholder="输入城市"
-								v-model="inputCity"
-								@keyup.enter.native="weatherSearch"
-								>
-						</el-input>
-					</div>
-					<div class="weather-info">
-						<div><i class="el-icon-sunny">&nbsp&nbsp天&nbsp气&nbsp情&nbsp况&nbsp:&nbsp{{weather.info}}</i></div>
-						<div><i class="el-icon-sunrise-1">&nbsp&nbsp当&nbsp前&nbsp温&nbsp度&nbsp:&nbsp{{weather.temperature}} ℃</i></div>
-						<div><i class="el-icon-cold-drink">&nbsp&nbsp当&nbsp前&nbsp湿&nbsp度&nbsp:&nbsp{{weather.humidity}} %</i></div>
-						<div><i class="el-icon-guide">&nbsp&nbsp当&nbsp前&nbsp风&nbsp向&nbsp:&nbsp{{weather.direct}}</i></div>
-						<div><i class="el-icon-ship">&nbsp&nbsp当&nbsp前&nbsp风&nbsp速&nbsp:&nbsp{{weather.power}}</i></div>
-						<div><i class="el-icon-grape">&nbsp&nbsp空&nbsp气&nbsp质&nbsp量&nbsp:&nbsp{{weather.aqi}}</i></div>
-					</div>
-				</el-card>
-			</div>
+						<div class="weather-info">
+							<div><i class="el-icon-sunny">&nbsp&nbsp天&nbsp气&nbsp情&nbsp况&nbsp:&nbsp{{weather.info}}</i></div>
+							<div><i class="el-icon-sunrise-1">&nbsp&nbsp当&nbsp前&nbsp温&nbsp度&nbsp:&nbsp{{weather.temperature}} ℃</i></div>
+							<div><i class="el-icon-cold-drink">&nbsp&nbsp当&nbsp前&nbsp湿&nbsp度&nbsp:&nbsp{{weather.humidity}} %</i></div>
+							<div><i class="el-icon-guide">&nbsp&nbsp当&nbsp前&nbsp风&nbsp向&nbsp:&nbsp{{weather.direct}}</i></div>
+							<div><i class="el-icon-ship">&nbsp&nbsp当&nbsp前&nbsp风&nbsp速&nbsp:&nbsp{{weather.power}}</i></div>
+							<div><i class="el-icon-grape">&nbsp&nbsp空&nbsp气&nbsp质&nbsp量&nbsp:&nbsp{{weather.aqi}}</i></div>
+						</div>
+					</el-card>
+				</div>
+			</template>
 			<div class="content-container">
 				<img class="avatar" src="/static/image/avatar.jpg"/>
 				<div class="text part1">
