2024.02.22

- 更新数字园区

src/view/park.vue

@@ -1,12 +1,26 @@
 <template>
 	<div style="width: 100%;height: 100%;">
 		<img class="big-img" src="../assets/数字园区.png" alt="" />
-		<button @click="handleBack">返回</button>
+		<!-- <button @click="handleBack">返回</button> -->
 		<!-- <img style="position: absolute;width: 1.667%;height: 2.963%;left: 0;object-fit: fill;" src="../icons/svg/rain.svg" /> -->
-		<img style="position: absolute;width: 10.79%;height: 3.334%;top: 1.6%;left: 8%;object-fit: fill;" src="../assets/images/rain.png" />
-		<div style="position: absolute;width: auto;height: auto;top: 1.8%;right: 7%;font-size: 1.25vw;line-height: 2.963vh;">
+		<!-- <img style="position: absolute;width: 10.79%;height: 3.334%;top: 1.6%;left: 8%;object-fit: fill;" src="../assets/images/rain.png" />
+			<div style="position: absolute;width: auto;height: auto;top: 1.8%;right: 7%;font-size: 1.25vw;line-height: 2.963vh;">
 			<span style="color: #45A2FF;">{{ specificTime }}</span><span style="margin-left: 1.8vw;color: #FFFFFF;">{{ specificTimeChange }}</span>
-		</div>
+			</div>
+			<div style="position: absolute;width: auto;height: auto;top: 16.9%;right: 18.8%;font-size: 0.73vw;line-height: 1.5741vh;color: #FFFFFF;">
+			<div>{{ tableTime1 }}</div>
+			<div style="margin-top: 1.3352vh;">{{ tableTime2 }}</div>
+			<div style="margin-top: 1.3352vh;">{{ tableTime3 }}</div>
+			<div style="margin-top: 1.3352vh;">{{ tableTime4 }}</div>
+			<div style="margin-top: 1.3352vh;">{{ tableTime5 }}</div>
+			</div>
+			<div style="position: absolute;width: auto;height: auto;top: 16.9%;right: 2.5%;font-size: 0.73vw;line-height: 1.5741vh;color: #FFFFFF;">
+			<div>{{ tableTime6 }}</div>
+			<div style="margin-top: 1.3352vh;">{{ tableTime7 }}</div>
+			<div style="margin-top: 1.3352vh;">{{ tableTime8 }}</div>
+			<div style="margin-top: 1.3352vh;">{{ tableTime9 }}</div>
+			<div style="margin-top: 1.3352vh;">{{ tableTime10 }}</div>
+			</div> -->
 	</div>
 </template>
 
@@ -16,7 +30,17 @@ export default {
 		return {
 			specificTime: '2099-99-99 星期一',
 			specificTimeChange: '99:99:99',
-			specificTimeTimer: ''
+			specificTimeTimer: '',
+			tableTime1: '',
+			tableTime2: '',
+			tableTime3: '',
+			tableTime4: '',
+			tableTime5: '',
+			tableTime6: '',
+			tableTime7: '',
+			tableTime8: '',
+			tableTime9: '',
+			tableTime10: ''
 		}
 	},
 	mounted() {
@@ -25,6 +49,16 @@ export default {
 			this.specificTime = this.parseTime(Date.now(), '{y}-{m}-{d} 星期{a}')
 			this.specificTimeChange = this.parseTime(Date.now(), '{h}:{i}:{s}')
 		}, 1000)
