sunjiahao
3 months ago
commit
8b1465fb05
@ -0,0 +1,25 @@
|
||||
<template>
|
||||
<div>
|
||||
<div style="height: 100vh; overflow: hidden; display: flex; align-items: center; justify-content: center">
|
||||
<div style="font-size: 40px">404 找不到页面 <router-link to="/">返回首页</router-link></div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: "404",
|
||||
data() {
|
||||
return {}
|
||||
},
|
||||
created() {
|
||||
|
||||
},
|
||||
methods: {}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
|
||||
</style>
|
||||
@ -0,0 +1,113 @@
|
||||
<template>
|
||||
<div>
|
||||
<!-- 头部 -->
|
||||
<div class="front-header">
|
||||
<div class="front-header-left" @click="navTo('/front/home')">
|
||||
<img src="@/assets/imgs/logo.png" alt="">
|
||||
<div class="title">SuperRice</div>
|
||||
</div>
|
||||
<div class="front-header-center" style="text-align: right">
|
||||
<el-input style="width: 200px" placeholder="请输入商品名称" v-model="name"></el-input>
|
||||
<el-button type="primary" style="margin-left: 5px" @click="search">搜素</el-button>
|
||||
</div>
|
||||
<div class="front-header-right">
|
||||
<div v-if="!user.username">
|
||||
<el-button @click="$router.push('/login')">登录</el-button>
|
||||
<el-button @click="$router.push('/register')">注册</el-button>
|
||||
</div>
|
||||
<div v-else>
|
||||
<el-dropdown>
|
||||
<div class="front-header-dropdown">
|
||||
<img @click="navToPerson" :src="user.avatar" alt="">
|
||||
<div style="margin-left: 10px">
|
||||
<span>{{ user.name }}</span><i class="el-icon-arrow-down" style="margin-left: 5px"></i>
|
||||
</div>
|
||||
</div>
|
||||
<el-dropdown-menu slot="dropdown">
|
||||
<el-dropdown-item>
|
||||
<div style="text-decoration: none" @click="navTo('/front/cart')">我的购物车</div>
|
||||
</el-dropdown-item>
|
||||
<el-dropdown-item>
|
||||
<div style="text-decoration: none" @click="navTo('/front/collect')">我的收藏</div>
|
||||
</el-dropdown-item>
|
||||
<el-dropdown-item>
|
||||
<div style="text-decoration: none" @click="navTo('/front/address')">我的地址</div>
|
||||
</el-dropdown-item>
|
||||
<el-dropdown-item>
|
||||
<div style="text-decoration: none" @click="navTo('/front/orders')">我的订单</div>
|
||||
</el-dropdown-item>
|
||||
<el-dropdown-item>
|
||||
<div style="text-decoration: none" @click="logout">退出</div>
|
||||
</el-dropdown-item>
|
||||
</el-dropdown-menu>
|
||||
</el-dropdown>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 主体 -->
|
||||
<div class="main-body">
|
||||
<router-view ref="child" @update:user="updateUser" />
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: "FrontLayout",
|
||||
|
||||
data() {
|
||||
return {
|
||||
top: '',
|
||||
notice: [],
|
||||
user: JSON.parse(localStorage.getItem("xm-user") || '{}'),
|
||||
name: '' // 初始化为一个空字符串
|
||||
}
|
||||
},
|
||||
|
||||
mounted() {
|
||||
this.loadNotice()
|
||||
},
|
||||
methods: {
|
||||
loadNotice() {
|
||||
this.$request.get('/notice/selectAll').then(res => {
|
||||
this.notice = res.data
|
||||
let i = 0
|
||||
if (this.notice && this.notice.length) {
|
||||
this.top = this.notice[0].content
|
||||
setInterval(() => {
|
||||
this.top = this.notice[i].content
|
||||
i++
|
||||
if (i === this.notice.length) {
|
||||
i = 0
|
||||
}
|
||||
}, 2500)
|
||||
}
|
||||
})
|
||||
},
|
||||
updateUser() {
|
||||
this.user = JSON.parse(localStorage.getItem('xm-user') || '{}') // 重新获取下用户的最新信息
|
||||
},
|
||||
navToPerson() {
|
||||
location.href = '/front/person'
|
||||
},
|
||||
navTo(url) {
|
||||
location.href = url
|
||||
},
|
||||
// 退出登录
|
||||
logout() {
|
||||
localStorage.removeItem("xm-user");
|
||||
this.$router.push("/login");
|
||||
},
|
||||
search() {
|
||||
let name = this.name ? this.name : ''
|
||||
location.href = '/front/search?name=' + name
|
||||
},
|
||||
}
|
||||
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
@import "@/assets/css/front.css";
|
||||
</style>
|
||||
|
||||
Loading…
Reference in new issue