add

components/i/Nav.vue

@@ -44,6 +44,7 @@
             </template>
         </div>
         <UButton
+            v-else
             class="flex flex-grow gap-2 justify-center"
             size="lg"
             label="登录"

components/i/UserInfo.vue

 <template>
     <div class="flex flex-col w-full">
         <template v-if="$isSignIn">
-            <div class="flex flex-grow justify-between items-center gap-2 p-4">
+            <div class="flex flex-grow justify-between items-center p-4">
                 <UDropdown class="flex flex-grow" :items="items">
-                    <UButton class="flex flex-grow gap-2" color="gray" variant="ghost">
+                    <UButton class="flex flex-grow" color="gray" variant="ghost">
+                        <div class="flex flex-grow items-center gap-2">
                             <UAvatar :src="$info.avatar" />
                             <div>{{ $info.name }}</div>
-                        <UBadge v-if="$info.pro" size="xs" color="purple" variant="soft" label="PRO" />
+                            <UBadge v-if="$info.pro" size="xs" color="yellow" variant="soft" label="PRO" />
                             <UBadge v-else size="xs" color="gray" variant="soft" label="FREE" />
+                        </div>
                         <UIcon name="i-heroicons-chevron-down-20-solid" />
                     </UButton>
                 </UDropdown>