From 3f0d4c3df5d21e48da5d4ec658d9bcf54ec10319 Mon Sep 17 00:00:00 2001
From: 董国庆 <364620639@qq.com>
Date: 星期五, 16 五月 2025 19:52:24 +0800
Subject: [PATCH] 修改首页
---
src/layouts/index.vue | 78 ++++++++++++++++++++++-----------------
1 files changed, 44 insertions(+), 34 deletions(-)
diff --git a/src/layouts/index.vue b/src/layouts/index.vue
index d8e26f4..e2cbf27 100644
--- a/src/layouts/index.vue
+++ b/src/layouts/index.vue
@@ -3,42 +3,15 @@
<div class="header relative" style="align-items: flex-end">
<div @click="$router.push('/home')" class="title">
<img src="@/assets/logo.png" alt="" />
- <span> 射洪两客一危监管平台 </span>
+ <span> 射洪市 两客一危 监管平台 </span>
</div>
<div></div>
- <div class="flex a-center pr--40">
- <div class="flex a-center mr--72">
- <img
- src="@/assets/header/photo.png"
- class="w--32 h--32 shrink0 mr--10"
- style="border-radius: 50%"
- />
- <div class="fs-- 18 lh--25 color2">
- {{ $store.state.userInfo.nickName }}
- </div>
- </div>
- <div
- class="dropdown"
- @mouseenter="toggleDropdown(true)"
- @mouseleave="toggleDropdown(false)"
- >
- <img src="@/assets/header/more.png" class="w--16 h--16" />
- <div v-if="isOpen" class="dropdown-menu">
- <div
- @click="clickItem(item)"
- class="dropdown-item"
- v-for="item in menuItems"
- :key="item.text"
- >
- <i :class="item.icon"></i> {{ item.text }}
- </div>
- </div>
- </div>
- </div>
+
</div>
- <div class="menu w100 bgColor1">
- <template v-for="(item, index) in routesList">
- <template v-if="!item.meta || !item.meta.title">
+ <div style="display: flex;justify-content: space-between;">
+ <div class="menu w100 bgColor1">
+ <template v-for="(item, index) in routesList">
+ <template v-if="!item.meta || !item.meta.title">
<template v-for="(item2, index2) in item.children">
<div
v-if="!item2.meta.hide"
@@ -89,6 +62,42 @@
</div>
</div>
</template>
+ </div>
+ <div class="flex a-center"
+ style="background: #3367ce;justify-content: space-between;padding:0 60px 0 30px;">
+ <div class="flex a-center" style="padding-right: 20px;">
+ <el-tooltip
+ :content="$store.state.userInfo.nickName"
+ placement="bottom"
+ effect="light"
+ :show-after="0"
+ :hide-after="2000"
+ >
+ <img
+ src="@/assets/header/photo.png"
+ class="w--32 h--32 shrink0 mr--10"
+ style="border-radius: 50%"
+ />
+ </el-tooltip>
+ </div>
+ <div
+ class="dropdown"
+ @mouseenter="toggleDropdown(true)"
+ @mouseleave="toggleDropdown(false)"
+ >
+ <img src="@/assets/header/more.png" class="w--16 h--16" />
+ <div v-if="isOpen" class="dropdown-menu">
+ <div
+ @click="clickItem(item)"
+ class="dropdown-item"
+ v-for="item in menuItems"
+ :key="item.text"
+ >
+ <i :class="item.icon"></i> {{ item.text }}
+ </div>
+ </div>
+ </div>
+ </div>
</div>
<div class="main">
<router-view></router-view>
@@ -121,6 +130,7 @@
menuItems: [{ text: "密码设置" }, { text: "退出登录" }],
passwordVisible: false,
row: {},
+ showNickname: false,
};
},
created() {
@@ -247,7 +257,7 @@
font-size: 30px;
align-items: center;
position: absolute;
- top: 38%;
+ top: 48%;
left: 48.5%;
transform: translate(-50%, -50%);
// color: rgba(0, 0, 0, .8);
--
Gitblit v1.7.1