image/tdesign-vue-next-starter
1
0
Fork 1
mirror of https://github.com/Tencent/tdesign-vue-next-starter.git synced 2024-12-23 08:06:31 +08:00
Code Issues Packages Projects Releases Wiki Activity

fixed issue 172 (#173)

Browse Source
This commit is contained in:
Kerwin Bryant 2022-06-17 16:44:05 +08:00 committed by GitHub
parent db3561aa88
commit 893ffd474c
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 36 additions and 34 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

70
src/layouts/index.tsx
View File

@ -185,42 +185,44 @@ export default defineComponent({
<t-tab-panel <t-tab-panel
value={router.path} value={router.path}
key={`${router.path}_${idx}`} key={`${router.path}_${idx}`}
label={ v-slots={{
<t-dropdown label: () => (
trigger="context-menu" <t-dropdown
minColumnWidth={128} trigger="context-menu"
popupProps={{ overlayClassName: 'router-tabs-dropdown' }} minColumnWidth={128}
v-slots={{ popupProps={{ overlayClassName: 'router-tabs-dropdown' }}
dropdown: () => v-slots={{
router.path === route.path ? ( dropdown: () =>
<t-dropdown-menu> router.path === route.path ? (
<t-dropdown-item onClick={() => handleRefresh(router.path, idx)}> <t-dropdown-menu>
<t-icon name="refresh" /> <t-dropdown-item onClick={() => handleRefresh(router.path, idx)}>
刷新 <t-icon name="refresh" />
</t-dropdown-item> 刷新
{idx > 1 && (
<t-dropdown-item onClick={() => handleCloseAhead(router.path, idx)}>
<t-icon name="arrow-left" />
关闭左侧
</t-dropdown-item> </t-dropdown-item>
)} {idx > 1 && (
{idx < tabRouters.length - 1 && ( <t-dropdown-item onClick={() => handleCloseAhead(router.path, idx)}>
<t-dropdown-item onClick={() => handleCloseBehind(router.path, idx)}> <t-icon name="arrow-left" />
<t-icon name="arrow-right" /> 关闭左侧
关闭右侧 </t-dropdown-item>
)}
{idx < tabRouters.length - 1 && (
<t-dropdown-item onClick={() => handleCloseBehind(router.path, idx)}>
<t-icon name="arrow-right" />
关闭右侧
</t-dropdown-item>
)}
<t-dropdown-item onClick={() => handleCloseOther(router.path, idx)}>
<t-icon name="close-circle" />
关闭其它
</t-dropdown-item> </t-dropdown-item>
)} </t-dropdown-menu>
<t-dropdown-item onClick={() => handleCloseOther(router.path, idx)}> ) : null,
<t-icon name="close-circle" /> }}
关闭其它 >
</t-dropdown-item> {!router.isHome ? router.title : <t-icon name="home" />}
</t-dropdown-menu> </t-dropdown>
) : null, ),
}} }}
>
{!router.isHome ? router.title : <t-icon name="home" />}
</t-dropdown>
}
removable={!router.isHome} removable={!router.isHome}
/> />
))} ))}