|
@@ -1,13 +1,14 @@
|
|
<template>
|
|
<template>
|
|
<div class="navbar">
|
|
<div class="navbar">
|
|
- <hamburger id="hamburger-container" :is-active="sidebar.opened" class="hamburger-container" @toggleClick="toggleSideBar" />
|
|
|
|
|
|
+ <!-- <hamburger id="hamburger-container" :is-active="sidebar.opened" class="hamburger-container" @toggleClick="toggleSideBar" /> -->
|
|
|
|
|
|
- <breadcrumb id="breadcrumb-container" class="breadcrumb-container" />
|
|
|
|
|
|
+ <!-- <breadcrumb id="breadcrumb-container" class="breadcrumb-container" /> -->
|
|
|
|
|
|
|
|
+ <SignNumArr class="SignNumArr"/>
|
|
<div class="right-menu">
|
|
<div class="right-menu">
|
|
- <template v-if="device!=='mobile'">
|
|
|
|
|
|
+ <!-- <template v-if="device!=='mobile'">
|
|
<search id="header-search" class="right-menu-item" />
|
|
<search id="header-search" class="right-menu-item" />
|
|
-
|
|
|
|
|
|
+
|
|
<el-tooltip content="源码地址" effect="dark" placement="bottom">
|
|
<el-tooltip content="源码地址" effect="dark" placement="bottom">
|
|
<ruo-yi-git id="ruoyi-git" class="right-menu-item hover-effect" />
|
|
<ruo-yi-git id="ruoyi-git" class="right-menu-item hover-effect" />
|
|
</el-tooltip>
|
|
</el-tooltip>
|
|
@@ -22,7 +23,7 @@
|
|
<size-select id="size-select" class="right-menu-item hover-effect" />
|
|
<size-select id="size-select" class="right-menu-item hover-effect" />
|
|
</el-tooltip>
|
|
</el-tooltip>
|
|
|
|
|
|
- </template>
|
|
|
|
|
|
+ </template> -->
|
|
|
|
|
|
<el-dropdown class="avatar-container right-menu-item hover-effect" trigger="click">
|
|
<el-dropdown class="avatar-container right-menu-item hover-effect" trigger="click">
|
|
<div class="avatar-wrapper">
|
|
<div class="avatar-wrapper">
|
|
@@ -48,6 +49,7 @@
|
|
<script>
|
|
<script>
|
|
import { mapGetters } from 'vuex'
|
|
import { mapGetters } from 'vuex'
|
|
import Breadcrumb from '@/components/Breadcrumb'
|
|
import Breadcrumb from '@/components/Breadcrumb'
|
|
|
|
+import SignNumArr from '@/components/SignNumArr'
|
|
import Hamburger from '@/components/Hamburger'
|
|
import Hamburger from '@/components/Hamburger'
|
|
import Screenfull from '@/components/Screenfull'
|
|
import Screenfull from '@/components/Screenfull'
|
|
import SizeSelect from '@/components/SizeSelect'
|
|
import SizeSelect from '@/components/SizeSelect'
|
|
@@ -57,7 +59,7 @@ import RuoYiDoc from '@/components/RuoYi/Doc'
|
|
|
|
|
|
export default {
|
|
export default {
|
|
components: {
|
|
components: {
|
|
- Breadcrumb,
|
|
|
|
|
|
+ SignNumArr,
|
|
Hamburger,
|
|
Hamburger,
|
|
Screenfull,
|
|
Screenfull,
|
|
SizeSelect,
|
|
SizeSelect,
|
|
@@ -104,18 +106,23 @@ export default {
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
<style lang="scss" scoped>
|
|
.navbar {
|
|
.navbar {
|
|
- height: 50px;
|
|
|
|
|
|
+ height: 60px;
|
|
overflow: hidden;
|
|
overflow: hidden;
|
|
position: relative;
|
|
position: relative;
|
|
- background: #fff;
|
|
|
|
|
|
+ background-color: #3C8DBC;
|
|
box-shadow: 0 1px 4px rgba(0,21,41,.08);
|
|
box-shadow: 0 1px 4px rgba(0,21,41,.08);
|
|
|
|
|
|
|
|
+ .SignNumArr{
|
|
|
|
+ float: left;
|
|
|
|
+ }
|
|
|
|
+
|
|
.hamburger-container {
|
|
.hamburger-container {
|
|
line-height: 46px;
|
|
line-height: 46px;
|
|
height: 100%;
|
|
height: 100%;
|
|
float: left;
|
|
float: left;
|
|
cursor: pointer;
|
|
cursor: pointer;
|
|
transition: background .3s;
|
|
transition: background .3s;
|
|
|
|
+ color: #fff;
|
|
-webkit-tap-highlight-color:transparent;
|
|
-webkit-tap-highlight-color:transparent;
|
|
|
|
|
|
&:hover {
|
|
&:hover {
|
|
@@ -170,7 +177,7 @@ export default {
|
|
cursor: pointer;
|
|
cursor: pointer;
|
|
width: 40px;
|
|
width: 40px;
|
|
height: 40px;
|
|
height: 40px;
|
|
- border-radius: 10px;
|
|
|
|
|
|
+ border-radius: 50%;
|
|
}
|
|
}
|
|
|
|
|
|
.el-icon-caret-bottom {
|
|
.el-icon-caret-bottom {
|
|
@@ -178,6 +185,7 @@ export default {
|
|
position: absolute;
|
|
position: absolute;
|
|
right: -20px;
|
|
right: -20px;
|
|
top: 25px;
|
|
top: 25px;
|
|
|
|
+ color: #fff;
|
|
font-size: 12px;
|
|
font-size: 12px;
|
|
}
|
|
}
|
|
}
|
|
}
|