LukeMackin/GraduationDesign
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

V0.1.2.20250718

Browse Source 
———————————————
1.路由重定向
2.Home页面头部完成
———————————————
This commit is contained in:
Childish-Ghost 2025-07-18 23:34:25 +08:00
parent ad1dcacd08
commit 92285a7f0b
2 changed files with 3 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/assets/ordinary/Home.css
View File

@ -21,6 +21,7 @@ body{
flex-wrap: nowrap; flex-wrap: nowrap;
max-height: 70px; max-height: 70px;
--el-menu-horizontal-height: 65%; --el-menu-horizontal-height: 65%;
min-height: 40px;
} }
/* 使用 Flex 布局控制菜单 */ /* 使用 Flex 布局控制菜单 */
.el-menu-demo { .el-menu-demo {

6
src/views/ordinary/Home.vue
View File

@ -1,7 +1,7 @@
<script setup lang="ts"> <script setup lang="ts">
import "@/assets/ordinary/Home.css" import "@/assets/ordinary/Home.css"
import {ref} from 'vue' import {ref} from 'vue'
import { UserFilled } from '@element-plus/icons-vue'
const activeIndex = ref('1') const activeIndex = ref('1')
const handleSelect = (key: string, keyPath: string[]) => { const handleSelect = (key: string, keyPath: string[]) => {
console.log(key, keyPath) console.log(key, keyPath)
@ -28,9 +28,7 @@ const handleSelect = (key: string, keyPath: string[]) => {
<div class="flex-grow"></div> <div class="flex-grow"></div>
<!-- 头像--> <!-- 头像-->
<div style="margin: auto 0;"> <div style="margin: auto 0;">
<el-avatar <el-avatar src="https://cube.elemecdn.com/0/88/03b0d39583f48206768a7534e55bcpng.png" :icon="UserFilled"/>
src="https://cube.elemecdn.com/0/88/03b0d39583f48206768a7534e55bcpng.png"
/>
</div> </div>
<el-menu-item index="5">读者登录</el-menu-item> <el-menu-item index="5">读者登录</el-menu-item>
</el-menu> </el-menu>