Browse Source

添加导航项目名称

main
jinlan.du 5 years ago
parent
commit
fb387dfb5c
  1. BIN
      web/src/assets/nav_logo.png
  2. 26
      web/src/view/layout/index.vue

BIN
web/src/assets/nav_logo.png

After

Width: 500  |  Height: 500  |  Size: 75 KiB

26
web/src/view/layout/index.vue

@ -3,6 +3,10 @@
<el-container :class="[isSider?'openside':'hideside',isMobile ? 'mobile': '']">
<el-row :class="[isShadowBg?'shadowBg':'']" @click.native="changeShadow()"></el-row>
<el-aside class="main-cont main-left">
<div class="tilte">
<img src="~@/assets/nav_logo.png" alt="" class="logoimg">
<h2 v-if="isSider" class="tit-text">Gin-Vue-Admin</h2>
</div>
<Aside class="aside" />
</el-aside>
<!-- 分块滑动功能 -->
@ -339,4 +343,26 @@ $mainHight: 100vh;
}
}
}
.tilte{
background: #001529;
min-height: 64px;
line-height: 64px;
background: #002140;
text-align: center;
.logoimg{
width: 30px;
height: 30px;
vertical-align: middle;
background: #fff;
border-radius: 50%;
padding: 3px;
}
.tit-text{
display: inline-block;
color: #fff;
font-weight: 600;
font-size: 20px;
vertical-align: middle;
}
}
</style>
Loading…
Cancel
Save