fix: bug修复
This commit is contained in:
@@ -323,9 +323,9 @@ watchEffect(() => {
|
|||||||
cursor: not-allowed;
|
cursor: not-allowed;
|
||||||
}
|
}
|
||||||
.is-active {
|
.is-active {
|
||||||
color: #BEA266;
|
|
||||||
}
|
|
||||||
.is-end {
|
|
||||||
color: #67c23a;
|
color: #67c23a;
|
||||||
}
|
}
|
||||||
|
.is-end {
|
||||||
|
color: #BEA266;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
@@ -1,4 +1,5 @@
|
|||||||
<template>
|
<template>
|
||||||
|
<span class="sys-name">科技创新项目管理平台</span>
|
||||||
<div class="toggle" @click="toggleClick">
|
<div class="toggle" @click="toggleClick">
|
||||||
<component :is="siderbarStore.getSiderBarStatus() ? 'Fold' : 'Expand'" class="icon"></component>
|
<component :is="siderbarStore.getSiderBarStatus() ? 'Fold' : 'Expand'" class="icon"></component>
|
||||||
</div>
|
</div>
|
||||||
@@ -13,6 +14,10 @@ const toggleClick = () => {
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
|
.sys-name {
|
||||||
|
padding-left: 10px;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
.toggle{
|
.toggle{
|
||||||
line-height: 65px;
|
line-height: 65px;
|
||||||
border-top-left-radius: 10px;
|
border-top-left-radius: 10px;
|
||||||
|
|||||||
@@ -17,7 +17,9 @@
|
|||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
<div v-else>
|
<div v-else>
|
||||||
<svg-icon :name="item.icon"/>
|
<el-icon>
|
||||||
|
<svg-icon :name="item.icon" class="menu-item-icon"/>
|
||||||
|
</el-icon>
|
||||||
<span>{{ item.title }}</span>
|
<span>{{ item.title }}</span>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
@@ -60,3 +62,10 @@ const checkMenuItem = (item) => {
|
|||||||
|
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
<!-- <style lang="scss" scoped>
|
||||||
|
.menu-item-icon {
|
||||||
|
width: 18px !important;
|
||||||
|
height: 18px !important;
|
||||||
|
margin-left: 0;
|
||||||
|
}
|
||||||
|
</style> -->
|
||||||
@@ -323,9 +323,9 @@ watchEffect(() => {
|
|||||||
cursor: not-allowed;
|
cursor: not-allowed;
|
||||||
}
|
}
|
||||||
.is-active {
|
.is-active {
|
||||||
color: #BEA266;
|
|
||||||
}
|
|
||||||
.is-end {
|
|
||||||
color: #67c23a;
|
color: #67c23a;
|
||||||
}
|
}
|
||||||
|
.is-end {
|
||||||
|
color: #BEA266;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
Reference in New Issue
Block a user