Bladeren bron

登录页右上角添加全屏按钮

画安 1 maand geleden
bovenliggende
commit
314a7cca13
1 gewijzigde bestanden met toevoegingen van 15 en 1 verwijderingen
  1. 15 1
      src/views/Login.vue

+ 15 - 1
src/views/Login.vue

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