暂存主页+报警

src/views/abnormalWarning/index.vue

@@ -0,0 +1,49 @@
+<template>
+	<div class="warning-page">
+		<navbar />
+		<div class="main-box">
+			<div>异常警告</div>
+		</div>
+		<div class="footer">
+			<img src="../../assets/img/alarm-bg.png" alt="" />
+		</div>
+	</div>
+</template>
+<script>
+import Navbar from './components/Navbar';
+export default {
+	name: 'AbnormalWarning',
+	components: { Navbar },
+	data() {
+		return {};
+	},
+	created() {},
+	methods: {},
+};
+</script>
+<style lang="scss" scoped>
+.warning-page {
+	width: 100%;
+	height: 100vh;
+	.main-box {
+		position: relative;
+		width: 64.58%;
+		height: calc(100vh - 160px);
+		background-color: #fff;
+		border-radius: 24px;
+		margin: 16px auto 0;
+		z-index: 10;
+		padding: 24px 32px;
+	}
+	.footer {
+		position: fixed;
+		width: 100%;
+		bottom: -3px;
+		z-index: 8;
+		img {
+			width: 100%;
+			height: 220px;
+		}
+	}
+}
+</style>