fix: 一些基本功能

packages/effects/layouts/src/authentication/authentication.vue

@@ -14,6 +14,7 @@ interface Props {
   pageTitle?: string;
   pageDescription?: string;
   sloganImage?: string;
+  version?: string;
   toolbar?: boolean;
   copyright?: boolean;
   toolbarList?: ToolbarType[];
@@ -26,6 +27,7 @@ withDefaults(defineProps<Props>(), {
   pageDescription: '',
   pageTitle: '',
   sloganImage: '',
+  version: '',
   toolbar: true,
   toolbarList: () => ['color', 'language', 'layout', 'theme'],
 });
@@ -66,8 +68,11 @@ const { authPanelCenter, authPanelLeft, authPanelRight, isDark } =
         class="text-foreground lg:text-foreground ml-4 mt-4 flex flex-1 items-center sm:left-6 sm:top-6"
       >
         <img v-if="logo" :alt="appName" :src="logo" class="mr-2" width="42" />
-        <p v-if="appName" class="text-xl font-medium">
+        <p v-if="appName" class="app-version text-xl font-medium">
           {{ appName }}
+          <b>
+            <i>V {{ version }}</i>
+          </b>
         </p>
       </div>
     </div>
@@ -141,6 +146,11 @@ const { authPanelCenter, authPanelLeft, authPanelRight, isDark } =
   );
   filter: blur(100px);
 }
+.app-version {
+  background: linear-gradient(135deg, #6a11cb 0%, #2575fc 100%);
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+}
 
 .dark {
   .login-background {
@@ -152,5 +162,10 @@ const { authPanelCenter, authPanelLeft, authPanelRight, isDark } =
     );
     filter: blur(100px);
   }
+  .app-version {
+    background: linear-gradient(135deg, #cd853f 0%, #ff6347 100%);
+    -webkit-background-clip: text;
+    -webkit-text-fill-color: transparent;
+  }
 }
 </style>

packages/effects/layouts/src/basic/layout.vue

@@ -291,6 +291,7 @@ const headerSlots = computed(() => {
         v-if="preferences.logo.enable"
         :text="preferences.app.name"
         :theme="theme"
+        :version="preferences.app.version"
       />
     </template>