工作台页面
This commit is contained in:
48
src/components/Sidebar.vue
Normal file
48
src/components/Sidebar.vue
Normal file
@@ -0,0 +1,48 @@
|
||||
<template>
|
||||
<div class="sidebar">
|
||||
<h3>导航菜单</h3>
|
||||
<ul>
|
||||
<li>
|
||||
<RouterLink to="/workBenches">工作台</RouterLink>
|
||||
</li>
|
||||
<li>
|
||||
<RouterLink to="/hostsList">主播列表</RouterLink>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<style scoped>
|
||||
.sidebar {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 0;
|
||||
height: 100vh;
|
||||
width: 200px;
|
||||
background-color: #f5f5f5;
|
||||
padding: 20px;
|
||||
box-shadow: 2px 0 5px rgba(0, 0, 0, 0.1);
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.sidebar ul {
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.sidebar li {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.sidebar a {
|
||||
text-decoration: none;
|
||||
color: #333;
|
||||
display: block;
|
||||
padding: 8px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.sidebar a:hover {
|
||||
background-color: #e0e0e0;
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user