umi中使用页签

umi-plugin-panel-tabs使用该插件可以在页面中自动生成页签。

下载方法：npm i umi-plugin-panel-tabs

使用方法在配置项中加入

export default defineConfig({
  panelTab: {
    use404: true,
    useAuth: true,
    autoI18n: true,
    tabsLimit: 10,
    tabsLimitWait: 500,
    tabsLimitWarnTitle: '提示',
    tabsLimitWarnContent: '您当前打开页面过多, 请关闭不使用的页面以减少卡顿!',
    tabsBarBackgroundColor: '#FFFFFF',
    tabsTagColor: '#1890ff',
  },
});

具体配置项：umi-plugin-panel-tabs - npm

页签样式可以在全局样式中进行修改，踩坑（如果要部署项目上线，不要使用属性选择器修改页签样式）。

如果要自定义页签全部关闭后的页面，可以关闭关闭配置里的使用404页面，在在改动路由中/welcome页面。