|
7 | 7 | <div class="flex items-center mx-4 gap-4"> |
8 | 8 | <el-tooltip class="" effect="dark" content="视频教程" placement="bottom"> |
9 | 9 | <el-dropdown @command="toDoc"> |
10 | | - <el-icon |
11 | | - class="w-8 h-8 p-2 shadow rounded-full border border-gray-200 dark:border-gray-600 cursor-pointer border-solid" |
12 | | - > |
| 10 | + <span class="w-8 h-8 p-2 rounded-full flex items-center justify-center shadow border border-gray-200 dark:border-gray-600 cursor-pointer border-solid"> |
| 11 | + <el-icon> |
13 | 12 | <Film /> |
14 | 13 | </el-icon> |
15 | | - |
| 14 | + </span> |
16 | 15 | <template #dropdown> |
17 | 16 | <el-dropdown-menu> |
18 | 17 | <el-dropdown-item |
|
27 | 26 | </el-tooltip> |
28 | 27 |
|
29 | 28 | <el-tooltip class="" effect="dark" content="搜索" placement="bottom"> |
30 | | - <el-icon |
31 | | - @click="handleCommand" |
32 | | - class="w-8 h-8 p-2 shadow rounded-full border border-gray-200 dark:border-gray-600 cursor-pointer border-solid" |
33 | | - > |
| 29 | + <spanclass="w-8 h-8 p-2 rounded-full flex items-center justify-center shadow border border-gray-200 dark:border-gray-600 cursor-pointer border-solid"> |
| 30 | + <el-icon |
| 31 | + @click="handleCommand" |
| 32 | + > |
34 | 33 | <Search /> |
35 | 34 | </el-icon> |
| 35 | + </span> |
| 36 | + |
36 | 37 | </el-tooltip> |
37 | 38 |
|
38 | 39 | <el-tooltip class="" effect="dark" content="系统设置" placement="bottom"> |
39 | | - <el-icon |
40 | | - class="w-8 h-8 p-2 shadow rounded-full border border-gray-200 dark:border-gray-600 cursor-pointer border-solid" |
41 | | - @click="toggleSetting" |
42 | | - > |
| 40 | + <spanclass="w-8 h-8 p-2 rounded-full flex items-center justify-center shadow border border-gray-200 dark:border-gray-600 cursor-pointer border-solid"> |
| 41 | + <el-icon |
| 42 | + @click="toggleSetting" |
| 43 | + > |
43 | 44 | <Setting /> |
44 | 45 | </el-icon> |
| 46 | + </span> |
| 47 | + |
45 | 48 | </el-tooltip> |
46 | 49 |
|
47 | 50 | <el-tooltip class="" effect="dark" content="刷新" placement="bottom"> |
| 51 | + <span class="w-8 h-8 p-2 rounded-full flex items-center justify-center shadow border border-gray-200 dark:border-gray-600 cursor-pointer border-solid"> |
48 | 52 | <el-icon |
49 | | - class="w-8 h-8 p-2 shadow rounded-full border border-gray-200 dark:border-gray-600 cursor-pointer border-solid" |
50 | | - :class="showRefreshAnmite ? 'animate-spin' : ''" |
51 | | - @click="toggleRefresh" |
| 53 | + :class="showRefreshAnmite ? 'animate-spin' : ''" |
| 54 | + @click="toggleRefresh" |
52 | 55 | > |
53 | 56 | <Refresh /> |
54 | 57 | </el-icon> |
| 58 | + </span> |
| 59 | + |
55 | 60 | </el-tooltip> |
56 | 61 | <el-tooltip |
57 | 62 | class="" |
58 | 63 | effect="dark" |
59 | 64 | content="切换主题" |
60 | 65 | placement="bottom" |
61 | 66 | > |
62 | | - <el-icon |
63 | | - v-if="appStore.isDark" |
64 | | - class="w-8 h-8 p-2 shadow rounded-full border border-gray-600 cursor-pointer border-solid" |
65 | | - @click="appStore.toggleTheme(false)" |
66 | | - > |
| 67 | + <spanclass="w-8 h-8 p-2 rounded-full flex items-center justify-center shadow border border-gray-200 dark:border-gray-600 cursor-pointer border-solid"> |
| 68 | + <el-icon |
| 69 | + v-if="appStore.isDark" |
| 70 | + @click="appStore.toggleTheme(false)" |
| 71 | + > |
67 | 72 | <Sunny /> |
68 | 73 | </el-icon> |
69 | 74 | <el-icon |
70 | | - v-else |
71 | | - class="w-8 h-8 p-2 shadow rounded-full border border-gray-200 cursor-pointer border-solid" |
72 | | - @click="appStore.toggleTheme(true)" |
| 75 | + v-else |
| 76 | + @click="appStore.toggleTheme(true)" |
73 | 77 | > |
74 | 78 | <Moon /> |
75 | 79 | </el-icon> |
| 80 | + </span> |
| 81 | + |
76 | 82 | </el-tooltip> |
77 | 83 |
|
78 | 84 | <gva-setting v-model:drawer="showSettingDrawer"></gva-setting> |
|
0 commit comments