<template>
    <div class="side_bar">
        <div class="title">调压通后台管理系统</div>
        <el-menu default-active="1" class="menu" mode="vertical" background-color="#304156" text-color="#bfcbd9"
            active-text-color="#409EFF">
            <el-menu-item index="1">Processing Center</el-menu-item>
            <el-menu-item index="3" disabled>Info</el-menu-item>
            <el-menu-item index="4">Orders</el-menu-item>
        </el-menu>
    </div>
</template>
<style scoped>
.side_bar {
    width: 250px;
    background-color: #304156;

    .title {
        background-color: #2b2f3a;
        font-size: 16px;
        color: #fff;
        height: 60px;
        font-weight: bold;
        text-align: center;
        line-height: 60px;
    }

    .menu {
        border-right: none;
    }
}
</style>