diff --git a/index.html b/index.html
index f28d1e0..eab480c 100644
--- a/index.html
+++ b/index.html
@@ -2,8 +2,489 @@
 <html>
   <head>
     <meta charset="utf-8">
-    <meta name="viewport" content="width=device-width,initial-scale=1.0">
+    <!-- <meta name="viewport" content="width=device-width,initial-scale=1.0"> -->
+	<!-- <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=0.72,maximum-scale=0,user-scalable=yes" /> -->
     <title>都江堰机关幼儿园</title>
+		<script type="text/javascript">
+			var deviceWidth = parseInt(window.screen.width);  //获取当前设备的屏幕宽度 
+			console.log(deviceWidth,10);
+			// alert(deviceWidth)
+			var deviceScale = deviceWidth / 640;  //得到当前设备屏幕与640之间的比例，之后我们就可以将网页宽度固定为640px 
+			var ua = navigator.userAgent; 
+			//获取当前设备类型（安卓或苹果） 
+			// if (/Android (\d+.\d+)/.test(ua)) { 
+			// 	var version = parseFloat(RegExp.$1); 
+			// 	if (version > 2.3) { 
+			// 		document.write('<meta name="viewport" content="width=640,initial-scale=' + deviceScale + ', minimum-scale = ' + deviceScale + ', maximum-scale = ' + deviceScale + ', target-densitydpi=device-dpi">'); 
+			// 	} else { 
+			// 		document.write('<meta name="viewport" content="width=640,initial-scale=0.75,maximum-scale=0.75,minimum-scale=0.75,target-densitydpi=device-dpi" />'); 
+			// 	} 
+			// } else { 
+				if(deviceWidth <= 1920 && deviceWidth > 1900) {
+					document.write('<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale = 1, maximum-scale =0,user-scalable=yes">');
+				}
+				if(deviceWidth <= 1900 && deviceWidth > 1880) {
+					document.write('<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale = 0.982, maximum-scale =0,user-scalable=yes">');
+				}
+				if(deviceWidth <= 1880 && deviceWidth > 1860) {
+					document.write('<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale = 0.972, maximum-scale =0,user-scalable=yes">');
+				}
+				if(deviceWidth <= 1860 && deviceWidth > 1840) {
+					document.write('<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale = 0.964, maximum-scale =0,user-scalable=yes">');
+				}
+				if(deviceWidth <= 1840 && deviceWidth > 1820) {
+					document.write('<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale = 0.952, maximum-scale =0,user-scalable=yes">');
+				}
+				if(deviceWidth <= 1820 && deviceWidth > 1800) {
+					document.write('<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale = 0.946, maximum-scale =0,user-scalable=yes">');
+				}
+				if(deviceWidth <= 1800 && deviceWidth > 1790) {
+					document.write('<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale = 0.942, maximum-scale =0,user-scalable=yes">');
+				}
+				if(deviceWidth <= 1790 && deviceWidth > 1780) {
+					document.write('<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale = 0.936, maximum-scale =0,user-scalable=yes">');
+				}
+				if(deviceWidth <= 1780 && deviceWidth > 1770) {
+					document.write('<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale = 0.932, maximum-scale =0,user-scalable=yes">');
+				}
+				if(deviceWidth <= 1770 && deviceWidth > 1760) {
+					document.write('<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale = 0.928, maximum-scale =0,user-scalable=yes">');
+				}
+				if(deviceWidth <= 1760 && deviceWidth > 1740) {
+					document.write('<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale = 0.928, maximum-scale =0,user-scalable=yes">');
+				}
+				if(deviceWidth <= 1740 && deviceWidth > 1730) {
+					document.write('<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale = 0.922, maximum-scale =0,user-scalable=yes">');
+				}
+				if(deviceWidth <= 1730 && deviceWidth > 1720) {
+					document.write('<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale = 0.916, maximum-scale =0,user-scalable=yes">');
+				}
+				if(deviceWidth <= 1720 && deviceWidth > 1710) {
+					document.write('<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale = 0.910, maximum-scale =0,user-scalable=yes">');
+				}
+				if(deviceWidth <= 1710 && deviceWidth > 1700) {
+					document.write('<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale = 0.904, maximum-scale =0,user-scalable=yes">');
+				}
+				if(deviceWidth <= 1700 && deviceWidth > 1690) {
+					document.write('<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale = 0.898, maximum-scale =0,user-scalable=yes">');
+				}
+				if(deviceWidth <= 1690 && deviceWidth > 1680) {
+					document.write('<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale = 0.894, maximum-scale =0,user-scalable=yes">');
+				}
+				if(deviceWidth <= 1680 && deviceWidth > 1670) {
+					document.write('<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale = 0.888, maximum-scale =0,user-scalable=yes">');
+				}
+				if(deviceWidth <= 1670 && deviceWidth > 1660) {
+					document.write('<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale = 0.882, maximum-scale =0,user-scalable=yes">');
+				}
+				if(deviceWidth <= 1660 && deviceWidth > 1650) {
+					document.write('<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale = 0.876, maximum-scale =0,user-scalable=yes">');
+				}
+				if(deviceWidth <= 1650 && deviceWidth > 1640) {
+					document.write('<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale = 0.870, maximum-scale =0,user-scalable=yes">');
+				}
+				if(deviceWidth <= 1640 && deviceWidth > 1630) {
+					document.write('<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale = 0.864, maximum-scale =0,user-scalable=yes">');
+				}
+				if(deviceWidth <= 1630 && deviceWidth > 1620) {
+					document.write('<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale = 0.858, maximum-scale =0,user-scalable=yes">');
+				}
+				if(deviceWidth <= 1620 && deviceWidth > 1610) {
+					document.write('<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale = 0.852, maximum-scale =0,user-scalable=yes">');
+				}
+				if(deviceWidth <= 1610 && deviceWidth > 1600) {
+					document.write('<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale = 0.848, maximum-scale =0,user-scalable=yes">');
+				}
+				if(deviceWidth <= 1600 && deviceWidth > 1590) {
+					document.write('<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale = 0.842, maximum-scale =0,user-scalable=yes">');
+				}
+				if(deviceWidth <= 1590 && deviceWidth > 1580) {
+					document.write('<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale = 0.838, maximum-scale =0,user-scalable=yes">');
+				}
+				if(deviceWidth <= 1580 && deviceWidth > 1570) {
+					document.write('<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale = 0.832, maximum-scale =0,user-scalable=yes">');
+				}
+				if(deviceWidth <= 1570 && deviceWidth > 1560) {
+					document.write('<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale = 0.826, maximum-scale =0,user-scalable=yes">');
+				}
+				if(deviceWidth <= 1560 && deviceWidth > 1550) {
+					document.write('<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale = 0.820, maximum-scale =0,user-scalable=yes">');
+				}
+				if(deviceWidth <= 1550 && deviceWidth > 1540) {
+					document.write('<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale = 0.816, maximum-scale =0,user-scalable=yes">');
+				}
+				if(deviceWidth <= 1540 && deviceWidth > 1530) {
+					document.write('<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale = 0.808, maximum-scale =0,user-scalable=yes">');
+				}
+				if(deviceWidth <= 1530 && deviceWidth > 1520) {
+					document.write('<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale = 0.800, maximum-scale =0,user-scalable=yes">');
+				}
+				if(deviceWidth <= 1520 && deviceWidth > 1510) {
+					document.write('<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale = 0.792, maximum-scale =0,user-scalable=yes">');
+				}
+				if(deviceWidth <= 1510 && deviceWidth > 1500) {
+					document.write('<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale = 0.788, maximum-scale =0,user-scalable=yes">');
+				}
+				if(deviceWidth <= 1500 && deviceWidth > 1490) {
+					document.write('<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale = 0.784, maximum-scale =0,user-scalable=yes">');
+				}
+				if(deviceWidth <= 1490 && deviceWidth > 1480) {
+					document.write('<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale = 0.780, maximum-scale =0,user-scalable=yes">');
+				}
+				if(deviceWidth <= 1480 && deviceWidth > 1470) {
+					document.write('<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale = 0.776, maximum-scale =0,user-scalable=yes">');
+				}
+				if(deviceWidth <= 1470 && deviceWidth > 1460) {
+					document.write('<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale = 0.772, maximum-scale =0,user-scalable=yes">');
+				}
+				if(deviceWidth <= 1460 && deviceWidth > 1450) {
+					document.write('<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale = 0.768, maximum-scale =0,user-scalable=yes">');
+				}
+				if(deviceWidth <= 1450 && deviceWidth > 1440) {
+					document.write('<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale = 0.764, maximum-scale =0,user-scalable=yes">');
+				}
+				if(deviceWidth <= 1440 && deviceWidth > 1430) {
+					document.write('<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale = 0.760, maximum-scale =0,user-scalable=yes">');
+				}
+				if(deviceWidth <= 1430 && deviceWidth > 1420) {
+					document.write('<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale = 0.756, maximum-scale =0,user-scalable=yes">');
+				}
+				if(deviceWidth <= 1420 && deviceWidth > 1410) {
+					document.write('<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale = 0.750, maximum-scale =0,user-scalable=yes">');
+				}
+				if(deviceWidth <= 1410 && deviceWidth > 1400) {
+					document.write('<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale = 0.744, maximum-scale =0,user-scalable=yes">');
+				}
+				if(deviceWidth <= 1400 && deviceWidth > 1390) {
+					document.write('<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale = 0.738, maximum-scale =0,user-scalable=yes">');
+				}
+				if(deviceWidth <= 1390 && deviceWidth > 1380) {
+					document.write('<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale = 0.732, maximum-scale =0,user-scalable=yes">');
+				}
+				if(deviceWidth <= 1380 && deviceWidth > 1370) {
+					document.write('<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale = 0.726, maximum-scale =0,user-scalable=yes">');
+				}
+				if(deviceWidth <= 1370 && deviceWidth > 1360) {
+					document.write('<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale = 0.720, maximum-scale =0,user-scalable=yes">');
+				}
+				if(deviceWidth <= 1360 && deviceWidth > 1350) {
+					document.write('<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale = 0.712, maximum-scale =0,user-scalable=yes">');
+				}
+				if(deviceWidth <= 1350 && deviceWidth > 1340) {
+					document.write('<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale = 0.706, maximum-scale =0,user-scalable=yes">');
+				}
+				if(deviceWidth <= 1340 && deviceWidth > 1330) {
+					document.write('<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale = 0.698, maximum-scale =0,user-scalable=yes">');
+				}
+				if(deviceWidth <= 1330 && deviceWidth > 1320) {
+					document.write('<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale = 0.692, maximum-scale =0,user-scalable=yes">');
+				}
+				if(deviceWidth <= 1320 && deviceWidth > 1310) {
+					document.write('<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale = 0.686, maximum-scale =0,user-scalable=yes">');
+				}
+				if(deviceWidth <= 1310 && deviceWidth > 1300) {
+					document.write('<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale = 0.680, maximum-scale =0,user-scalable=yes">');
+				}
+				if(deviceWidth <= 1300 && deviceWidth > 1290) {
+					document.write('<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale = 0.674, maximum-scale =0,user-scalable=yes">');
+				}
+				if(deviceWidth <= 1290 && deviceWidth > 1280) {
+					document.write('<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale = 0.670, maximum-scale =0,user-scalable=yes">');
+				}
+				if(deviceWidth <= 1280 && deviceWidth > 1270) {
+					document.write('<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale = 0.666, maximum-scale =0,user-scalable=yes">');
+				}
+				if(deviceWidth <= 1270 && deviceWidth > 1260) {
+					document.write('<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale = 0.662, maximum-scale =0,user-scalable=yes">');
+				}
+				if(deviceWidth <= 1260 && deviceWidth > 1250) {
+					document.write('<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale = 0.658, maximum-scale =0,user-scalable=yes">');
+				}
+				if(deviceWidth <= 1250 && deviceWidth > 1240) {
+					document.write('<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale = 0.654, maximum-scale =0,user-scalable=yes">');
+				}
+				if(deviceWidth <= 1240 && deviceWidth > 1230) {
+					document.write('<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale = 0.650, maximum-scale =0,user-scalable=yes">');
+				}
+				if(deviceWidth <= 1230 && deviceWidth > 1220) {
+					document.write('<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale = 0.646, maximum-scale =0,user-scalable=yes">');
+				}
+				if(deviceWidth <= 1220 && deviceWidth > 1210) {
+					document.write('<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale = 0.642, maximum-scale =0,user-scalable=yes">');
+				}
+				if(deviceWidth <= 1210 && deviceWidth > 1200) {
+					document.write('<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale = 0.638, maximum-scale =0,user-scalable=yes">');
+				}
+				if(deviceWidth <= 1200 && deviceWidth > 1190) {
+					document.write('<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale = 0.634, maximum-scale =0,user-scalable=yes">');
+				}
+				if(deviceWidth <= 1190 && deviceWidth > 1180) {
+					document.write('<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale = 0.628, maximum-scale =0,user-scalable=yes">');
+				}
+				if(deviceWidth <= 1180 && deviceWidth > 1170) {
+					document.write('<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale = 0.624, maximum-scale =0,user-scalable=yes">');
+				}
+				if(deviceWidth <= 1170 && deviceWidth > 1160) {
+					document.write('<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale = 0.620, maximum-scale =0,user-scalable=yes">');
+				}
+				if(deviceWidth <= 1160 && deviceWidth > 1150) {
+					document.write('<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale = 0.614, maximum-scale =0,user-scalable=yes">');
+				}
+				if(deviceWidth <= 1150 && deviceWidth > 1140) {
+					document.write('<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale = 0.608, maximum-scale =0,user-scalable=yes">');
+				}
+				if(deviceWidth <= 1140 && deviceWidth > 1130) {
+					document.write('<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale = 0.602, maximum-scale =0,user-scalable=yes">');
+				}
+				if(deviceWidth <= 1130 && deviceWidth > 1120) {
+					document.write('<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale = 0.596, maximum-scale =0,user-scalable=yes">');
+				}
+				if(deviceWidth <= 1120 && deviceWidth > 1110) {
+					document.write('<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale = 0.590, maximum-scale =0,user-scalable=yes">');
+				}
+				if(deviceWidth <= 1110 && deviceWidth > 1100) {
+					document.write('<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale = 0.584, maximum-scale =0,user-scalable=yes">');
+				}
+				if(deviceWidth <= 1100 && deviceWidth > 1090) {
+					document.write('<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale = 0.578, maximum-scale =0,user-scalable=yes">');
+				}
+				if(deviceWidth <= 1090 && deviceWidth > 1080) {
+					document.write('<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale = 0.572, maximum-scale =0,user-scalable=yes">');
+				}
+				if(deviceWidth <= 1080 && deviceWidth > 1070) {
+					document.write('<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale = 0.566, maximum-scale =0,user-scalable=yes">');
+				}
+				if(deviceWidth <= 1070 && deviceWidth > 1060) {
+					document.write('<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale = 0.560, maximum-scale =0,user-scalable=yes">');
+				}
+				if(deviceWidth <= 1060 && deviceWidth > 1050) {
+					document.write('<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale = 0.554, maximum-scale =0,user-scalable=yes">');
+				}
+				if(deviceWidth <= 1050 && deviceWidth > 1040) {
+					document.write('<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale = 0.548, maximum-scale =0,user-scalable=yes">');
+				}
+				if(deviceWidth <= 1040 && deviceWidth > 1030) {
+					document.write('<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale = 0.542, maximum-scale =0,user-scalable=yes">');
+				}
+				if(deviceWidth <= 1030 && deviceWidth > 1020) {
+					document.write('<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale = 0.536, maximum-scale =0,user-scalable=yes">');
+				}
+				if(deviceWidth <= 1020 && deviceWidth > 1010) {
+					document.write('<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale = 0.530, maximum-scale =0,user-scalable=yes">');
+				}
+				if(deviceWidth <= 1010 && deviceWidth > 1000) {
+					document.write('<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale = 0.522, maximum-scale =0,user-scalable=yes">');
+				}
+				if(deviceWidth <= 1000 && deviceWidth > 990) {
+					document.write('<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale = 0.516, maximum-scale =0,user-scalable=yes">');
+				}
+				if(deviceWidth <= 990 && deviceWidth > 980) {
+					document.write('<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale = 0.512, maximum-scale =0,user-scalable=yes">');
+				}
+				if(deviceWidth <= 980 && deviceWidth > 970) {
+					document.write('<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale = 0.508, maximum-scale =0,user-scalable=yes">');
+				}
+				if(deviceWidth <= 970 && deviceWidth > 960) {
+					document.write('<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale = 0.504, maximum-scale =0,user-scalable=yes">');
+				}
+				if(deviceWidth <= 960 && deviceWidth > 950) {
+					document.write('<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale = 0.498, maximum-scale =0,user-scalable=yes">');
+				}
+				if(deviceWidth <= 950 && deviceWidth > 940) {
+					document.write('<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale = 0.494, maximum-scale =0,user-scalable=yes">');
+				}
+				if(deviceWidth <= 940 && deviceWidth > 930) {
+					document.write('<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale = 0.490, maximum-scale =0,user-scalable=yes">');
+				}
+				if(deviceWidth <= 930 && deviceWidth > 920) {
+					document.write('<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale = 0.486, maximum-scale =0,user-scalable=yes">');
+				}
+				if(deviceWidth <= 920 && deviceWidth > 910) {
+					document.write('<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale = 0.482, maximum-scale =0,user-scalable=yes">');
+				}
+				if(deviceWidth <= 910 && deviceWidth > 900) {
+					document.write('<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale = 0.478, maximum-scale =0,user-scalable=yes">');
+				}
+				if(deviceWidth <= 900 && deviceWidth > 890) {
+					document.write('<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale = 0.474, maximum-scale =0,user-scalable=yes">');
+				}
+				if(deviceWidth <= 890 && deviceWidth > 880) {
+					document.write('<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale = 0.470, maximum-scale =0,user-scalable=yes">');
+				}
+				if(deviceWidth <= 880 && deviceWidth > 870) {
+					document.write('<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale = 0.464, maximum-scale =0,user-scalable=yes">');
+				}
+				if(deviceWidth <= 870 && deviceWidth > 860) {
+					document.write('<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale = 0.460, maximum-scale =0,user-scalable=yes">');
+				}
+				if(deviceWidth <= 860 && deviceWidth > 850) {
+					document.write('<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale = 0.454, maximum-scale =0,user-scalable=yes">');
+				}
+				if(deviceWidth <= 850 && deviceWidth > 840) {
+					document.write('<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale = 0.452, maximum-scale =0,user-scalable=yes">');
+				}
+				if(deviceWidth <= 840 && deviceWidth > 830) {
+					document.write('<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale = 0.446, maximum-scale =0,user-scalable=yes">');
+				}
+				if(deviceWidth <= 830 && deviceWidth > 820) {
+					document.write('<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale = 0.440, maximum-scale =0,user-scalable=yes">');
+				}
+				if(deviceWidth <= 820 && deviceWidth > 810) {
+					document.write('<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale = 0.434, maximum-scale =0,user-scalable=yes">');
+				}
+				if(deviceWidth <= 810 && deviceWidth > 800) {
+					document.write('<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale = 0.428, maximum-scale =0,user-scalable=yes">');
+				}
+				if(deviceWidth <= 800 && deviceWidth > 790) {
+					document.write('<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale = 0.422, maximum-scale =0,user-scalable=yes">');
+				}
+				if(deviceWidth <= 790 && deviceWidth > 780) {
+					document.write('<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale = 0.416, maximum-scale =0,user-scalable=yes">');
+				}
+				if(deviceWidth <= 780 && deviceWidth > 770) {
+					document.write('<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale = 0.410, maximum-scale =0,user-scalable=yes">');
+				}
+				if(deviceWidth <= 770 && deviceWidth > 760) {
+					document.write('<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale = 0.404, maximum-scale =0,user-scalable=yes">');
+				}
+				if(deviceWidth <= 760 && deviceWidth > 750) {
+					document.write('<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale = 0.398, maximum-scale =0,user-scalable=yes">');
+				}
+				if(deviceWidth <= 750 && deviceWidth > 740) {
+					document.write('<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale = 0.392, maximum-scale =0,user-scalable=yes">');
+				}
+				if(deviceWidth <= 740 && deviceWidth > 730) {
+					document.write('<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale = 0.386, maximum-scale =0,user-scalable=yes">');
+				}
+				if(deviceWidth <= 730 && deviceWidth > 720) {
+					document.write('<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale = 0.380, maximum-scale =0,user-scalable=yes">');
+				}
+				if(deviceWidth <= 720 && deviceWidth > 710) {
+					document.write('<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale = 0.374, maximum-scale =0,user-scalable=yes">');
+				}
+				if(deviceWidth <= 710 && deviceWidth > 700) {
+					document.write('<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale = 0.374, maximum-scale =0,user-scalable=yes">');
+				}
+				if(deviceWidth <= 700 && deviceWidth > 690) {
+					document.write('<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale = 0.368, maximum-scale =0,user-scalable=yes">');
+				}
+				if(deviceWidth <= 690 && deviceWidth > 680) {
+					document.write('<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale = 0.362, maximum-scale =0,user-scalable=yes">');
+				}
+				if(deviceWidth <= 680 && deviceWidth > 670) {
+					document.write('<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale = 0.356, maximum-scale =0,user-scalable=yes">');
+				}
+				if(deviceWidth <= 670 && deviceWidth > 660) {
+					document.write('<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale = 0.350, maximum-scale =0,user-scalable=yes">');
+				}
+				if(deviceWidth <= 660 && deviceWidth > 650) {
+					document.write('<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale = 0.344, maximum-scale =0,user-scalable=yes">');
+				}
+				if(deviceWidth <= 650 && deviceWidth > 640) {
+					document.write('<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale = 0.338, maximum-scale =0,user-scalable=yes">');
+				}
+				if(deviceWidth <= 640 && deviceWidth > 630) {
+					document.write('<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale = 0.332, maximum-scale =0,user-scalable=yes">');
+				}
+				if(deviceWidth <= 630 && deviceWidth > 620) {
+					document.write('<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale = 0.326, maximum-scale =0,user-scalable=yes">');
+				}
+				if(deviceWidth <= 620 && deviceWidth > 610) {
+					document.write('<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale = 0.320, maximum-scale =0,user-scalable=yes">');
+				}
+				if(deviceWidth <= 610 && deviceWidth > 600) {
+					document.write('<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale = 0.316, maximum-scale =0,user-scalable=yes">');
+				}
+				if(deviceWidth <= 600 && deviceWidth > 590) {
+					document.write('<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale = 0.314, maximum-scale =0,user-scalable=yes">');
+				}
+				if(deviceWidth <= 590 && deviceWidth > 580) {
+					document.write('<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale = 0.308, maximum-scale =0,user-scalable=yes">');
+				}
+				if(deviceWidth <= 580 && deviceWidth > 570) {
+					document.write('<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale = 0.298, maximum-scale =0,user-scalable=yes">');
+				}
+				if(deviceWidth <= 570 && deviceWidth > 560) {
+					document.write('<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale = 0.292, maximum-scale =0,user-scalable=yes">');
+				}
+				if(deviceWidth <= 560 && deviceWidth > 550) {
+					document.write('<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale = 0.288, maximum-scale =0,user-scalable=yes">');
+				}
+				if(deviceWidth <= 550 && deviceWidth > 540) {
+					document.write('<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale = 0.282, maximum-scale =0,user-scalable=yes">');
+				}
+				if(deviceWidth <= 540 && deviceWidth > 530) {
+					document.write('<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale = 0.278, maximum-scale =0,user-scalable=yes">');
+				}
+				if(deviceWidth <= 530 && deviceWidth > 520) {
+					document.write('<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale = 0.272, maximum-scale =0,user-scalable=yes">');
+				}
+				if(deviceWidth <= 520 && deviceWidth > 510) {
+					document.write('<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale = 0.268, maximum-scale =0,user-scalable=yes">');
+				}
+				if(deviceWidth <= 510 && deviceWidth > 500) {
+					document.write('<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale = 0.262, maximum-scale =0,user-scalable=yes">');
+				}
+				if(deviceWidth <= 500 && deviceWidth > 490) {
+					document.write('<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale = 0.258, maximum-scale =0,user-scalable=yes">');
+				}
+				if(deviceWidth <= 490 && deviceWidth > 480) {
+					document.write('<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale = 0.252, maximum-scale =0,user-scalable=yes">');
+				}
+				if(deviceWidth <= 480 && deviceWidth > 470) {
+					document.write('<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale = 0.248, maximum-scale =0,user-scalable=yes">');
+				}
+				if(deviceWidth <= 470 && deviceWidth > 460) {
+					document.write('<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale = 0.242, maximum-scale =0,user-scalable=yes">');
+				}
+				if(deviceWidth <= 460 && deviceWidth > 450) {
+					document.write('<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale = 0.238, maximum-scale =0,user-scalable=yes">');
+				}
+				if(deviceWidth <= 450 && deviceWidth > 440) {
+					document.write('<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale = 0.232, maximum-scale =0,user-scalable=yes">');
+				}
+				if(deviceWidth <= 440 && deviceWidth > 430) {
+					document.write('<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale = 0.228, maximum-scale =0,user-scalable=yes">');
+				}
+				if(deviceWidth <= 430 && deviceWidth > 420) {
+					document.write('<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale = 0.222, maximum-scale =0,user-scalable=yes">');
+				}
+				if(deviceWidth <= 420 && deviceWidth > 410) {
+					document.write('<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale = 0.218, maximum-scale =0,user-scalable=yes">');
+				}
+				if(deviceWidth <= 410 && deviceWidth > 400) {
+					document.write('<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale = 0.212, maximum-scale =0,user-scalable=yes">');
+				}
+				if(deviceWidth <= 400 && deviceWidth > 390) {
+					document.write('<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale = 0.208, maximum-scale =0,user-scalable=yes">');
+				}
+				if(deviceWidth <= 390 && deviceWidth > 380) {
+					document.write('<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale = 0.20, maximum-scale =0,user-scalable=yes">');
+				}
+				if(deviceWidth <= 380 && deviceWidth > 370) {
+					document.write('<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale = 0.196, maximum-scale =0,user-scalable=yes">');
+				}
+				if(deviceWidth <= 370 && deviceWidth >= 360) {
+					document.write('<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale = 0.19, maximum-scale =0,user-scalable=yes">');
+				}
+				if(deviceWidth < 360 && deviceWidth >= 350) {
+					document.write('<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale = 0.186, maximum-scale =0,user-scalable=yes">');
+				}
+				if(deviceWidth < 350 && deviceWidth >= 340) {
+					document.write('<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale = 0.180, maximum-scale =0,user-scalable=yes">');
+				}
+				if(deviceWidth < 340 && deviceWidth >= 330) {
+					document.write('<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale = 0.176, maximum-scale =0,user-scalable=yes">');
+				}
+				if(deviceWidth < 330 && deviceWidth > 320) {
+					document.write('<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale = 0.172, maximum-scale =0,user-scalable=yes">');
+				}
+				if(deviceWidth==320) {
+					document.write('<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale = 0.168, maximum-scale =0,user-scalable=yes">');
+				}
+				// document.write('<meta name="viewport" content="width=640, user-scalable=no">'); 
+			// } 
+		</script>
   </head>
   <body>
     <div id="app"></div>
