sign

components/i/Aside.vue

@@ -23,7 +23,7 @@
         </div>
     </div>
     <UDivider />
-    <div class="p-4 bg-gray-100 dark:bg-gray-900 border-r border-gray-200 dark:border-gray-800 flex flex-col items-center justify-center">
+    <div class="bg-gray-100 dark:bg-gray-900 border-r border-gray-200 dark:border-gray-800 flex flex-col items-center justify-center">
         <IUserInfo />
     </div>
     <UModal v-model="isOpenCreate" :ui="{ width: 'w-full sm:max-w-screen-md' }">

components/i/UserInfo.vue

 <template>
-    <div class="flex w-full justify-between items-center gap-2">
-        <div class="flex flex-grow">
-            <UDropdown class="flex flex-grow" :items="items">
+    <div class="flex flex-col w-full">
+        <div class="flex flex-grow justify-between items-center gap-2 p-4">
+            <UDropdown v-if="$isSignIn" class="flex flex-grow" :items="items">
                 <UButton class="flex flex-grow gap-2" color="gray" variant="ghost">
                     <UAvatar :src="$info.avatar" />
                     <div>{{ $info.name }}</div>
@@ -10,13 +10,34 @@
                     <UIcon name="i-heroicons-chevron-down-20-solid" />
                 </UButton>
             </UDropdown>
+            <UButton
+                v-else
+                class="flex flex-grow gap-2 justify-center"
+                leading-icon="i-heroicons-user-circle-20-solid"
+                label="登录"
+            />
+        </div>
+        <UDivider />
+        <div class="flex justify-between gap-2 p-4">
+            <UButton
+                class="flex-grow"
+                color="gray"
+                variant="ghost"
+                label="问题反馈"
+            />
+            <UButton
+                :icon="isDark ? 'i-heroicons-moon-20-solid' : 'i-heroicons-sun-20-solid'"
+                color="gray"
+                variant="ghost"
+                aria-label="Theme"
+                @click="isDark = !isDark"
+            />
+            <UButton
+                icon="i-heroicons-language-20-solid"
+                color="gray"
+                variant="ghost"
+            />
         </div>
-        <UButton
-            :icon="isDark ? 'i-heroicons-moon-20-solid' : 'i-heroicons-sun-20-solid'"
-            color="white"
-            aria-label="Theme"
-            @click="isDark = !isDark"
-        />
     </div>
 </template>
 <script setup>