chen
/
electron-ban-pai
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

调整

master
chen 2022-04-02 20:11:25 +08:00
parent ab28d8503e
commit 767a977e85
7 changed files with 655 additions and 107 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

483
index.html
View File

@ -2,8 +2,489 @@
<html> <html>
<head> <head>
<meta charset="utf-8"> <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> <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> </head>
<body> <body>
<div id="app"></div> <div id="app"></div>

30
package-lock.json generated
View File

@ -15,6 +15,7 @@
"static-extend": "^0.1.2", "static-extend": "^0.1.2",
"vue": "^2.5.2", "vue": "^2.5.2",
"vue-awesome-swiper": "^4.1.1", "vue-awesome-swiper": "^4.1.1",
"vue-meta": "^2.4.0",
"vue-router": "^3.0.1", "vue-router": "^3.0.1",
"vue-seamless-scroll": "^1.1.23", "vue-seamless-scroll": "^1.1.23",
"vue-touch": "^2.0.0-beta.4" "vue-touch": "^2.0.0-beta.4"
@ -3580,6 +3581,14 @@
"regexp.prototype.flags": "^1.2.0" "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": { "node_modules/define-properties": {
"version": "1.1.3", "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", "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": ">=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": { "node_modules/vue-router": {
"version": "3.5.3", "version": "3.5.3",
"resolved": "https://registry.npmmirror.com/vue-router/download/vue-router-3.5.3.tgz", "resolved": "https://registry.npmmirror.com/vue-router/download/vue-router-3.5.3.tgz",
@ -17292,6 +17309,11 @@
"regexp.prototype.flags": "^1.2.0" "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": { "define-properties": {
"version": "1.1.3", "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", "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": { "vue-router": {
"version": "3.5.3", "version": "3.5.3",
"resolved": "https://registry.npmmirror.com/vue-router/download/vue-router-3.5.3.tgz", "resolved": "https://registry.npmmirror.com/vue-router/download/vue-router-3.5.3.tgz",

1
package.json
View File

@ -17,6 +17,7 @@
"static-extend": "^0.1.2", "static-extend": "^0.1.2",
"vue": "^2.5.2", "vue": "^2.5.2",
"vue-awesome-swiper": "^4.1.1", "vue-awesome-swiper": "^4.1.1",
"vue-meta": "^2.4.0",
"vue-router": "^3.0.1", "vue-router": "^3.0.1",
"vue-seamless-scroll": "^1.1.23", "vue-seamless-scroll": "^1.1.23",
"vue-touch": "^2.0.0-beta.4" "vue-touch": "^2.0.0-beta.4"

134
src/assets/css/electron.css
View File

@ -12,16 +12,16 @@ body {
background-color: #9c7cfa; background-color: #9c7cfa;
} }
body::-webkit-scrollbar { body::-webkit-scrollbar {
width: 0px; width: 0rem;
height: 100vh; /* height: 100vh; */
} }
body::-webkit-scrollbar-thumb { body::-webkit-scrollbar-thumb {
border-radius: 0px; border-radius: 0rem;
-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);
background: rgba(0,0,0,0.2); background: rgba(0,0,0,0.2);
} }
body::-webkit-scrollbar-track { 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; border-radius: 0;
background: rgba(0,0,0,0.1); background: rgba(0,0,0,0.1);
@ -47,10 +47,10 @@ img {
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
background-color: #FFFFFF; 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%; width: 100%;
height: 98px; height: 6.125rem;
padding: 0 60px; padding: 0 3.75rem;
} }
.header-box .logo-box { .header-box .logo-box {
/* display: flex; */ /* display: flex; */
@ -59,7 +59,7 @@ img {
/* background: url(../../../static/img/home/logo-bottom.png) no-repeat; */ /* background: url(../../../static/img/home/logo-bottom.png) no-repeat; */
/* background-size: 100% 100%; */ /* background-size: 100% 100%; */
/* width: 177px; */ /* width: 177px; */
max-width: 500px; max-width: 31.25rem;
/* height: 162px; */ /* height: 162px; */
/* margin-left: 16%; */ /* margin-left: 16%; */
/* margin-top: 20px; */ /* margin-top: 20px; */
@ -71,15 +71,15 @@ img {
/* justify-content: space-between; */ /* justify-content: space-between; */
align-items: center; align-items: center;
/* flex-direction: column; */ /* flex-direction: column; */
max-width: 430px; max-width: 26.875rem;
} }
.logo img { .logo img {
/* object-fit: cover; */ /* object-fit: cover; */
width: 76px; width: 4.75rem;
height: 76px; height: 4.75rem;
border-radius: 100%; border-radius: 100%;
background-color: #9c7cfa; background-color: #9c7cfa;
margin-right: 10px; margin-right: 0.625rem;
} }
.logo div { .logo div {
color: #7557cc; color: #7557cc;
@ -92,11 +92,11 @@ img {
align-items: center; align-items: center;
color: #9c7cfa; color: #9c7cfa;
font-weight: bold; font-weight: bold;
font-size: 20px; font-size: 1.25rem;
} }
.title-item { .title-item {
/* padding: 30px 20px 12px 20px; */ /* padding: 30px 20px 12px 20px; */
padding: 30px 20px 9px 20px; padding: 1.875rem 1.25rem 0.5625rem 1.25rem;
cursor: pointer; cursor: pointer;
-webkit-tap-highlight-color: transparent; -webkit-tap-highlight-color: transparent;
} }
@ -114,34 +114,34 @@ img {
.weather-box { .weather-box {
display: flex; display: flex;
align-items: center; align-items: center;
font-size: 16px; font-size: 1rem;
} }
.weather-box img { .weather-box img {
width: 60px; width: 3.75rem;
height: 51px; height: 3.1875rem;
} }
.weather-three { .weather-three {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-around; justify-content: space-around;
width: 234px; width: 14.625rem;
height: 28px; height: 1.75rem;
background-color: #FF9393; background-color: #FF9393;
border-radius: 10px; border-radius: 0.625rem;
color: #fff; color: #fff;
margin-top: 2px; margin-top: 0.125rem;
} }
/* 内容主体 start */ /* 内容主体 start */
.main { .main {
margin: 60px 0 90px 0; margin: 3.75rem 0 5.625rem 0;
padding: 0 60px; padding: 0 3.75rem;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
} }
.main-box { .main-box {
margin: 60px 0 0px 0; margin: 3.75rem 0 0px 0;
padding: 0 60px; padding: 0 3.75rem;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
} }
@ -152,47 +152,47 @@ img {
} }
.left-one { .left-one {
position: relative; position: relative;
margin-bottom: 20px; margin-bottom: 1.25rem;
background: url(../../../static/img/home/left-kuang.png) no-repeat; background: url(../../../static/img/home/left-kuang.png) no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
width: 390px; width: 24.375rem;
/* height: 296px; */ /* height: 296px; */
height: 244px; height: 15.25rem;
} }
.left-one:first-child{ .left-one:first-child{
height: 296px; height: 18.5rem;
} }
.left-one:last-child{ .left-one:last-child{
height: 222px; height: 13.875rem;
} }
.left-content { .left-content {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
padding: 0 20px; padding: 0 1.25rem;
color: #7557cc; color: #7557cc;
} }
.left-title { .left-title {
color: #FFE68F; color: #FFE68F;
font-weight: bold; font-weight: bold;
text-align: center; text-align: center;
font-size: 36px; font-size: 2.25rem;
margin: 0; margin: 0;
position: relative; position: relative;
height: 70px; height: 4.375rem;
line-height: 70px; line-height: 4.375rem;
width: 100%; width: 100%;
text-align: center; text-align: center;
display: flex; display: flex;
align-items: center; align-items: center;
} }
.left-one:nth-child(2) .left-title { .left-one:nth-child(2) .left-title {
height: 57px; height: 3.5625rem;
} }
.left-one:nth-child(3) .left-title { .left-one:nth-child(3) .left-title {
height: 53px; height: 3.3125rem;
} }
.main-right .left-title{ .main-right .left-title{
height: 57px; height: 3.5625rem;
} }
.pultitle { .pultitle {
width: 100%; width: 100%;
@ -200,7 +200,7 @@ img {
left: 50%; left: 50%;
transform: translateX(-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 { .left-last {
display: flex; display: flex;
justify-content: space-around; justify-content: space-around;
@ -211,53 +211,53 @@ img {
align-items: center; align-items: center;
} }
.left-last > div div:nth-child(1) { .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) { .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;} .left-notice {font-size: 1.125rem;line-height: 1.875rem;height: 3.75rem;}
.notice-time {display: flex;justify-content: space-between;margin: 10px 0;font-size: 18px;color: #6E6E6E;margin-top: 0px;} .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) { .notice-time div:nth-child(2) {
display: flex;align-items: center; display: flex;align-items: center;
} }
.notice-time img { .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;} .line {border-bottom: 0.125rem dashed #9C7CFA;margin: 0.625rem 0;}
.eat-three {display: flex;justify-content: space-around;align-items: center; margin-top: 20px;font-size: 24px;} .eat-three {display: flex;justify-content: space-around;align-items: center; margin-top: 1.25rem;font-size: 1.5rem;}
.threeMealActive{ .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 {padding-top: 0.625rem;display: flex;align-items: center;}
.meal-box img {width: 88px;max-height: 88px; border-radius: 10px;object-fit: cover;margin-right: 34px;} .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: 18px;line-height: 30px;} .meal-box div {font-size: 1.125rem;line-height: 1.875rem;}
.main-center { .main-center {
margin: 0 20px; margin: 0 1.25rem;
height: 767px; height: 47.9375rem;
/* width: 60%; */ /* 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 { .center-img-box {
background: url(../../../static/img/home/class-dongt.png) no-repeat; background: url(../../../static/img/home/class-dongt.png) no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
width: 912px; width: 57rem;
height: 767px; 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;} */ /* .swiper-container{border-radius: 10px;border: 5px solid #9c7cfa;height: 460px;} */
.home-swiper {border-radius: 10px;border: 5px solid #9c7cfa;height: 466px;} .home-swiper {border-radius: 0.625rem;border: 0.3125rem solid #9c7cfa;height: 29.125rem;}
.swiper-pagination {position: absolute;left: 50%;transform: translateX(-60%);bottom: 120px;} .swiper-pagination {position: absolute;left: 50%;transform: translateX(-60%);bottom: 7.5rem;}
.home-slide{height: 466px;overflow: hidden;} .home-slide{height: 29.125rem;overflow: hidden;}
.home-slide img{object-fit: cover;width: 100%;height: 100%;} .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;} .swiper-pagination .swiper-pagination-bullet-active {background-color: #9c7cfa;}
.remind-box {display: flex;justify-content: center;margin-top: -30px;} .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: 50px;position: relative;width: 174px;height: 64px;display: flex;justify-content: center;align-items: center;} .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 88px;} .remind-box > div:nth-child(2) {margin: 0 5.5rem;}
.remind-box img {width: 47px;height: 41px;} .remind-box img {width: 2.9375rem;height: 2.5625rem;}
.msg-box div:nth-child(1) {font-weight: bold;font-size: 30px;} .msg-box div:nth-child(1) {font-weight: bold;font-size: 1.875rem;}
.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;} .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 { .main-right {
position: relative; position: relative;
display: inline-block; display: inline-block;
@ -867,7 +867,7 @@ table tr td:first-child {
/* 新增css */ /* 新增css */
.notice-open-01,.notice-open-02{ .notice-open-01,.notice-open-02{
width: 80%; width: 80%;
height: 90%; /* height: 90%; */
overflow: hidden; overflow: hidden;
overflow-y: scroll; overflow-y: scroll;
} }

100
src/components/babyActivity.vue
View File

@ -1,5 +1,5 @@
<template> <template>
<div> <div style="position: relative;">
<error-page v-if="showError" @closeError="closeError"></error-page> <error-page v-if="showError" @closeError="closeError"></error-page>
<!-- 主体内容 --> <!-- 主体内容 -->
<div v-if="!showError" class="main"> <div v-if="!showError" class="main">
@ -71,7 +71,7 @@
<div v-if="isDay" class="notice-k" @click="closeNotice"> <div v-if="isDay" class="notice-k" @click="closeNotice">
<div @click.stop="isDay=true" class="notice-box notice-open-01 "> <div @click.stop="isDay=true" class="notice-box notice-open-01 ">
<div class="notice-title-box notice-title-other"> <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;" > --> <!-- <img @click.stop="isDay=false" src="../../static/img/kindergartenIntroduce/icon-back.png" style="width: 48px;height: 48px;margin-top: 10px;" > -->
</div> </div>
<div class="plan-big-box"> <div class="plan-big-box">
@ -97,7 +97,7 @@
<div style="text-align: center;width: 15.33%;padding: 20px 0;">生成与调整</div> <div style="text-align: center;width: 15.33%;padding: 20px 0;">生成与调整</div>
</div> </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-two-one">{{dayArr[0].ActivityType}}</div>
<div class="plan-item-box"> <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> <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%;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 class="plan-acenter" style="width: 15.33%;padding: 20px;">{{dayArr[0].GenerationAndAdjustment}}</div>
</div> </div>
</div> </div> -->
<div class="plan-left-two"> <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 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="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 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-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[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[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[1].Week2}}</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[1].Week3}}</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[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[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[1].Week5}}</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>
<div style="width: 100%;display: flex;height: 100%;border-left: none;padding-top: 0px;padding-bottom: 0px;box-sizing: border-box;"> <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-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[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[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[2].Week2}}</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[2].Week3}}</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[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[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[2].Week5}}</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> </div>
<div style="width: 17.7%;padding: 20px;box-sizing: border-box;">{{dayArr[2].GenerationAndAdjustment}}</div> <div style="width: 17.7%;padding: 20px;box-sizing: border-box;">{{dayArr[2].GenerationAndAdjustment}}</div>
</div> </div>
</div> </div>
<div class="plan-left-two"> <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 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="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 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-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[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[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[3].Week2}}</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[3].Week3}}</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[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[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[3].Week5}}</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>
<div style="width: 100%;display: flex;height: 100%;border-left: none;padding-top: 0px;padding-bottom: 0px;box-sizing: border-box;"> <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-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[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[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[4].Week2}}</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[4].Week3}}</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[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[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[4].Week5}}</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> </div>
<div style="width: 17.7%;padding: 20px;box-sizing: border-box;">{{dayArr[3].GenerationAndAdjustment}}</div> <div style="width: 17.7%;padding: 20px;box-sizing: border-box;">{{dayArr[3].GenerationAndAdjustment}}</div>
</div> </div>
</div> </div>
<div class="plan-left-two"> <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 class="plan-item-box">
<div style="width: 0%;padding: 20px 0;text-align: center;">{{dayArr[5].AMOrPM}}</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[5].Week1}}</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[5].Week2}}</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[5].Week3}}</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[5].Week4}}</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[5].Week5}}</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[5].GenerationAndAdjustment}}</div> <div class="plan-acenter" style="flex-shrink: 0;width: 15.6%;padding: 20px;">{{dayArr[6].GenerationAndAdjustment}}</div>
</div> </div>
</div> </div>
<div class="plan-left-two"> <div class="plan-left-two">

11
src/components/header.vue
View File

@ -151,9 +151,18 @@
infoObj: '', infoObj: '',
name: '', name: '',
ver: 0, ver: 0,
s: '' s: '',
newwidth:document.body.clientWidth,
newheight:document.body.clientHeight
} }
}, },
// metaInfo: {
// title: "页面标题",
// meta: [
// { name: "keywords", content: "页面关键字" },
// { name: "description", content: "页面描述" },
// ],
// },
methods: { methods: {
// 关闭欢迎模式 // 关闭欢迎模式
closeWellcome() { closeWellcome() {

3
src/main.js
View File

@ -13,6 +13,9 @@ import router from './router'
import VueTouch from 'vue-touch' import VueTouch from 'vue-touch'
Vue.use(VueTouch, {name: 'v-touch'}) Vue.use(VueTouch, {name: 'v-touch'})
// 使用 vue-meta
import Meta from "vue-meta";
Vue.use(Meta);
import storage from 'good-storage' import storage from 'good-storage'
Vue.prototype.$storage = storage Vue.prototype.$storage = storage