no message

Former-commit-id: 77cfee9fb67213986d2b38756cf98912cd5a1e47
Former-commit-id: d0f356618078d1e32e7e77ec3b2097b4cd667cc4
Former-commit-id: 242d71eadf95fd09154ca7a6ea9a1e84f536263a
This commit is contained in:
李杨
2018-03-10 23:17:45 +08:00
parent 4113a63b50
commit 54c614184a
6 changed files with 50 additions and 40 deletions

View File

@@ -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>

View File

@@ -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>

View File

@@ -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>

View File

@@ -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 {