登录页

app/src/router/index.js

@@ -11,6 +11,7 @@ import FireCondition from '../views/FireCondition/index.vue'
 import Iot from '../views/Iot/index.vue'
 import H5 from '../views/H5/index.vue'
 import Test from '../views/Test/index.vue'
+import Login from '../views/login/index.vue'
 Vue.use(VueRouter);
 const router = new VueRouter({
   mode: "history",
@@ -100,10 +101,15 @@ const router = new VueRouter({
       component: H5
     },
     {
-      path: "/test/three",
-      name: "three",
-      component: () => import('@/views/Test/three.vue')
+      path: "/login",
+      name: "login",
+      component: Login
     },
+    // {
+    //   path: "/test/three",
+    //   name: "three",
+    //   component: () => import('@/views/Test/three.vue')
+    // },
     {
       path: "/test/menu",
       name: "menu",

app/src/views/login/index.vue

@@ -0,0 +1,20 @@
+<template>
+    <div>
+        <div class="bg">
+            <div></div>
+        </div>
+    </div>
+</template>
+
+<script >
+
+</script>
+
+<style lang="less" scoped>
+.bg{
+    width: 100%;
+    height: 100vh;
+    background: url('../../assets/images/login-bg.png') no-repeat;
+    background-size: 100% 100%;
+}
+</style>