Thanks to visit codestin.com
Credit goes to github.com

Skip to content

Commit 842cad4

Browse files
FlowerTipFlowerTip
committed
style(tagsview): 简化下拉菜单项的图标和文本布局
1 parent 2fbd607 commit 842cad4

File tree

2 files changed

+83
-95
lines changed

2 files changed

+83
-95
lines changed

‎components.d.ts‎

Lines changed: 77 additions & 77 deletions
Original file line numberDiff line numberDiff line change
@@ -5,86 +5,86 @@
55
// Read more: https://github.com/vuejs/core/pull/3399
66
import '@vue/runtime-core'
77

8-
export {}
8+
export {};
99

10-
declare module '@vue/runtime-core' {
10+
declare module "@vue/runtime-core" {
1111
export interface GlobalComponents {
12-
Avatar: typeof import('./src/components/Upload/avatar.vue')['default']
13-
Bar: typeof import('./src/components/Chart/bar.vue')['default']
14-
ElAlert: typeof import("element-plus/es")["ElAlert"]
15-
ElAvatar: typeof import('element-plus/es')['ElAvatar']
16-
ElBadge: typeof import('element-plus/es')['ElBadge']
17-
ElBreadcrumb: typeof import('element-plus/es')['ElBreadcrumb']
18-
ElBreadcrumbItem: typeof import('element-plus/es')['ElBreadcrumbItem']
19-
ElButton: typeof import('element-plus/es')['ElButton']
20-
ElButtonGroup: typeof import('element-plus/es')['ElButtonGroup']
21-
ElCarousel: typeof import('element-plus/es')['ElCarousel']
22-
ElCarouselItem: typeof import('element-plus/es')['ElCarouselItem']
23-
ElCheckbox: typeof import('element-plus/es')['ElCheckbox']
24-
ElCheckboxGroup: typeof import('element-plus/es')['ElCheckboxGroup']
25-
ElCol: typeof import('element-plus/es')['ElCol']
26-
ElDatePicker: typeof import('element-plus/es')['ElDatePicker']
27-
ElDialog: typeof import('element-plus/es')['ElDialog']
28-
ElDivider: typeof import('element-plus/es')['ElDivider']
29-
ElDrawer: typeof import('element-plus/es')['ElDrawer']
30-
ElDropdown: typeof import('element-plus/es')['ElDropdown']
31-
ElDropdownItem: typeof import('element-plus/es')['ElDropdownItem']
32-
ElDropdownMenu: typeof import('element-plus/es')['ElDropdownMenu']
33-
ElEmpty: typeof import('element-plus/es')['ElEmpty']
34-
ElForm: typeof import('element-plus/es')['ElForm']
35-
ElFormItem: typeof import('element-plus/es')['ElFormItem']
36-
ElIcon: typeof import('element-plus/es')['ElIcon']
37-
ElImage: typeof import('element-plus/es')['ElImage']
38-
ElImageViewer: typeof import('element-plus/es')['ElImageViewer']
39-
ElInput: typeof import('element-plus/es')['ElInput']
40-
ElMenu: typeof import('element-plus/es')['ElMenu']
41-
ElMenuItem: typeof import('element-plus/es')['ElMenuItem']
42-
ElOption: typeof import('element-plus/es')['ElOption']
43-
ElPagination: typeof import('element-plus/es')['ElPagination']
44-
ElPopconfirm: typeof import('element-plus/es')['ElPopconfirm']
45-
ElPopover: typeof import('element-plus/es')['ElPopover']
46-
ElProgress: typeof import('element-plus/es')['ElProgress']
47-
ElRadioButton: typeof import('element-plus/es')['ElRadioButton']
48-
ElRadioGroup: typeof import('element-plus/es')['ElRadioGroup']
49-
ElRate: typeof import('element-plus/es')['ElRate']
50-
ElRow: typeof import('element-plus/es')['ElRow']
51-
ElScrollbar: typeof import('element-plus/es')['ElScrollbar']
52-
ElSelect: typeof import('element-plus/es')['ElSelect']
53-
ElStatistic: typeof import("element-plus/es")["ElStatistic"]
54-
ElSubMenu: typeof import('element-plus/es')['ElSubMenu']
55-
ElSwitch: typeof import('element-plus/es')['ElSwitch']
56-
ElTable: typeof import('element-plus/es')['ElTable']
57-
ElTableColumn: typeof import('element-plus/es')['ElTableColumn']
58-
ElTabPane: typeof import('element-plus/es')['ElTabPane']
59-
ElTabs: typeof import('element-plus/es')['ElTabs']
60-
ElTag: typeof import('element-plus/es')['ElTag']
61-
ElTimeline: typeof import('element-plus/es')['ElTimeline']
62-
ElTimelineItem: typeof import('element-plus/es')['ElTimelineItem']
63-
ElTooltip: typeof import("element-plus/es")["ElTooltip"]
64-
ElTour: typeof import('element-plus/es')['ElTour']
65-
ElTourStep: typeof import('element-plus/es')['ElTourStep']
66-
ElUpload: typeof import('element-plus/es')['ElUpload']
67-
File: typeof import('./src/components/Upload/file.vue')['default']
68-
Img: typeof import('./src/components/Upload/img.vue')['default']
69-
ImportDialog: typeof import('./src/components/Upload/importDialog.vue')['default']
70-
Line: typeof import('./src/components/Chart/line.vue')['default']
71-
Loading: typeof import('./src/components/Loading/index.vue')['default']
72-
Map: typeof import('./src/components/Chart/map.vue')['default']
73-
Mix: typeof import('./src/components/Chart/mix.vue')['default']
74-
MoreBar: typeof import('./src/components/Chart/more-bar.vue')['default']
75-
MoreLine: typeof import('./src/components/Chart/more-line.vue')['default']
76-
Pie: typeof import('./src/components/Chart/pie.vue')['default']
77-
Preview: typeof import('./src/components/Preview/index.vue')['default']
78-
ProForm: typeof import('./src/components/ProForm/index.vue')['default']
79-
ProTable: typeof import('./src/components/ProTable/index.vue')['default']
80-
RouterLink: typeof import('vue-router')['RouterLink']
81-
RouterView: typeof import('vue-router')['RouterView']
82-
SearchForm: typeof import('./src/components/SearchForm/index.vue')['default']
83-
SvgIcon: typeof import('./src/components/SvgIcon/index.vue')['default']
84-
VerifyCode: typeof import('./src/components/VerifyCode/index.vue')['default']
12+
Avatar: typeof import("./src/components/Upload/avatar.vue")["default"];
13+
Bar: typeof import("./src/components/Chart/bar.vue")["default"];
14+
ElAlert: typeof import("element-plus/es")["ElAlert"];
15+
ElAvatar: typeof import("element-plus/es")["ElAvatar"];
16+
ElBadge: typeof import("element-plus/es")["ElBadge"];
17+
ElBreadcrumb: typeof import("element-plus/es")["ElBreadcrumb"];
18+
ElBreadcrumbItem: typeof import("element-plus/es")["ElBreadcrumbItem"];
19+
ElButton: typeof import("element-plus/es")["ElButton"];
20+
ElButtonGroup: typeof import("element-plus/es")["ElButtonGroup"];
21+
ElCarousel: typeof import("element-plus/es")["ElCarousel"];
22+
ElCarouselItem: typeof import("element-plus/es")["ElCarouselItem"];
23+
ElCheckbox: typeof import("element-plus/es")["ElCheckbox"];
24+
ElCheckboxGroup: typeof import("element-plus/es")["ElCheckboxGroup"];
25+
ElCol: typeof import("element-plus/es")["ElCol"];
26+
ElDatePicker: typeof import("element-plus/es")["ElDatePicker"];
27+
ElDialog: typeof import("element-plus/es")["ElDialog"];
28+
ElDivider: typeof import("element-plus/es")["ElDivider"];
29+
ElDrawer: typeof import("element-plus/es")["ElDrawer"];
30+
ElDropdown: typeof import("element-plus/es")["ElDropdown"];
31+
ElDropdownItem: typeof import("element-plus/es")["ElDropdownItem"];
32+
ElDropdownMenu: typeof import("element-plus/es")["ElDropdownMenu"];
33+
ElEmpty: typeof import("element-plus/es")["ElEmpty"];
34+
ElForm: typeof import("element-plus/es")["ElForm"];
35+
ElFormItem: typeof import("element-plus/es")["ElFormItem"];
36+
ElIcon: typeof import("element-plus/es")["ElIcon"];
37+
ElImage: typeof import("element-plus/es")["ElImage"];
38+
ElImageViewer: typeof import("element-plus/es")["ElImageViewer"];
39+
ElInput: typeof import("element-plus/es")["ElInput"];
40+
ElMenu: typeof import("element-plus/es")["ElMenu"];
41+
ElMenuItem: typeof import("element-plus/es")["ElMenuItem"];
42+
ElOption: typeof import("element-plus/es")["ElOption"];
43+
ElPagination: typeof import("element-plus/es")["ElPagination"];
44+
ElPopconfirm: typeof import("element-plus/es")["ElPopconfirm"];
45+
ElPopover: typeof import("element-plus/es")["ElPopover"];
46+
ElProgress: typeof import("element-plus/es")["ElProgress"];
47+
ElRadioButton: typeof import("element-plus/es")["ElRadioButton"];
48+
ElRadioGroup: typeof import("element-plus/es")["ElRadioGroup"];
49+
ElRate: typeof import("element-plus/es")["ElRate"];
50+
ElRow: typeof import("element-plus/es")["ElRow"];
51+
ElScrollbar: typeof import("element-plus/es")["ElScrollbar"];
52+
ElSelect: typeof import("element-plus/es")["ElSelect"];
53+
ElStatistic: typeof import("element-plus/es")["ElStatistic"];
54+
ElSubMenu: typeof import("element-plus/es")["ElSubMenu"];
55+
ElSwitch: typeof import("element-plus/es")["ElSwitch"];
56+
ElTable: typeof import("element-plus/es")["ElTable"];
57+
ElTableColumn: typeof import("element-plus/es")["ElTableColumn"];
58+
ElTabPane: typeof import("element-plus/es")["ElTabPane"];
59+
ElTabs: typeof import("element-plus/es")["ElTabs"];
60+
ElTag: typeof import("element-plus/es")["ElTag"];
61+
ElTimeline: typeof import("element-plus/es")["ElTimeline"];
62+
ElTimelineItem: typeof import("element-plus/es")["ElTimelineItem"];
63+
ElTooltip: typeof import("element-plus/es")["ElTooltip"];
64+
ElTour: typeof import("element-plus/es")["ElTour"];
65+
ElTourStep: typeof import("element-plus/es")["ElTourStep"];
66+
ElUpload: typeof import("element-plus/es")["ElUpload"];
67+
File: typeof import("./src/components/Upload/file.vue")["default"];
68+
Img: typeof import("./src/components/Upload/img.vue")["default"];
69+
ImportDialog: typeof import("./src/components/Upload/importDialog.vue")["default"];
70+
Line: typeof import("./src/components/Chart/line.vue")["default"];
71+
Loading: typeof import("./src/components/Loading/index.vue")["default"];
72+
Map: typeof import("./src/components/Chart/map.vue")["default"];
73+
Mix: typeof import("./src/components/Chart/mix.vue")["default"];
74+
MoreBar: typeof import("./src/components/Chart/more-bar.vue")["default"];
75+
MoreLine: typeof import("./src/components/Chart/more-line.vue")["default"];
76+
Pie: typeof import("./src/components/Chart/pie.vue")["default"];
77+
Preview: typeof import("./src/components/Preview/index.vue")["default"];
78+
ProForm: typeof import("./src/components/ProForm/index.vue")["default"];
79+
ProTable: typeof import("./src/components/ProTable/index.vue")["default"];
80+
RouterLink: typeof import("vue-router")["RouterLink"];
81+
RouterView: typeof import("vue-router")["RouterView"];
82+
SearchForm: typeof import("./src/components/SearchForm/index.vue")["default"];
83+
SvgIcon: typeof import("./src/components/SvgIcon/index.vue")["default"];
84+
VerifyCode: typeof import("./src/components/VerifyCode/index.vue")["default"];
8585
}
8686
export interface ComponentCustomProperties {
87-
vLoading: typeof import('element-plus/es')['ElLoadingDirective']
88-
vPopover: typeof import('element-plus/es')['ElPopoverDirective']
87+
vLoading: typeof import("element-plus/es")["ElLoadingDirective"];
88+
vPopover: typeof import("element-plus/es")["ElPopoverDirective"];
8989
}
9090
}

‎src/layout/components/tagsview.vue‎

Lines changed: 6 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -32,36 +32,24 @@
3232
<el-dropdown-menu>
3333
<!-- 页面操作 -->
3434
<el-dropdown-item command="refresh"
35-
><el-icon>
36-
<Refresh /> </el-icon
37-
>刷新页面</el-dropdown-item
35+
><el-icon> <Refresh /> </el-icon>刷新页面</el-dropdown-item
3836
>
3937
<!-- tab操作 -->
4038
<el-dropdown-item command="closeCurrent" divided
41-
><el-icon>
42-
<Remove /> </el-icon
43-
>关闭当前</el-dropdown-item
39+
><el-icon> <Remove /> </el-icon>关闭当前</el-dropdown-item
4440
>
4541
<el-dropdown-item command="closeLeft"
46-
><el-icon>
47-
<DArrowLeft /> </el-icon
48-
>关门左侧</el-dropdown-item
42+
><el-icon> <DArrowLeft /> </el-icon>关门左侧</el-dropdown-item
4943
>
5044
<el-dropdown-item command="closeRight"
51-
><el-icon>
52-
<DArrowRight /> </el-icon
53-
>关闭右侧</el-dropdown-item
45+
><el-icon> <DArrowRight /> </el-icon>关闭右侧</el-dropdown-item
5446
>
5547
<!-- 批量tab操作 -->
5648
<el-dropdown-item command="closeOther" divided
57-
><el-icon>
58-
<CircleClose /> </el-icon
59-
>关闭其他</el-dropdown-item
49+
><el-icon> <CircleClose /> </el-icon>关闭其他</el-dropdown-item
6050
>
6151
<el-dropdown-item command="closeAll"
62-
><el-icon>
63-
<FolderDelete /> </el-icon
64-
>关闭所有</el-dropdown-item
52+
><el-icon> <FolderDelete /> </el-icon>关闭所有</el-dropdown-item
6553
>
6654
</el-dropdown-menu>
6755
</template>

0 commit comments

Comments
 (0)