35 lines
1.3 KiB
Vue
35 lines
1.3 KiB
Vue
|
<template>
|
||
|
|
<el-menu class="el-menu-demo" mode="horizontal" :ellipsis="false" background-color="#fff" text-color="#fff"
|
||
|
|
@select="handleSelect" active-text-color="#ffd04b">
|
||
|
|
<el-menu-item style="font-size: 20px; color: #ffd04b;width: 300px;height: 55px" index="0">
|
||
|
|
<img src="@/assets/icons/svg/logo_left.png" v-if="true" class="image">
|
||
|
|
<img src="@/assets/icons/svg/logo_font.png" v-if="true" class="image_font">
|
||
|
|
<span v-if="false" style="{width: 189px;height: 55px}">
|
||
|
|
SILKBOX </span>
|
||
|
|
</el-menu-item>
|
||
|
|
<submenu :item="jsonData.top">
|
||
|
|
</submenu>
|
||
|
|
<!-- -->
|
||
|
|
<el-submenu index="1" style="color:#389F37;width: 160px">
|
||
|
|
<template>
|
||
|
|
<el-icon style="width: 33px;height: 33px;margin-right: 10px">
|
||
|
|
<i class="el-icon-user" style="color:#389F37;">
|
||
|
|
</i>
|
||
|
|
</el-icon>
|
||
|
|
<span class="login_icon">
|
||
|
|
{{ username }} </span>
|
||
|
|
<img src="@/assets/icons/svg/down.png" style="width: 15px;height: 8px;margin-left: 10px">
|
||
|
|
</template>
|
||
|
|
<el-menu-item index="1-1" style="color:#389F37">
|
||
|
|
个人中心
|
||
|
|
</el-menu-item>
|
||
|
|
<el-menu-item index="1-2" style="color:#389F37">
|
||
|
|
登出
|
||
|
|
</el-menu-item>
|
||
|
|
</el-submenu>
|
||
|
|
</el-menu>
|
||
|
|
</template>
|
||
|
|
<script src="./topNav.js">
|
||
|
|
</script>
|
||
|
|
<style scoped src="./topNav.css">
|
||
|
|
</style>
|