no message
Former-commit-id: 77cfee9fb67213986d2b38756cf98912cd5a1e47 Former-commit-id: d0f356618078d1e32e7e77ec3b2097b4cd667cc4 Former-commit-id: 242d71eadf95fd09154ca7a6ea9a1e84f536263a
This commit is contained in:
@@ -1,36 +0,0 @@
|
|||||||
<template>
|
|
||||||
<div class="btn-group">
|
|
||||||
<!-- 全屏按钮 -->
|
|
||||||
<el-tooltip class="item" effect="dark" :content="isFullScreen ? '退出全屏' : '全屏'" placement="bottom">
|
|
||||||
<el-button class="dd-mr btn-text" type="text" @click="toggleFullScreen">
|
|
||||||
<Icon v-if="isFullScreen" name="compress"></Icon>
|
|
||||||
<Icon v-else name="arrows-alt"></Icon>
|
|
||||||
</el-button>
|
|
||||||
</el-tooltip>
|
|
||||||
<!-- 用户菜单 -->
|
|
||||||
<el-dropdown class="dd-mr">
|
|
||||||
<span class="el-dropdown-link">你好</span>
|
|
||||||
<el-dropdown-menu slot="dropdown">
|
|
||||||
<el-dropdown-item><Icon name="power-off"></Icon> 注销</el-dropdown-item>
|
|
||||||
<el-dropdown-item><Icon name="user-circle-o"></Icon> 个人中心</el-dropdown-item>
|
|
||||||
</el-dropdown-menu>
|
|
||||||
</el-dropdown>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
import { mapState, mapMutations } from 'vuex'
|
|
||||||
export default {
|
|
||||||
computed: {
|
|
||||||
...mapState({
|
|
||||||
isFullScreen: state => state.fullScreen.isFullScreen
|
|
||||||
})
|
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
...mapMutations([
|
|
||||||
'toggleFullScreen'
|
|
||||||
])
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
|
|
||||||
@@ -0,0 +1,24 @@
|
|||||||
|
<template>
|
||||||
|
<el-tooltip class="item" effect="dark" :content="isFullScreen ? '退出全屏' : '全屏'" placement="bottom">
|
||||||
|
<el-button class="dd-mr btn-text" type="text" @click="toggleFullScreen">
|
||||||
|
<Icon v-if="isFullScreen" name="compress"></Icon>
|
||||||
|
<Icon v-else name="arrows-alt"></Icon>
|
||||||
|
</el-button>
|
||||||
|
</el-tooltip>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import { mapState, mapMutations } from 'vuex'
|
||||||
|
export default {
|
||||||
|
computed: {
|
||||||
|
...mapState({
|
||||||
|
isFullScreen: state => state.fullScreen.isFullScreen
|
||||||
|
})
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
...mapMutations([
|
||||||
|
'toggleFullScreen'
|
||||||
|
])
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
@@ -0,0 +1,22 @@
|
|||||||
|
<template>
|
||||||
|
<div class="btn-group">
|
||||||
|
<!-- 全屏按钮 -->
|
||||||
|
<FullScreen></FullScreen>
|
||||||
|
<!-- 用户菜单 -->
|
||||||
|
<el-dropdown class="dd-mr">
|
||||||
|
<span class="el-dropdown-link">你好</span>
|
||||||
|
<el-dropdown-menu slot="dropdown">
|
||||||
|
<el-dropdown-item><Icon name="power-off"></Icon> 注销</el-dropdown-item>
|
||||||
|
<el-dropdown-item><Icon name="user-circle-o"></Icon> 个人中心</el-dropdown-item>
|
||||||
|
</el-dropdown-menu>
|
||||||
|
</el-dropdown>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
components: {
|
||||||
|
FullScreen: () => import('./components/FullScreen.vue')
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
@@ -9,7 +9,7 @@
|
|||||||
</el-header>
|
</el-header>
|
||||||
<el-container>
|
<el-container>
|
||||||
<el-aside style="width: 200px;">
|
<el-aside style="width: 200px;">
|
||||||
<SiderMenu></SiderMenu>
|
<SideMenu></SideMenu>
|
||||||
</el-aside>
|
</el-aside>
|
||||||
<el-main>
|
<el-main>
|
||||||
<router-view></router-view>
|
<router-view></router-view>
|
||||||
@@ -21,9 +21,9 @@
|
|||||||
<script>
|
<script>
|
||||||
export default {
|
export default {
|
||||||
components: {
|
components: {
|
||||||
SiderMenu: () => import('./_siderMenu'),
|
SideMenu: () => import('./components/SideMenu'),
|
||||||
HeaderMenu: () => import('./_headerMenu'),
|
HeaderMenu: () => import('./components/HeaderMenu'),
|
||||||
HeaderRight: () => import('./_headerRight')
|
HeaderRight: () => import('./components/HeaderRight')
|
||||||
},
|
},
|
||||||
data () {
|
data () {
|
||||||
return {
|
return {
|
||||||
|
|||||||
Reference in New Issue
Block a user