上传
This commit is contained in:
闵宪瑞
parent
1fb2e819e9
commit
aeda78b8dc
@ -1,78 +0,0 @@
|
|||||||
<!--前端样式1-->
|
|
||||||
<template>
|
|
||||||
<el-row justify="space-between">
|
|
||||||
<el-col :span="6">
|
|
||||||
<div class="grid-content ep-bg-purple" />
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="12">
|
|
||||||
<el-menu
|
|
||||||
:default-active="nav.frontPath"
|
|
||||||
mode="horizontal"
|
|
||||||
@select="handleSelect"
|
|
||||||
router
|
|
||||||
>
|
|
||||||
<el-menu-item
|
|
||||||
class="nav-name"
|
|
||||||
v-for="r of getFrontList()" :key="r.path"
|
|
||||||
:index="r.path">
|
|
||||||
{{ r.name }}
|
|
||||||
</el-menu-item>
|
|
||||||
</el-menu>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="3">
|
|
||||||
<el-button v-if="userStore().frontUserInfo" style="margin-top: 12px" type="primary" round @click="router.push('/login')">登录</el-button>
|
|
||||||
<el-dropdown v-else>
|
|
||||||
<el-row :gutter="20">
|
|
||||||
<el-col :span="8">
|
|
||||||
<!-- <el-avatar :src="userStore().frontUserInfo.avatar" />-->
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="16">
|
|
||||||
<h6>{{ userStore().frontUserInfo.username }}</h6>
|
|
||||||
</el-col>
|
|
||||||
</el-row>
|
|
||||||
<template #dropdown>
|
|
||||||
<el-dropdown-menu slot="dropdown">
|
|
||||||
<el-dropdown-item>个人中心</el-dropdown-item>
|
|
||||||
<el-dropdown-item @click="logout">退出登录</el-dropdown-item>
|
|
||||||
</el-dropdown-menu>
|
|
||||||
</template>
|
|
||||||
</el-dropdown>
|
|
||||||
</el-col>
|
|
||||||
</el-row>
|
|
||||||
</template>
|
|
||||||
<script setup lang="ts">
|
|
||||||
import { getFrontList } from '~/utils/utils'
|
|
||||||
import { useRouter } from 'vue-router'
|
|
||||||
import { logoutFront } from '~/api/user/frontUserApi'
|
|
||||||
const router = useRouter()
|
|
||||||
const nav = navStore()
|
|
||||||
const handleSelect = (key: string, keyPath: string[]) => {
|
|
||||||
nav.frontPath = key.fullPath
|
|
||||||
}
|
|
||||||
/**
|
|
||||||
* 退出登录
|
|
||||||
*/
|
|
||||||
const logout = () => {
|
|
||||||
logoutFront().then(() => {
|
|
||||||
toast.success('退出成功~')
|
|
||||||
router.push('/login')
|
|
||||||
})
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
<style scoped>
|
|
||||||
:deep(.el-menu--horizontal) {
|
|
||||||
border-bottom: none;
|
|
||||||
}
|
|
||||||
h6 {
|
|
||||||
font-weight: 700;
|
|
||||||
font-size: 16px;
|
|
||||||
padding-top: 15px;
|
|
||||||
letter-spacing: 0.5px;
|
|
||||||
}
|
|
||||||
.nav-name{
|
|
||||||
font-size: 16px;
|
|
||||||
font-weight: 700;
|
|
||||||
letter-spacing: 0.5px;
|
|
||||||
color: #303133;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@ -1,34 +0,0 @@
|
|||||||
|
|
||||||
<!--前端模板-->
|
|
||||||
<template>
|
|
||||||
<div class="common-layout">
|
|
||||||
<el-container>
|
|
||||||
<el-header>
|
|
||||||
<nav-navigation1></nav-navigation1>
|
|
||||||
</el-header>
|
|
||||||
<el-main class="main">
|
|
||||||
<div class="container">
|
|
||||||
<router-view></router-view>
|
|
||||||
</div>
|
|
||||||
</el-main>
|
|
||||||
</el-container>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
|
|
||||||
<script setup lang="ts">
|
|
||||||
</script>
|
|
||||||
<style scoped>
|
|
||||||
|
|
||||||
|
|
||||||
.main{
|
|
||||||
width: 100%;
|
|
||||||
height: calc(100vh - 60px);
|
|
||||||
background-color: #f3f3f4;
|
|
||||||
}
|
|
||||||
.container{
|
|
||||||
width: 1200px;
|
|
||||||
margin: 0 auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
</style>
|
|
||||||
@ -1,37 +1,16 @@
|
|||||||
<template>
|
<template>
|
||||||
<!--轮播图-->
|
|
||||||
<el-row :gutter="20">
|
|
||||||
<el-col :span="12">
|
|
||||||
<div class="h-300px">
|
|
||||||
<carousel></carousel>
|
|
||||||
</div>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="12">
|
|
||||||
<div class="h-300px">
|
|
||||||
<carousel></carousel>
|
|
||||||
</div>
|
|
||||||
</el-col>
|
|
||||||
</el-row>
|
|
||||||
|
|
||||||
|
|
||||||
<!-- 推荐商品列表-->
|
|
||||||
<item></item>
|
|
||||||
|
|
||||||
|
|
||||||
</template>
|
</template>
|
||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
|
import { useRouter } from 'vue-router'
|
||||||
|
const router = useRouter()
|
||||||
|
onMounted(()=>{
|
||||||
|
if (!userStore().isLogin){
|
||||||
|
router.push("/login")
|
||||||
|
}else {
|
||||||
|
router.push("/admin")
|
||||||
|
}
|
||||||
|
})
|
||||||
|
|
||||||
import Carousel from '~/components/front/carousel.vue'
|
|
||||||
import Item from '~/components/front/item.vue'
|
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style scoped>
|
|
||||||
|
|
||||||
</style>
|
|
||||||
<route lang="json">
|
|
||||||
{
|
|
||||||
"meta": {
|
|
||||||
"layout": "front"
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</route>
|
|
||||||
|
|||||||
@ -3,11 +3,9 @@ import { defineStore } from 'pinia'
|
|||||||
export default defineStore('userStore', {
|
export default defineStore('userStore', {
|
||||||
state() {
|
state() {
|
||||||
return {
|
return {
|
||||||
isLogin: true,
|
isLogin: false,
|
||||||
adminToken: "",
|
adminToken: "",
|
||||||
frontToken: "",
|
|
||||||
adminUserInfo:{},
|
adminUserInfo:{},
|
||||||
frontUserInfo:{}
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
actions: {
|
actions: {
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user