|
@@ -10,6 +10,9 @@
|
|
|
<!-- 顶部居中 Logo -->
|
|
<!-- 顶部居中 Logo -->
|
|
|
<header class="top-bar">
|
|
<header class="top-bar">
|
|
|
<img class="kyland-logo" :src="brand.logo" :alt="brand.title" />
|
|
<img class="kyland-logo" :src="brand.logo" :alt="brand.title" />
|
|
|
|
|
+ <div class="top-right-actions">
|
|
|
|
|
+ <FullscreenToggle />
|
|
|
|
|
+ </div>
|
|
|
</header>
|
|
</header>
|
|
|
|
|
|
|
|
<!-- 主内容区:左右两栏 -->
|
|
<!-- 主内容区:左右两栏 -->
|
|
@@ -42,11 +45,12 @@
|
|
|
|
|
|
|
|
<script>
|
|
<script>
|
|
|
import LoginForm from "@/components/ui/LoginForm.vue";
|
|
import LoginForm from "@/components/ui/LoginForm.vue";
|
|
|
|
|
+import FullscreenToggle from "@/components/ui/FullscreenToggle.vue";
|
|
|
import brand from "@/utils/brand";
|
|
import brand from "@/utils/brand";
|
|
|
|
|
|
|
|
export default {
|
|
export default {
|
|
|
name: "LoginPage",
|
|
name: "LoginPage",
|
|
|
- components: { LoginForm },
|
|
|
|
|
|
|
+ components: { LoginForm, FullscreenToggle },
|
|
|
created() {
|
|
created() {
|
|
|
import('@/utils/cesiumPreloader').then(m => m.default.start());
|
|
import('@/utils/cesiumPreloader').then(m => m.default.start());
|
|
|
},
|
|
},
|
|
@@ -105,6 +109,16 @@ export default {
|
|
|
width: auto;
|
|
width: auto;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
|
|
+.top-right-actions {
|
|
|
|
|
+ position: absolute;
|
|
|
|
|
+ top: 50%;
|
|
|
|
|
+ right: 50px;
|
|
|
|
|
+ transform: translateY(-50%);
|
|
|
|
|
+ display: flex;
|
|
|
|
|
+ align-items: center;
|
|
|
|
|
+ gap: 12px;
|
|
|
|
|
+}
|
|
|
|
|
+
|
|
|
.main-content {
|
|
.main-content {
|
|
|
position: relative;
|
|
position: relative;
|
|
|
z-index: 2;
|
|
z-index: 2;
|