|
|
@@ -1,5 +1,9 @@
|
|
|
<template>
|
|
|
<div class=" flex flex-row justify-start items-center text-white flex-1 parentBox" ref="parentDiv">
|
|
|
+ <div class="trademark mr-8 flex items-center">
|
|
|
+ <img :src="loginLogin" class="w-10 h-10 mr-4" />
|
|
|
+ <div>客户管家</div>
|
|
|
+ </div>
|
|
|
<div v-for="(routerItem, routerItemIdex) in routerList"
|
|
|
:class="`border-b-2 border-transparent hover:border-white p-2 mr-4 cursor-pointer multipleyHeader ${activeRouter?.path === routerItem.path ? 'border-white' : ''}`"
|
|
|
:key="routerItem.path" ref="childDivs" v-show="visibleItems.includes(routerItemIdex)">
|
|
|
@@ -43,6 +47,7 @@ import { onMounted, ref, watchEffect } from 'vue';
|
|
|
import { RouteRecordRaw, useRouter } from 'vue-router';
|
|
|
import { useStore } from "../../store/index"
|
|
|
import defaultCover from "../../assets/defaultCover.png";
|
|
|
+import loginLogin from '../../assets/login/login_logo.png'
|
|
|
const { routers, clearStore } = useStore()
|
|
|
const router = useRouter();
|
|
|
const routerList = ref<RouteRecordRaw[]>([]);
|
|
|
@@ -111,6 +116,9 @@ watchEffect(() => {
|
|
|
</script>
|
|
|
|
|
|
<style scoped lang="scss">
|
|
|
+.trademark {
|
|
|
+ font-size: 20px;
|
|
|
+}
|
|
|
.multipleyHeader {
|
|
|
height: 96%;
|
|
|
display: flex;
|
Lijy