feat: Tab右键菜单中增加“关闭右侧标签页”和“关闭左侧标签页”

This commit is contained in:
xiaoxian521
2021-08-30 20:36:55 +08:00
parent 47969f4349
commit a2b200f5f2
15 changed files with 614 additions and 127 deletions

View File

@@ -13,14 +13,10 @@
<navbar v-show="!containerHiddenSideBar" />
<!-- tabs标签页 -->
<tag>
<i
:class="
containerHiddenSideBar
? 'iconfont team-iconhidden-main-container'
: 'iconfont team-iconshow-main-container'
"
@click="onFullScreen"
></i>
<span @click="onFullScreen">
<fullScreen v-if="!containerHiddenSideBar" />
<exitScreen v-else />
</span>
</tag>
</div>
<!-- 主体内容 -->
@@ -50,6 +46,8 @@ import { toggleClass } from "/@/utils/operate";
let hiddenMainContainer = "hidden-main-container";
import options from "/@/settings";
import fullScreen from "/@/assets/svg/full_screen.svg";
import exitScreen from "/@/assets/svg/exit_screen.svg";
interface setInter {
sidebar: any;
device: string;
@@ -64,7 +62,9 @@ export default {
Sidebar,
AppMain,
setting,
tag
tag,
fullScreen,
exitScreen
},
setup() {
const pureApp = useAppStoreHook();
@@ -220,4 +220,8 @@ $sideBarWidth: 210px;
.hidden-main-container {
margin-left: 0 !important;
}
.re-screen {
margin-top: 12px;
}
</style>