diff --git a/package-lock.json b/package-lock.json
index 347e8e4..be8b98f 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -15,6 +15,7 @@
         "static-extend": "^0.1.2",
         "vue": "^2.5.2",
         "vue-awesome-swiper": "^4.1.1",
+        "vue-meta": "^2.4.0",
         "vue-router": "^3.0.1",
         "vue-seamless-scroll": "^1.1.23",
         "vue-touch": "^2.0.0-beta.4"
@@ -3580,6 +3581,14 @@
         "regexp.prototype.flags": "^1.2.0"
       }
     },
+    "node_modules/deepmerge": {
+      "version": "4.2.2",
+      "resolved": "https://registry.npmmirror.com/deepmerge/-/deepmerge-4.2.2.tgz",
+      "integrity": "sha512-FJ3UgI4gIl+PHZm53knsuSFpE+nESMr7M4v9QcgB7S63Kj/6WqMiFQJpBBYz1Pt+66bZpP3Q7Lye0Oo9MPKEdg==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/define-properties": {
       "version": "1.1.3",
       "resolved": "https://registry.nlark.com/define-properties/download/define-properties-1.1.3.tgz?cache=0&sync_timestamp=1621222541805&other_urls=https%3A%2F%2Fregistry.nlark.com%2Fdefine-properties%2Fdownload%2Fdefine-properties-1.1.3.tgz",
@@ -12970,6 +12979,14 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/vue-meta": {
+      "version": "2.4.0",
+      "resolved": "https://registry.npmmirror.com/vue-meta/-/vue-meta-2.4.0.tgz",
+      "integrity": "sha512-XEeZUmlVeODclAjCNpWDnjgw+t3WA6gdzs6ENoIAgwO1J1d5p1tezDhtteLUFwcaQaTtayRrsx7GL6oXp/m2Jw==",
+      "dependencies": {
+        "deepmerge": "^4.2.2"
+      }
+    },
     "node_modules/vue-router": {
       "version": "3.5.3",
       "resolved": "https://registry.npmmirror.com/vue-router/download/vue-router-3.5.3.tgz",
@@ -17292,6 +17309,11 @@
         "regexp.prototype.flags": "^1.2.0"
       }
     },
