菜單TAB風格 · JeecgBoot Vue3前端文檔

# Tab欄樣式切換 [TOC] 默認提供三種不同的樣式可供使用，分別為圓滑（smooth）、卡片（card）、極簡（simple） ## 配置默認樣式配置文件地址：`src/settings/projectSetting.ts` 修改 `multiTabsSetting.theme` 即可，可通過`TabsThemeEnum`枚舉來賦值 ![](https://img.kancloud.cn/27/f5/27f5bb078e1a4975fa98da8406b1ef5c_414x357.png) ![](https://img.kancloud.cn/4d/26/4d2652fe58e1d832fd158a6d9c44944f_391x180.png) >[info] 注意：修改完配置，需要清空緩存才可生效！ ## 三種樣式預覽在項目設置里可以快速切換標簽頁樣式，但此處的配置僅為預覽，如需改成默認配置，還需按照上面的操作方式來配置。 ![](https://img.kancloud.cn/f4/15/f415685cbb69d4d7e06a322a3f3fbec4_333x439.png) ### 圓滑 ![](https://img.kancloud.cn/56/15/5615d46f5f2e84743ed40806ab39ddf2_543x114.png) ### 卡片 ![](https://img.kancloud.cn/ba/8a/ba8a7ba7fa0bfdb8ee02efeef3c035a9_528x127.png) ### 極簡 ![](https://img.kancloud.cn/14/d4/14d4576c719526168398a2d166b65286_429x88.png)