首页加载

src/router/index.js

@@ -4,6 +4,12 @@ import VueRouter from "vue-router";
 Vue.use(VueRouter);
 
 const routes = [
+  // 
+  {
+    path: "/",
+    name: "index",
+    component: () => import('@/views')
+  },
   // 分屏
   {
     path: "/showIndex",

src/views/index.vue

@@ -0,0 +1,74 @@
+<template>
+  <div class="index">
+    <div class="loading-box">
+      <div class="icon"></div>
+      <div class="title">正在登录跳转中...</div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "ZhtIndex",
+
+  data() {
+    return {};
+  },
+
+  mounted() {
+    
+  },
+
+  methods: {
+    
+  },
+};
+</script>
+
+<style lang="less" scoped>
+.index {
+  position: fixed;
+  top: 0;
+  left: 0;
+  z-index: 999;
+  width: 100%;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+
+  .loading-box {
+    width: max-content;
+    height: max-content;
+
+    .icon {
+      @size: 60px;
+      margin: auto;
+      width: @size;
+      height: @size;
+      background-image: url("@/assets/index/loading.png");
+      background-size: 100% 100%;
+      animation: icon 1.5s linear infinite;
+    }
+
+    @keyframes icon {
+      from {
+        transform: rotate(0deg);
+      }
+      to {
+        transform: rotate(360deg);
+      }
+    }
+
+    .title {
+      padding-top: 10px;
+      height: 30px;
+      line-height: 30px;
+      width: max-content;
+      color: #3a5efc;
+      font-size: 20px;
+      font-family: "苹方简R";
+    }
+  }
+}
+</style>