tj

src/layout/components/Setting/src/Setting.vue

@@ -198,6 +198,7 @@ const clear = () => {
 
 <template>
   <div
+    v-if="false"
     :class="prefixCls"
     class="fixed top-[45%] right-0 w-40px h-40px text-center leading-40px bg-[var(--el-color-primary)] cursor-pointer"
     @click="drawer = true"
@@ -205,7 +206,9 @@ const clear = () => {
     <Icon color="#fff" icon="ep:setting" />
   </div>
 
-  <ElDrawer v-model="drawer" :z-index="4000" direction="rtl" size="350px">
+  <div @click="drawer = true">主题配置</div>
+
+  <ElDrawer v-model="drawer" :z-index="4000" append-to-body direction="rtl" size="350px">
     <template #header>
       <span class="text-16px font-700">{{ t('setting.projectSetting') }}</span>
     </template>

src/layout/components/UserInfo/src/UserInfo.vue

@@ -8,6 +8,8 @@ import { useUserStore } from '@/store/modules/user'
 import { useTagsViewStore } from '@/store/modules/tagsView'
 import { getTenantId, getAppId } from '@/utils/auth'
 
+import { Setting } from '@/layout/components/Setting'
+
 const { t } = useI18n()
 
 const { wsCache } = useCache()
@@ -58,6 +60,10 @@ const toProfile = async () => {
     </div>
     <template #dropdown>
       <ElDropdownMenu>
+        <ElDropdownItem>
+          <Icon icon="ep:tools" />
+          <Setting />
+        </ElDropdownItem>
         <ElDropdownItem>
           <Icon icon="ep:tools" />
           <div @click="toProfile">{{ t('common.profile') }}</div>