mt-fe-group/11-wms
13
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

navbar图标

Browse Source
This commit is contained in:
朱菊兰
2022-11-09 14:34:27 +08:00
parent 7a651b816e
commit 1856588f04
7 changed files with 76 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src/layout/components/Navbar.vue
View File

@@ -16,10 +16,12 @@
{{ 'navbar.homepage' | i18nFilter }}
</div> -->
<div :style="showTitle ? 'color: #fff' : ''" class="right-menu-back" @click="toHome">
<svg-icon class="item-icon" icon-class="home" style="height: 24px; width: 24px; vertical-align: -6px; margin-right: 2px;" /></div>
<svg-icon class="item-icon" :icon-class="showTitle ? 'homew' : 'homeb'" style="height: 24px; width: 24px; vertical-align: -8px; margin-right: 2px;" /></div>
<!-- <svg-icon class="item-icon" icon-class="home" style="height: 24px; width: 24px; vertical-align: -6px; margin-right: 2px;" /></div> -->
<el-dropdown :style="showTitle ? 'color: #fff' : '#000'" class="avatar-container right-menu-item hover-effect" trigger="click">
<el-badge :hidden="alarmNum>0?false:true" :value="alarmNum" class="item" style="line-height: 0; margin: 0 10px; vertical-align: -3px" @click.native="handleAlarm">
<svg-icon style="width: 24px; height: 24px" class="item-icon" icon-class="alarm" />
<!-- <svg-icon style="width: 24px; height: 24px" class="item-icon" icon-class="alarm" /> -->
<svg-icon style="width: 24px; height: 24px" class="item-icon" :icon-class="showTitle ? 'alarmw' : 'alarmb'" />
</el-badge>
<el-dropdown-menu slot="dropdown">
<el-dropdown-item>暂无数据</el-dropdown-item>
@@ -36,7 +38,10 @@
<a href="Lodap.zip"><svg-icon :style="showTitle ? 'color: #fff' : ''" style="width: 24px; height: 24px; vertical-align: -7px" icon-class="download" /></a>
</div>
<div class="right-menu-back">
<a href="google.exe"><svg-icon :style="showTitle ? 'color: #fff' : ''" style="width: 24px; height: 24px; vertical-align: -7px" icon-class="chrome" /></a>
<a href="google.exe">
<svg-icon style="width: 24px; height: 24px; vertical-align: -7px" :icon-class="showTitle ? 'chromew' : 'chromeb'" />
<!-- <svg-icon :style="showTitle ? 'color: #fff' : ''" style="width: 24px; height: 24px; vertical-align: -7px" icon-class="chrome" /> -->
</a>
</div>
<el-dropdown :style="showTitle ? 'color: #fff' : 'color: #000'" class="avatar-container right-menu-item hover-effect" trigger="click">
<div class="avatar-wrapper">