+		this.tableTime1 = this.parseTime(Date.now() - 86400000, '{y}/{m}/{d}')
+		this.tableTime2 = this.parseTime(Date.now() - 259200000, '{y}/{m}/{d}')
+		this.tableTime3 = this.parseTime(Date.now() - 172800000, '{y}/{m}/{d}')
+		this.tableTime4 = this.parseTime(Date.now() - 345600000, '{y}/{m}/{d}')
+		this.tableTime5 = this.parseTime(Date.now() - 86400000, '{y}/{m}/{d}')
+		this.tableTime6 = this.parseTime(Date.now() - 345600000, '{y}/{m}/{d}')
+		this.tableTime7 = this.parseTime(Date.now() - 432000000, '{y}/{m}/{d}')
+		this.tableTime8 = this.parseTime(Date.now() - 86400000, '{y}/{m}/{d}')
+		this.tableTime9 = this.parseTime(Date.now() - 86400000, '{y}/{m}/{d}')
+		this.tableTime10 = this.parseTime(Date.now() - 345600000, '{y}/{m}/{d}')
 	},
 	beforeUnmount() {
 		this.specificTimeTimer ? clearInterval(this.specificTimeTimer) : ''

src/view/wuye.vue

@@ -7,6 +7,20 @@
 		<div style="position: absolute;width: auto;height: auto;top: 1.8%;right: 7%;font-size: 1.25vw;line-height: 2.963vh;">
 			<span style="color: #45A2FF;">{{ specificTime }}</span><span style="margin-left: 1.8vw;color: #FFFFFF;">{{ specificTimeChange }}</span>
 		</div>
+		<div style="position: absolute;width: auto;height: auto;bottom: 4.1%;left: 19.5%;font-size: 0.73vw;line-height: 1.5741vh;color: #FFFFFF;">
+			<div>{{ tableTime1 }}</div>
+			<div style="margin-top: 1.3352vh;">{{ tableTime2 }}</div>
+			<div style="margin-top: 1.3352vh;">{{ tableTime3 }}</div>
+			<div style="margin-top: 1.3352vh;">{{ tableTime4 }}</div>
+		</div>
+		<div style="position: absolute;width: auto;height: auto;top: 52.8%;left: 25.1%;font-size: 0.73vw;line-height: 1.5741vh;color: #FFFFFF;">
+			<div>{{ tableTime11 }}</div>
+			<div style="margin-top: 1.9vh;">{{ tableTime12 }}</div>
+			<div style="margin-top: 1.9vh;">{{ tableTime13 }}</div>
+			<div style="margin-top: 1.9vh;">{{ tableTime14 }}</div>
+			<div style="margin-top: 1.9vh;">{{ tableTime15 }}</div>
+			<div style="margin-top: 1.9vh;">{{ tableTime16 }}</div>
+		</div>
 	</div>
 </template>
 
@@ -16,7 +30,17 @@ export default {
 		return {
 			specificTime: '2099-99-99 星期一',
 			specificTimeChange: '99:99:99',
-			specificTimeTimer: ''
+			specificTimeTimer: '',
+			tableTime1: '',
+			tableTime2: '',
+			tableTime3: '',
+			tableTime4: '',
+			tableTime11: '',
+			tableTime12: '',
+			tableTime13: '',
+			tableTime14: '',
+			tableTime15: '',
+			tableTime16: ''
 		}
 	},
 	mounted() {
@@ -25,6 +49,16 @@ export default {
 			this.specificTime = this.parseTime(Date.now(), '{y}-{m}-{d} 星期{a}')
 			this.specificTimeChange = this.parseTime(Date.now(), '{h}:{i}:{s}')
 		}, 1000)
+		this.tableTime1 = this.parseTime(Date.now() - 86400000, '{y}/{m}/{d}')
+		this.tableTime2 = this.parseTime(Date.now() - 172800000, '{y}/{m}/{d}')
+		this.tableTime3 = this.parseTime(Date.now() - 259200000, '{y}/{m}/{d}')
+		this.tableTime4 = this.parseTime(Date.now() - 345600000, '{y}/{m}/{d}')
+		this.tableTime11 = this.parseTime(Date.now() - 116861248, '{m}-{d}/{h}：{i}')
+		this.tableTime12 = this.parseTime(Date.now() - 226861248, '{m}-{d}/{h}：{i}')
+		this.tableTime13 = this.parseTime(Date.now() - 149532648, '{m}-{d}/{h}：{i}')
+		this.tableTime14 = this.parseTime(Date.now() - 468732648, '{m}-{d}/{h}：{i}')
+		this.tableTime15 = this.parseTime(Date.now() - 115672348, '{m}-{d}/{h}：{i}')
+		this.tableTime16 = this.parseTime(Date.now() - 114897265, '{m}-{d}/{h}：{i}')
 	},
 	beforeUnmount() {
 		this.specificTimeTimer ? clearInterval(this.specificTimeTimer) : ''