|
@@ -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>
|