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-container>
|
||||
<el-aside style="width: 200px;">
|
||||
<SiderMenu></SiderMenu>
|
||||
<SideMenu></SideMenu>
|
||||
</el-aside>
|
||||
<el-main>
|
||||
<router-view></router-view>
|
||||
@@ -21,9 +21,9 @@
|
||||
<script>
|
||||
export default {
|
||||
components: {
|
||||
SiderMenu: () => import('./_siderMenu'),
|
||||
HeaderMenu: () => import('./_headerMenu'),
|
||||
HeaderRight: () => import('./_headerRight')
|
||||
SideMenu: () => import('./components/SideMenu'),
|
||||
HeaderMenu: () => import('./components/HeaderMenu'),
|
||||
HeaderRight: () => import('./components/HeaderRight')
|
||||
},
|
||||
data () {
|
||||
return {
|
||||
|
||||
Reference in New Issue
Block a user