+    "deepmerge": {
+      "version": "4.2.2",
+      "resolved": "https://registry.npmmirror.com/deepmerge/-/deepmerge-4.2.2.tgz",
+      "integrity": "sha512-FJ3UgI4gIl+PHZm53knsuSFpE+nESMr7M4v9QcgB7S63Kj/6WqMiFQJpBBYz1Pt+66bZpP3Q7Lye0Oo9MPKEdg=="
+    },
     "define-properties": {
       "version": "1.1.3",
       "resolved": "https://registry.nlark.com/define-properties/download/define-properties-1.1.3.tgz?cache=0&sync_timestamp=1621222541805&other_urls=https%3A%2F%2Fregistry.nlark.com%2Fdefine-properties%2Fdownload%2Fdefine-properties-1.1.3.tgz",
@@ -25082,6 +25104,14 @@
         }
       }
     },
+    "vue-meta": {
+      "version": "2.4.0",
+      "resolved": "https://registry.npmmirror.com/vue-meta/-/vue-meta-2.4.0.tgz",
+      "integrity": "sha512-XEeZUmlVeODclAjCNpWDnjgw+t3WA6gdzs6ENoIAgwO1J1d5p1tezDhtteLUFwcaQaTtayRrsx7GL6oXp/m2Jw==",
+      "requires": {
+        "deepmerge": "^4.2.2"
+      }
+    },
     "vue-router": {
       "version": "3.5.3",
       "resolved": "https://registry.npmmirror.com/vue-router/download/vue-router-3.5.3.tgz",
diff --git a/package.json b/package.json
index bb5667d..b1cdccb 100644
--- a/package.json
+++ b/package.json
@@ -17,6 +17,7 @@
     "static-extend": "^0.1.2",
     "vue": "^2.5.2",
     "vue-awesome-swiper": "^4.1.1",
+    "vue-meta": "^2.4.0",
     "vue-router": "^3.0.1",
     "vue-seamless-scroll": "^1.1.23",
     "vue-touch": "^2.0.0-beta.4"
diff --git a/src/assets/css/electron.css b/src/assets/css/electron.css
index f575225..60ae875 100644
--- a/src/assets/css/electron.css
+++ b/src/assets/css/electron.css
@@ -12,16 +12,16 @@ body {
 	background-color: #9c7cfa;
 }
 body::-webkit-scrollbar {
-    width: 0px;    
-	height: 100vh;
+    width: 0rem;    
+	/* height: 100vh; */
 }
 body::-webkit-scrollbar-thumb {
-	border-radius: 0px;
-	-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
+	border-radius: 0rem;
+	-webkit-box-shadow: inset 0 0 0.3125rem rgba(0,0,0,0.2);
 	background: rgba(0,0,0,0.2);
 }
 body::-webkit-scrollbar-track {
-	-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
+	-webkit-box-shadow: inset 0 0 0.3125rem rgba(0,0,0,0.2);
 	border-radius: 0;
 	background: rgba(0,0,0,0.1);
 
@@ -47,10 +47,10 @@ img {
 	justify-content: space-between;
 	align-items: center;
 	background-color: #FFFFFF;
-	box-shadow: 0px 3px 7px 0px rgba(134, 105, 220, 0.35);
+	box-shadow: 0rem 0.1875rem 0.4375rem 0px rgba(134, 105, 220, 0.35);
 	width: 100%;
-	height: 98px;
-	padding: 0 60px;
+	height: 6.125rem;
+	padding: 0 3.75rem;
 }
 .header-box .logo-box {
 	/* display: flex; */
@@ -59,7 +59,7 @@ img {
 	/* background: url(../../../static/img/home/logo-bottom.png) no-repeat; */
 	/* background-size: 100% 100%; */
 	/* width: 177px; */
-	max-width: 500px;
+	max-width: 31.25rem;
 	/* height: 162px; */
 	/* margin-left: 16%; */
 	/* margin-top: 20px; */
@@ -71,15 +71,15 @@ img {
 	/* justify-content: space-between; */
 	align-items: center;
 	/* flex-direction: column; */
-	max-width: 430px;
+	max-width: 26.875rem;
 }
 .logo img {
 	/* object-fit: cover; */
-	width: 76px;
-	height: 76px;
+	width: 4.75rem;
+	height: 4.75rem;
 	border-radius: 100%;
 	background-color: #9c7cfa;
-	margin-right: 10px;
+	margin-right: 0.625rem;
 }
 .logo div {
 	color: #7557cc;
@@ -92,11 +92,11 @@ img {
 	align-items: center;
 	color: #9c7cfa;
 	font-weight: bold;
-	font-size: 20px;
+	font-size: 1.25rem;
 }
 .title-item {
 	/* padding: 30px 20px 12px 20px; */
-	padding: 30px 20px 9px 20px;
+	padding: 1.875rem 1.25rem 0.5625rem 1.25rem;
 	cursor: pointer;
 	-webkit-tap-highlight-color: transparent;
 }
@@ -114,34 +114,34 @@ img {
 .weather-box {
 	display: flex;
 	align-items: center;
-	font-size: 16px;
+	font-size: 1rem;
 }
 .weather-box img {
-	width: 60px;
-	height: 51px;
+	width: 3.75rem;
+	height: 3.1875rem;
 }
 .weather-three {
 	display: flex;
 	align-items: center;
 	justify-content: space-around;
-	width: 234px;
-	height: 28px;
+	width: 14.625rem;
+	height: 1.75rem;
 	background-color: #FF9393;
-	border-radius: 10px;
+	border-radius: 0.625rem;
 	color: #fff;
-	margin-top: 2px;
+	margin-top: 0.125rem;
 }
 
 /* 内容主体 start */
 .main {
-	margin: 60px 0 90px 0;
-	padding: 0 60px;
+	margin: 3.75rem 0 5.625rem 0;
+	padding: 0 3.75rem;
 	display: flex;
 	justify-content: space-between;
 }
 .main-box {
-	margin: 60px 0 0px 0;
-	padding: 0 60px;
+	margin: 3.75rem 0 0px 0;
+	padding: 0 3.75rem;
 	display: flex;
 	justify-content: space-between;
 }
@@ -152,47 +152,47 @@ img {
 }
 .left-one {
 	position: relative;
-	margin-bottom: 20px;
+	margin-bottom: 1.25rem;
 	background: url(../../../static/img/home/left-kuang.png) no-repeat;
 	background-size: 100% 100%;
-	width: 390px;
+	width: 24.375rem;
 	/* height: 296px; */
-	height: 244px;
+	height: 15.25rem;
 }
 .left-one:first-child{
-	height: 296px;
+	height: 18.5rem;
 }
 .left-one:last-child{
-	height: 222px;
+	height: 13.875rem;
 }
 .left-content {
 	display: flex;
 	flex-direction: column;
-	padding: 0 20px;
+	padding: 0 1.25rem;
 	color: #7557cc;
 }
 .left-title {
 	color: #FFE68F;
 	font-weight: bold;
 	text-align: center;
-	font-size: 36px;
+	font-size: 2.25rem;
 	margin: 0;
 	position: relative;
-	height: 70px;
-	line-height: 70px;
+	height: 4.375rem;
+	line-height: 4.375rem;
 	width: 100%;
 	text-align: center;
 	display: flex;
 	align-items: center;
 }
 .left-one:nth-child(2) .left-title {
-	height: 57px;
+	height: 3.5625rem;
 }
 .left-one:nth-child(3) .left-title {
-	height: 53px;
+	height: 3.3125rem;
 }
 .main-right .left-title{
-	height: 57px;
+	height: 3.5625rem;
 }
 .pultitle {
 	width: 100%;
@@ -200,7 +200,7 @@ img {
 	left: 50%;
 	transform: translateX(-50%); */
 }
-.three-content {font-size: 18px;line-height: 30px;color: #7557CC;}
+.three-content {font-size: 1.125rem;line-height: 1.875rem;color: #7557CC;}
 .left-last {
 	display: flex;
 	justify-content: space-around;
@@ -211,53 +211,53 @@ img {
 	align-items: center;
 }
 .left-last > div div:nth-child(1) {
-	font-weight: bold;font-size: 30px;
+	font-weight: bold;font-size: 1.875rem;
 }
 .left-last > div div:nth-child(2) {
-	color: #9C7CFA;font-size: 18px;
+	color: #9C7CFA;font-size: 1.125rem;
 }
-.left-notice {font-size: 18px;line-height: 30px;height: 60px;}
-.notice-time {display: flex;justify-content: space-between;margin: 10px 0;font-size: 18px;color: #6E6E6E;margin-top: 0px;}
+.left-notice {font-size: 1.125rem;line-height: 1.875rem;height: 3.75rem;}
+.notice-time {display: flex;justify-content: space-between;margin: 0.625rem 0;font-size: 1.125rem;color: #6E6E6E;margin-top: 0px;}
 .notice-time div:nth-child(2) {
 	display: flex;align-items: center;
 }
 .notice-time img {
-	width: 20px;height: 15px;margin-right: 2px;
+	width: 1.25rem;height: 0.9375rem;margin-right: 0.125rem;
 }
-.line {border-bottom: 2px dashed #9C7CFA;margin: 10px 0;}
-.eat-three {display: flex;justify-content: space-around;align-items: center; margin-top: 20px;font-size: 24px;}
+.line {border-bottom: 0.125rem dashed #9C7CFA;margin: 0.625rem 0;}
+.eat-three {display: flex;justify-content: space-around;align-items: center; margin-top: 1.25rem;font-size: 1.5rem;}
 .threeMealActive{
-	font-size: 30px!important;font-weight: bold!important;
+	font-size: 1.875rem!important;font-weight: bold!important;
 }
-.meal-box {padding-top: 10px;display: flex;align-items: center;}
-.meal-box img {width: 88px;max-height: 88px; border-radius: 10px;object-fit: cover;margin-right: 34px;}
-.meal-box div {font-size: 18px;line-height: 30px;}
+.meal-box {padding-top: 0.625rem;display: flex;align-items: center;}
+.meal-box img {width: 5.5rem;max-height: 5.5rem; border-radius: 0.625rem;object-fit: cover;margin-right: 2.125rem;}
+.meal-box div {font-size: 1.125rem;line-height: 1.875rem;}
 .main-center {
-	margin: 0 20px;
-	height: 767px;
+	margin: 0 1.25rem;
+	height: 47.9375rem;
 	/* width: 60%; */
 }
-.center-title {color: #7557CC;font-size: 36px;text-align: center;line-height: 40px;padding-top: 32px;}
+.center-title {color: #7557CC;font-size: 2.25rem;text-align: center;line-height: 2.5rem;padding-top: 2rem;}
 .center-img-box {
 	background: url(../../../static/img/home/class-dongt.png) no-repeat;
 	background-size: 100% 100%;
-	width: 912px;
-	height: 767px;
+	width: 57rem;
+	height: 47.9375rem;
 }
-.img-box {margin: 56px 70px 0px 65px;position: relative;}
+.img-box {margin: 3.5rem 4.375rem 0px 4.0625rem;position: relative;}
 /* .swiper-container{border-radius: 10px;border: 5px solid #9c7cfa;height: 460px;} */
-.home-swiper {border-radius: 10px;border: 5px solid #9c7cfa;height: 466px;}
-.swiper-pagination {position: absolute;left: 50%;transform: translateX(-60%);bottom: 120px;}
-.home-slide{height: 466px;overflow: hidden;}
+.home-swiper {border-radius: 0.625rem;border: 0.3125rem solid #9c7cfa;height: 29.125rem;}
+.swiper-pagination {position: absolute;left: 50%;transform: translateX(-60%);bottom: 7.5rem;}
+.home-slide{height: 29.125rem;overflow: hidden;}
 .home-slide img{object-fit: cover;width: 100%;height: 100%;}
-.swiper-pagination .swiper-pagination-bullet {margin: 0 6px;}
+.swiper-pagination .swiper-pagination-bullet {margin: 0 0.375rem;}
 .swiper-pagination .swiper-pagination-bullet-active {background-color: #9c7cfa;}
-.remind-box {display: flex;justify-content: center;margin-top: -30px;}
-.remind-box > div {background-color: rgba(0,0,0,.3);color: #FFFFFF;border-radius: 50px;position: relative;width: 174px;height: 64px;display: flex;justify-content: center;align-items: center;}
-.remind-box > div:nth-child(2) {margin: 0 88px;}
-.remind-box img {width: 47px;height: 41px;}
-.msg-box div:nth-child(1) {font-weight: bold;font-size: 30px;}
-.msg-box div:nth-child(2) {position: absolute;right: -5px;top: -6px;width:33px;height: 33px;background-color:#FF9393;border-radius: 50%;text-align: center;line-height: 33px;}
+.remind-box {display: flex;justify-content: center;margin-top: -1.875rem;}
+.remind-box > div {background-color: rgba(0,0,0,.3);color: #FFFFFF;border-radius: 3.125rem;position: relative;width: 10.875rem;height: 4rem;display: flex;justify-content: center;align-items: center;}
+.remind-box > div:nth-child(2) {margin: 0 5.5rem;}
+.remind-box img {width: 2.9375rem;height: 2.5625rem;}
+.msg-box div:nth-child(1) {font-weight: bold;font-size: 1.875rem;}
+.msg-box div:nth-child(2) {position: absolute;right: -0.3125rem;top: -0.375rem;width:2.0625rem;height: 2.0625rem;background-color:#FF9393;border-radius: 50%;text-align: center;line-height: 2.0625rem;}
 .main-right {
 	position: relative;
 	display: inline-block;
@@ -867,7 +867,7 @@ table tr td:first-child {
 /* 新增css */
 .notice-open-01,.notice-open-02{
 	width: 80%;
-	height: 90%;
+	/* height: 90%; */
 	overflow: hidden;
 	overflow-y: scroll;
 }
diff --git a/src/components/babyActivity.vue b/src/components/babyActivity.vue
index 0656534..69a4ec4 100644
--- a/src/components/babyActivity.vue
+++ b/src/components/babyActivity.vue
@@ -1,5 +1,5 @@
 <template>
-	<div>
+	<div style="position: relative;">
 		<error-page v-if="showError" @closeError="closeError"></error-page>
 		<!-- 主体内容 -->
 		<div v-if="!showError" class="main">
@@ -71,7 +71,7 @@
 			<div v-if="isDay" class="notice-k" @click="closeNotice">
 				<div @click.stop="isDay=true" class="notice-box notice-open-01 ">
 					<div class="notice-title-box notice-title-other">
-						<div>第{{dayArr[0].Months}}周工作计划</div>
+						<div>第{{dayArr[0].Weeks}}周工作计划</div>
 						<!-- <img @click.stop="isDay=false" src="../../static/img/kindergartenIntroduce/icon-back.png" style="width: 48px;height: 48px;margin-top: 10px;" > -->
 					</div>
 					<div class="plan-big-box">
@@ -97,7 +97,7 @@
 										<div style="text-align: center;width: 15.33%;padding: 20px 0;">生成与调整</div>
 									</div>
 								</div>
-								<div class="plan-left-two">
+								<!-- <div class="plan-left-two">
 									<div class="plan-two-one">{{dayArr[0].ActivityType}}</div>
 									<div class="plan-item-box">
 										<div class="plan-center-center" style="width: 8%;padding: 20px 0;border-right: 1px solid #9C7CFA;">{{dayArr[0].AMOrPM}}</div>
@@ -108,65 +108,89 @@
 										<div class="plan-acenter" style="width: 15.33%;border-right: 1px solid #9C7CFA;padding: 20px;">{{dayArr[0].Week5}}</div>
 										<div class="plan-acenter" style="width: 15.33%;padding: 20px;">{{dayArr[0].GenerationAndAdjustment}}</div>
 									</div>
-								</div>
+								</div> -->
 								<div class="plan-left-two">
-									<div class="plan-center-center plan-two-one">{{dayArr[1].ActivityType}}</div>
+									<div class="plan-center-center plan-two-one">{{dayArr[0].ActivityType}}</div>
 									<div class="plan-item-box">
 										<div style="width: 100%;display: flex;flex-direction: column;padding-top: 0px;padding-bottom: 0px;box-sizing: border-box;">
 											<div style="display: flex;height: 100%;padding-top: 0px;padding-bottom: 0px;box-sizing: border-box;">
-												<div class="plan-center-center" style="flex-shrink: 0; width: 9.5%;border-bottom: 1px solid #9C7CFA;padding: 20px 0;text-align: center;border-right: 1px solid #9C7CFA;box-sizing: border-box;">{{dayArr[1].AMOrPM}}</div>
-												<div class="plan-acenter" style="flex-shrink: 0;width: 18.1%;border-bottom: 1px solid #9C7CFA;border-right: 1px solid #9C7CFA;text-align: left;padding: 20px;box-sizing: border-box;">{{dayArr[1].Week1}}</div>
-												<div class="plan-acenter" style="flex-shrink: 0;width: 18.1%;border-bottom: 1px solid #9C7CFA;border-right: 1px solid #9C7CFA;text-align: left;padding: 20px;box-sizing: border-box;">{{dayArr[1].Week2}}</div>
-												<div class="plan-acenter" style="flex-shrink: 0;width: 18.2%;border-bottom: 1px solid #9C7CFA;border-right: 1px solid #9C7CFA;text-align: left;padding: 20px;box-sizing: border-box;">{{dayArr[1].Week3}}</div>
-												<div class="plan-acenter" style="flex-shrink: 0;width: 18.1%;border-bottom: 1px solid #9C7CFA;border-right: 1px solid #9C7CFA;text-align: left;padding: 20px;box-sizing: border-box;">{{dayArr[1].Week4}}</div>
-												<div class="plan-acenter" style="flex-shrink: 0;width: 18.1%;border-bottom: 1px solid #9C7CFA;border-right: 1px solid #9C7CFA;text-align: left;padding: 20px;box-sizing: border-box;">{{dayArr[1].Week5}}</div>
+												<div class="plan-center-center" style="flex-shrink: 0; width: 9.5%;border-bottom: 1px solid #9C7CFA;padding: 20px 0;text-align: center;border-right: 1px solid #9C7CFA;box-sizing: border-box;">{{dayArr[0].AMOrPM}}</div>
+												<div class="plan-acenter" style="flex-shrink: 0;width: 18.1%;border-bottom: 1px solid #9C7CFA;border-right: 1px solid #9C7CFA;text-align: left;padding: 20px;box-sizing: border-box;">{{dayArr[0].Week1}}</div>
+												<div class="plan-acenter" style="flex-shrink: 0;width: 18.1%;border-bottom: 1px solid #9C7CFA;border-right: 1px solid #9C7CFA;text-align: left;padding: 20px;box-sizing: border-box;">{{dayArr[0].Week2}}</div>
+												<div class="plan-acenter" style="flex-shrink: 0;width: 18.2%;border-bottom: 1px solid #9C7CFA;border-right: 1px solid #9C7CFA;text-align: left;padding: 20px;box-sizing: border-box;">{{dayArr[0].Week3}}</div>
+												<div class="plan-acenter" style="flex-shrink: 0;width: 18.1%;border-bottom: 1px solid #9C7CFA;border-right: 1px solid #9C7CFA;text-align: left;padding: 20px;box-sizing: border-box;">{{dayArr[0].Week4}}</div>
+												<div class="plan-acenter" style="flex-shrink: 0;width: 18.1%;border-bottom: 1px solid #9C7CFA;border-right: 1px solid #9C7CFA;text-align: left;padding: 20px;box-sizing: border-box;">{{dayArr[0].Week5}}</div>
 											</div>
 											<div style="width: 100%;display: flex;height: 100%;border-left: none;padding-top: 0px;padding-bottom: 0px;box-sizing: border-box;">
-												<div class="plan-center-center" style="flex-shrink: 0;width: 9.5%;padding: 20px 0;text-align: center;border-right: 1px solid #9C7CFA;">{{dayArr[2].AMOrPM}}</div>
-												<div class="plan-acenter" style="flex-shrink: 0;width: 18.1%;border-right: 1px solid #9C7CFA;text-align: left;padding: 20px;box-sizing: border-box;">{{dayArr[2].Week1}}</div>
-												<div class="plan-acenter" style="flex-shrink: 0;width: 18.1%;border-right: 1px solid #9C7CFA;text-align: left;padding: 20px;box-sizing: border-box;">{{dayArr[2].Week2}}</div>
-												<div class="plan-acenter" style="flex-shrink: 0;width: 18.2%;border-right: 1px solid #9C7CFA;text-align: left;padding: 20px;box-sizing: border-box;">{{dayArr[2].Week3}}</div>
-												<div class="plan-acenter" style="flex-shrink: 0;width: 18.1%;border-right: 1px solid #9C7CFA;text-align: left;padding: 20px;box-sizing: border-box;">{{dayArr[2].Week4}}</div>
-												<div class="plan-acenter" style="flex-shrink: 0;width: 18.1%;border-right: 1px solid #9C7CFA;text-align: left;padding: 20px;box-sizing: border-box;">{{dayArr[2].Week5}}</div>
+												<div class="plan-center-center" style="flex-shrink: 0;width: 9.5%;padding: 20px 0;text-align: center;border-right: 1px solid #9C7CFA;">{{dayArr[1].AMOrPM}}</div>
+												<div class="plan-acenter" style="flex-shrink: 0;width: 18.1%;border-right: 1px solid #9C7CFA;text-align: left;padding: 20px;box-sizing: border-box;">{{dayArr[1].Week1}}</div>
+												<div class="plan-acenter" style="flex-shrink: 0;width: 18.1%;border-right: 1px solid #9C7CFA;text-align: left;padding: 20px;box-sizing: border-box;">{{dayArr[1].Week2}}</div>
+												<div class="plan-acenter" style="flex-shrink: 0;width: 18.2%;border-right: 1px solid #9C7CFA;text-align: left;padding: 20px;box-sizing: border-box;">{{dayArr[1].Week3}}</div>
+												<div class="plan-acenter" style="flex-shrink: 0;width: 18.1%;border-right: 1px solid #9C7CFA;text-align: left;padding: 20px;box-sizing: border-box;">{{dayArr[1].Week4}}</div>
+												<div class="plan-acenter" style="flex-shrink: 0;width: 18.1%;border-right: 1px solid #9C7CFA;text-align: left;padding: 20px;box-sizing: border-box;">{{dayArr[1].Week5}}</div>
+											</div>
+										</div>
+										<div style="width: 17.7%;padding: 20px;box-sizing: border-box;">{{dayArr[0].GenerationAndAdjustment}}</div>
+									</div>
+								</div>
+								<div class="plan-left-two">
+									<div class="plan-center-center plan-two-one">{{dayArr[2].ActivityType}}</div>
+									<div class="plan-item-box">
+										<div style="width: 100%;display: flex;flex-direction: column;padding-top: 0px;padding-bottom: 0px;box-sizing: border-box;">
+											<div style="display: flex;height: 100%;padding-top: 0px;padding-bottom: 0px;box-sizing: border-box;">
+												<div class="plan-center-center" style="flex-shrink: 0; width: 9.5%;border-bottom: 1px solid #9C7CFA;padding: 20px 0;text-align: center;border-right: 1px solid #9C7CFA;box-sizing: border-box;">{{dayArr[2].AMOrPM}}</div>
+												<div class="plan-acenter" style="flex-shrink: 0;width: 18.1%;border-bottom: 1px solid #9C7CFA;border-right: 1px solid #9C7CFA;text-align: left;padding: 20px;box-sizing: border-box;">{{dayArr[2].Week1}}</div>
+												<div class="plan-acenter" style="flex-shrink: 0;width: 18.1%;border-bottom: 1px solid #9C7CFA;border-right: 1px solid #9C7CFA;text-align: left;padding: 20px;box-sizing: border-box;">{{dayArr[2].Week2}}</div>
+												<div class="plan-acenter" style="flex-shrink: 0;width: 18.2%;border-bottom: 1px solid #9C7CFA;border-right: 1px solid #9C7CFA;text-align: left;padding: 20px;box-sizing: border-box;">{{dayArr[2].Week3}}</div>
+												<div class="plan-acenter" style="flex-shrink: 0;width: 18.1%;border-bottom: 1px solid #9C7CFA;border-right: 1px solid #9C7CFA;text-align: left;padding: 20px;box-sizing: border-box;">{{dayArr[2].Week4}}</div>
+												<div class="plan-acenter" style="flex-shrink: 0;width: 18.1%;border-bottom: 1px solid #9C7CFA;border-right: 1px solid #9C7CFA;text-align: left;padding: 20px;box-sizing: border-box;">{{dayArr[2].Week5}}</div>
+											</div>
+											<div style="width: 100%;display: flex;height: 100%;border-left: none;padding-top: 0px;padding-bottom: 0px;box-sizing: border-box;">
+												<div class="plan-center-center" style="flex-shrink: 0;width: 9.5%;padding: 20px 0;text-align: center;border-right: 1px solid #9C7CFA;">{{dayArr[3].AMOrPM}}</div>
+												<div class="plan-acenter" style="flex-shrink: 0;width: 18.1%;border-right: 1px solid #9C7CFA;text-align: left;padding: 20px;box-sizing: border-box;">{{dayArr[3].Week1}}</div>
+												<div class="plan-acenter" style="flex-shrink: 0;width: 18.1%;border-right: 1px solid #9C7CFA;text-align: left;padding: 20px;box-sizing: border-box;">{{dayArr[3].Week2}}</div>
+												<div class="plan-acenter" style="flex-shrink: 0;width: 18.2%;border-right: 1px solid #9C7CFA;text-align: left;padding: 20px;box-sizing: border-box;">{{dayArr[3].Week3}}</div>
+												<div class="plan-acenter" style="flex-shrink: 0;width: 18.1%;border-right: 1px solid #9C7CFA;text-align: left;padding: 20px;box-sizing: border-box;">{{dayArr[3].Week4}}</div>
+												<div class="plan-acenter" style="flex-shrink: 0;width: 18.1%;border-right: 1px solid #9C7CFA;text-align: left;padding: 20px;box-sizing: border-box;">{{dayArr[3].Week5}}</div>
 											</div>
 										</div>
 										<div style="width: 17.7%;padding: 20px;box-sizing: border-box;">{{dayArr[2].GenerationAndAdjustment}}</div>
 									</div>
 								</div>
 								<div class="plan-left-two">
-									<div class="plan-center-center plan-two-one">{{dayArr[3].ActivityType}}</div>
+									<div class="plan-center-center plan-two-one">{{dayArr[4].ActivityType}}</div>
 									<div class="plan-item-box">
 										<div style="width: 100%;display: flex;flex-direction: column;padding-top: 0px;padding-bottom: 0px;box-sizing: border-box;">
 											<div style="display: flex;height: 100%;padding-top: 0px;padding-bottom: 0px;box-sizing: border-box;">
-												<div class="plan-center-center" style="flex-shrink: 0; width: 9.5%;border-bottom: 1px solid #9C7CFA;padding: 20px 0;text-align: center;border-right: 1px solid #9C7CFA;box-sizing: border-box;">{{dayArr[3].AMOrPM}}</div>
-												<div class="plan-acenter" style="flex-shrink: 0;width: 18.1%;border-bottom: 1px solid #9C7CFA;border-right: 1px solid #9C7CFA;text-align: left;padding: 20px;box-sizing: border-box;">{{dayArr[3].Week1}}</div>
-												<div class="plan-acenter" style="flex-shrink: 0;width: 18.1%;border-bottom: 1px solid #9C7CFA;border-right: 1px solid #9C7CFA;text-align: left;padding: 20px;box-sizing: border-box;">{{dayArr[3].Week2}}</div>
-												<div class="plan-acenter" style="flex-shrink: 0;width: 18.2%;border-bottom: 1px solid #9C7CFA;border-right: 1px solid #9C7CFA;text-align: left;padding: 20px;box-sizing: border-box;">{{dayArr[3].Week3}}</div>
-												<div class="plan-acenter" style="flex-shrink: 0;width: 18.1%;border-bottom: 1px solid #9C7CFA;border-right: 1px solid #9C7CFA;text-align: left;padding: 20px;box-sizing: border-box;">{{dayArr[3].Week4}}</div>
-												<div class="plan-acenter" style="flex-shrink: 0;width: 18.1%;border-bottom: 1px solid #9C7CFA;border-right: 1px solid #9C7CFA;text-align: left;padding: 20px;box-sizing: border-box;">{{dayArr[3].Week5}}</div>
+												<div class="plan-center-center" style="flex-shrink: 0; width: 9.5%;border-bottom: 1px solid #9C7CFA;padding: 20px 0;text-align: center;border-right: 1px solid #9C7CFA;box-sizing: border-box;">{{dayArr[4].AMOrPM}}</div>
+												<div class="plan-acenter" style="flex-shrink: 0;width: 18.1%;border-bottom: 1px solid #9C7CFA;border-right: 1px solid #9C7CFA;text-align: left;padding: 20px;box-sizing: border-box;">{{dayArr[4].Week1}}</div>
+												<div class="plan-acenter" style="flex-shrink: 0;width: 18.1%;border-bottom: 1px solid #9C7CFA;border-right: 1px solid #9C7CFA;text-align: left;padding: 20px;box-sizing: border-box;">{{dayArr[4].Week2}}</div>
+												<div class="plan-acenter" style="flex-shrink: 0;width: 18.2%;border-bottom: 1px solid #9C7CFA;border-right: 1px solid #9C7CFA;text-align: left;padding: 20px;box-sizing: border-box;">{{dayArr[4].Week3}}</div>
+												<div class="plan-acenter" style="flex-shrink: 0;width: 18.1%;border-bottom: 1px solid #9C7CFA;border-right: 1px solid #9C7CFA;text-align: left;padding: 20px;box-sizing: border-box;">{{dayArr[4].Week4}}</div>
+												<div class="plan-acenter" style="flex-shrink: 0;width: 18.1%;border-bottom: 1px solid #9C7CFA;border-right: 1px solid #9C7CFA;text-align: left;padding: 20px;box-sizing: border-box;">{{dayArr[4].Week5}}</div>
 											</div>
 											<div style="width: 100%;display: flex;height: 100%;border-left: none;padding-top: 0px;padding-bottom: 0px;box-sizing: border-box;">
-												<div class="plan-center-center" style="flex-shrink: 0;width: 9.5%;padding: 20px 0;text-align: center;border-right: 1px solid #9C7CFA;">{{dayArr[4].AMOrPM}}</div>
-												<div class="plan-acenter" style="flex-shrink: 0;width: 18.1%;border-right: 1px solid #9C7CFA;text-align: left;padding: 20px;box-sizing: border-box;">{{dayArr[4].Week1}}</div>
-												<div class="plan-acenter" style="flex-shrink: 0;width: 18.1%;border-right: 1px solid #9C7CFA;text-align: left;padding: 20px;box-sizing: border-box;">{{dayArr[4].Week2}}</div>
-												<div class="plan-acenter" style="flex-shrink: 0;width: 18.2%;border-right: 1px solid #9C7CFA;text-align: left;padding: 20px;box-sizing: border-box;">{{dayArr[4].Week3}}</div>
-												<div class="plan-acenter" style="flex-shrink: 0;width: 18.1%;border-right: 1px solid #9C7CFA;text-align: left;padding: 20px;box-sizing: border-box;">{{dayArr[4].Week4}}</div>
-												<div class="plan-acenter" style="flex-shrink: 0;width: 18.1%;border-right: 1px solid #9C7CFA;text-align: left;padding: 20px;box-sizing: border-box;">{{dayArr[4].Week5}}</div>
+												<div class="plan-center-center" style="flex-shrink: 0;width: 9.5%;padding: 20px 0;text-align: center;border-right: 1px solid #9C7CFA;">{{dayArr[5].AMOrPM}}</div>
+												<div class="plan-acenter" style="flex-shrink: 0;width: 18.1%;border-right: 1px solid #9C7CFA;text-align: left;padding: 20px;box-sizing: border-box;">{{dayArr[5].Week1}}</div>
+												<div class="plan-acenter" style="flex-shrink: 0;width: 18.1%;border-right: 1px solid #9C7CFA;text-align: left;padding: 20px;box-sizing: border-box;">{{dayArr[5].Week2}}</div>
+												<div class="plan-acenter" style="flex-shrink: 0;width: 18.2%;border-right: 1px solid #9C7CFA;text-align: left;padding: 20px;box-sizing: border-box;">{{dayArr[5].Week3}}</div>
+												<div class="plan-acenter" style="flex-shrink: 0;width: 18.1%;border-right: 1px solid #9C7CFA;text-align: left;padding: 20px;box-sizing: border-box;">{{dayArr[5].Week4}}</div>
+												<div class="plan-acenter" style="flex-shrink: 0;width: 18.1%;border-right: 1px solid #9C7CFA;text-align: left;padding: 20px;box-sizing: border-box;">{{dayArr[5].Week5}}</div>
 											</div>
 										</div>
 										<div style="width: 17.7%;padding: 20px;box-sizing: border-box;">{{dayArr[3].GenerationAndAdjustment}}</div>
 									</div>
 								</div>
 								<div class="plan-left-two">
-									<div style="width: 16.4%;padding: 20px 0;text-align: center;flex-shrink: 0;border-right: 1px solid #9C7CFA;">{{dayArr[5].ActivityType}}</div>
+									<div style="width: 16.4%;padding: 20px 0;text-align: center;flex-shrink: 0;border-right: 1px solid #9C7CFA;">{{dayArr[6].ActivityType}}</div>
 									<div class="plan-item-box">
-										<div style="width: 0%;padding: 20px 0;text-align: center;">{{dayArr[5].AMOrPM}}</div>
-										<div class="plan-acenter" style="flex-shrink: 0;width: 16.7%;border-right: 1px solid #9C7CFA;padding: 20px;">{{dayArr[5].Week1}}</div>
-										<div class="plan-acenter" style="flex-shrink: 0;width: 16.56%;border-right: 1px solid #9C7CFA;padding: 20px;">{{dayArr[5].Week2}}</div>
-										<div class="plan-acenter" style="flex-shrink: 0;width: 16.7%;border-right: 1px solid #9C7CFA;padding: 20px;">{{dayArr[5].Week3}}</div>
-										<div class="plan-acenter" style="flex-shrink: 0;width: 16.7%;border-right: 1px solid #9C7CFA;padding: 20px;">{{dayArr[5].Week4}}</div>
-										<div class="plan-acenter" style="flex-shrink: 0;width: 16.6%;border-right: 1px solid #9C7CFA;padding: 20px;">{{dayArr[5].Week5}}</div>
-										<div class="plan-acenter" style="flex-shrink: 0;width: 15.6%;padding: 20px;">{{dayArr[5].GenerationAndAdjustment}}</div>
+										<div style="width: 0%;padding: 20px 0;text-align: center;">{{dayArr[6].AMOrPM}}</div>
+										<div class="plan-acenter" style="flex-shrink: 0;width: 16.7%;border-right: 1px solid #9C7CFA;padding: 20px;">{{dayArr[6].Week1}}</div>
+										<div class="plan-acenter" style="flex-shrink: 0;width: 16.56%;border-right: 1px solid #9C7CFA;padding: 20px;">{{dayArr[6].Week2}}</div>
+										<div class="plan-acenter" style="flex-shrink: 0;width: 16.7%;border-right: 1px solid #9C7CFA;padding: 20px;">{{dayArr[6].Week3}}</div>
+										<div class="plan-acenter" style="flex-shrink: 0;width: 16.7%;border-right: 1px solid #9C7CFA;padding: 20px;">{{dayArr[6].Week4}}</div>
+										<div class="plan-acenter" style="flex-shrink: 0;width: 16.6%;border-right: 1px solid #9C7CFA;padding: 20px;">{{dayArr[6].Week5}}</div>
+										<div class="plan-acenter" style="flex-shrink: 0;width: 15.6%;padding: 20px;">{{dayArr[6].GenerationAndAdjustment}}</div>
 									</div>
 								</div>
 								<div class="plan-left-two">
diff --git a/src/components/header.vue b/src/components/header.vue
index b4086b2..b2044d1 100644
--- a/src/components/header.vue
+++ b/src/components/header.vue
@@ -151,9 +151,18 @@
 				infoObj: '',
 				name: '',
 				ver: 0,
-				s: ''
+				s: '',
+				newwidth:document.body.clientWidth,
+				newheight:document.body.clientHeight
 			}
 		},
+		// metaInfo: {
+		//     title: "页面标题",
+		//     meta: [
+		// 		{ name: "keywords", content: "页面关键字" },
+		// 		{ name: "description", content: "页面描述" },
+		//     ],
+		// },
 		methods: {
 			// 关闭欢迎模式
 			closeWellcome() {
diff --git a/src/main.js b/src/main.js
index 2d6f6e7..34a9875 100644
--- a/src/main.js
+++ b/src/main.js
@@ -13,6 +13,9 @@ import router from './router'
 import VueTouch from 'vue-touch'
 Vue.use(VueTouch, {name: 'v-touch'})
 
+// 使用 vue-meta
+import Meta from "vue-meta";
+Vue.use(Meta);
 
 import storage from 'good-storage'
 Vue.prototype.$storage = storage
