Python全系列 教程
3567个小节阅读:5931.3k
目录
鸿蒙应用开发
C语言快速入门
JAVA全系列 教程
面向对象的程序设计语言
Python全系列 教程
Python3.x版本,未来主流的版本
人工智能 教程
顺势而为,AI创新未来
大厂算法 教程
算法,程序员自我提升必经之路
C++ 教程
一门通用计算机编程语言
微服务 教程
目前业界流行的框架组合
web前端全系列 教程
通向WEB技术世界的钥匙
大数据全系列 教程
站在云端操控万千数据
AIGC全能工具班
A A
White Night
修改src\view\HomeView.vue
文件
xxxxxxxxxx
<template>
<div class="common-layout container">
<el-container class="container">
<el-header class="header">
<div class="logo">
<img src="../assets/logo1.png" alt="">
<span>电商后台管理系统</span>
</div>
<div class="user">
<el-button type="primary" plain @click="logout">退出</el-button>
<el-button type="primary" plain @click="test">测试</el-button>
</div>
</el-header>
<el-container>
<el-aside width="200px" class="aside" >
Aside
</el-aside>
<el-main>
Main
</el-main>
</el-container>
</el-container>
</div>
</template>
<script setup>
import { useRouter } from 'vue-router'
import api from '@/api/index.js'
const router = useRouter()
const logout = () => {
sessionStorage.clear()
router.push('/login')
}
const test = () => {
api.test_response().then(res => {
console.log(res)
})
}
</script>
<style scoped>
.container{
height: 100%;
}
.header {
background-color: #fff;
color: #999;
font-size: 20px;
height: 50px;
width: 100%;
box-shadow: 0 0 5px rgba(0,0,0,0.3);
}
.logo{
float: left;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
}
.logo img{
width: 50px;
height: 30px;
margin-right: 10px;
}
.user{
float: right;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
}
.aside{
background-color:#304156;
}
</style>