修改看板切换菜单

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

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

Loading…
Cancel
Save