xinyin025/geekai
1
0
Fork 0
mirror of https://github.com/yangjian102621/geekai.git synced 2025-11-13 12:43:43 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

feat: update menu icons, add version in site titles

Browse Source
This commit is contained in:
RockYang
2024-04-01 18:20:00 +08:00
parent 8b68bfb28c
commit 56c225bf20
19 changed files with 67 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
web/src/views/Home.vue
View File

@@ -6,9 +6,9 @@
<div class="divider"></div>
</div>
<ul class="nav-items">
<li v-for="item in navs" :key="item.path">
<a @click="changeNav(item)" :class="item.path === curPath ? 'active' : ''">
<el-image :src="item.icon" :width="20"/>
<li v-for="item in navs" :key="item.url">
<a @click="changeNav(item)" :class="item.url === curPath ? 'active' : ''">
<el-image :src="item.icon" style="width: 30px;height: 30px"/>
</a>
<div :class="item.url === curPath ? 'title active' : 'title'">{{ item.name }}</div>
</li>
@@ -66,7 +66,7 @@ onMounted(() => {
.navigator {
display flex
flex-flow column
width 70px
width 60px
padding 10px 6px
border-right: 1px solid #3c3c3c
background-color: #25272D
@@ -76,6 +76,10 @@ onMounted(() => {
flex-flow column
align-items center
.el-image {
width 50px
height 50px
}
.divider {
border-bottom 1px solid #4A4A4A
@@ -86,15 +90,13 @@ onMounted(() => {
.nav-items {
margin-top: 20px;
padding-left: 10px;
padding-right: 10px;
padding 0 5px
li {
margin-bottom 15px
a {
color #DADBDC
background-color #40444A
border-radius 10px
width 48px
height 48px
@@ -114,6 +116,7 @@ onMounted(() => {
a:hover, a.active {
color #47fff1
background-color #0F7A71
}
.title {