master
parent
ab28d8503e
commit
767a977e85
483
index.html
483
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>
|
||||
|
|
|
|||
|
|
@ -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",
|
||||
|
|
|
|||
|
|
@ -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"
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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">
|
||||
|
|
|
|||
|
|
@ -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() {
|
||||
|
|
|
|||
|
|
@ -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
|
||||
|
|
|
|||
Loading…
Reference in New Issue