修改看板切换菜单

master
夜笙歌 7 months ago
parent f592646416
commit 1448619fee

@ -7,10 +7,12 @@
<div class="top"> <div class="top">
<div class="select"> <div class="select">
<el-dropdown @command="handleCommand"> <el-dropdown @command="handleCommand">
<span class="el-dropdown-link"> <el-button type="primary" size="mini">
下拉菜单<i class="el-icon-arrow-down el-icon--right"></i> 切换看板
</span> <i class="el-icon-arrow-down el-icon--right"></i>
</el-button>
<el-dropdown-menu slot="dropdown"> <el-dropdown-menu slot="dropdown">
<el-dropdown-item command="/index">后台系统</el-dropdown-item>
<el-dropdown-item command="/board/firstFloorProduction">一楼生产</el-dropdown-item> <el-dropdown-item command="/board/firstFloorProduction">一楼生产</el-dropdown-item>
<el-dropdown-item command="/board/firstFloorWarehouse">一楼能源</el-dropdown-item> <el-dropdown-item command="/board/firstFloorWarehouse">一楼能源</el-dropdown-item>
<el-dropdown-item command="/board/secondFloorProduction">二楼生产</el-dropdown-item> <el-dropdown-item command="/board/secondFloorProduction">二楼生产</el-dropdown-item>
@ -69,27 +71,31 @@ this.$router.push(e)
} }
} }
</script> </script>
<style lang='less' scoped> <style lang="less" scoped>
/deep/ .el-dropdown { /deep/ .el-dropdown {
color: #fff; color: #fff;
} }
.top { .top {
position: absolute; position: absolute;
top: 0; top: 0;
left: 0; left: 0;
width: 100%; width: 100%;
height: 10%; height: 10%;
&:hover { &:hover {
.select { .select {
display: block display: block
} }
} }
.select { .select {
display: none; display: none;
position: absolute; position: absolute;
top: 65%; top: 65%;
left:50%; right: 3%;
transform:translate(-50%,-50%);
transform: translateY(-50%);
color: #fff color: #fff
} }
} }

Loading…
Cancel
Save