first commit
This commit is contained in:
ronger
commit
08c1630a31
13
.editorconfig
Normal file
13
.editorconfig
Normal file
@ -0,0 +1,13 @@
|
|||||||
|
# editorconfig.org
|
||||||
|
root = true
|
||||||
|
|
||||||
|
[*]
|
||||||
|
indent_style = space
|
||||||
|
indent_size = 2
|
||||||
|
end_of_line = lf
|
||||||
|
charset = utf-8
|
||||||
|
trim_trailing_whitespace = true
|
||||||
|
insert_final_newline = true
|
||||||
|
|
||||||
|
[*.md]
|
||||||
|
trim_trailing_whitespace = false
|
||||||
90
.gitignore
vendored
Normal file
90
.gitignore
vendored
Normal file
@ -0,0 +1,90 @@
|
|||||||
|
# Created by .ignore support plugin (hsz.mobi)
|
||||||
|
### Node template
|
||||||
|
# Logs
|
||||||
|
/logs
|
||||||
|
*.log
|
||||||
|
npm-debug.log*
|
||||||
|
yarn-debug.log*
|
||||||
|
yarn-error.log*
|
||||||
|
|
||||||
|
# Runtime data
|
||||||
|
pids
|
||||||
|
*.pid
|
||||||
|
*.seed
|
||||||
|
*.pid.lock
|
||||||
|
|
||||||
|
# Directory for instrumented libs generated by jscoverage/JSCover
|
||||||
|
lib-cov
|
||||||
|
|
||||||
|
# Coverage directory used by tools like istanbul
|
||||||
|
coverage
|
||||||
|
|
||||||
|
# nyc test coverage
|
||||||
|
.nyc_output
|
||||||
|
|
||||||
|
# Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)
|
||||||
|
.grunt
|
||||||
|
|
||||||
|
# Bower dependency directory (https://bower.io/)
|
||||||
|
bower_components
|
||||||
|
|
||||||
|
# node-waf configuration
|
||||||
|
.lock-wscript
|
||||||
|
|
||||||
|
# Compiled binary addons (https://nodejs.org/api/addons.html)
|
||||||
|
build/Release
|
||||||
|
|
||||||
|
# Dependency directories
|
||||||
|
node_modules/
|
||||||
|
jspm_packages/
|
||||||
|
|
||||||
|
# TypeScript v1 declaration files
|
||||||
|
typings/
|
||||||
|
|
||||||
|
# Optional npm cache directory
|
||||||
|
.npm
|
||||||
|
|
||||||
|
# Optional eslint cache
|
||||||
|
.eslintcache
|
||||||
|
|
||||||
|
# Optional REPL history
|
||||||
|
.node_repl_history
|
||||||
|
|
||||||
|
# Output of 'npm pack'
|
||||||
|
*.tgz
|
||||||
|
|
||||||
|
# Yarn Integrity file
|
||||||
|
.yarn-integrity
|
||||||
|
|
||||||
|
# dotenv environment variables file
|
||||||
|
.env
|
||||||
|
|
||||||
|
# parcel-bundler cache (https://parceljs.org/)
|
||||||
|
.cache
|
||||||
|
|
||||||
|
# next.js build output
|
||||||
|
.next
|
||||||
|
|
||||||
|
# nuxt.js build output
|
||||||
|
.nuxt
|
||||||
|
|
||||||
|
# Nuxt generate
|
||||||
|
dist
|
||||||
|
|
||||||
|
# vuepress build output
|
||||||
|
.vuepress/dist
|
||||||
|
|
||||||
|
# Serverless directories
|
||||||
|
.serverless
|
||||||
|
|
||||||
|
# IDE / Editor
|
||||||
|
.idea
|
||||||
|
|
||||||
|
# Service worker
|
||||||
|
sw.*
|
||||||
|
|
||||||
|
# macOS
|
||||||
|
.DS_Store
|
||||||
|
|
||||||
|
# Vim swap files
|
||||||
|
*.swp
|
||||||
20
README.md
Normal file
20
README.md
Normal file
@ -0,0 +1,20 @@
|
|||||||
|
# nebula
|
||||||
|
|
||||||
|
## Build Setup
|
||||||
|
|
||||||
|
```bash
|
||||||
|
# install dependencies
|
||||||
|
$ yarn install
|
||||||
|
|
||||||
|
# serve with hot reload at localhost:3000
|
||||||
|
$ yarn dev
|
||||||
|
|
||||||
|
# build for production and launch server
|
||||||
|
$ yarn build
|
||||||
|
$ yarn start
|
||||||
|
|
||||||
|
# generate static project
|
||||||
|
$ yarn generate
|
||||||
|
```
|
||||||
|
|
||||||
|
For detailed explanation on how things work, check out [Nuxt.js docs](https://nuxtjs.org).
|
||||||
7
assets/README.md
Normal file
7
assets/README.md
Normal file
@ -0,0 +1,7 @@
|
|||||||
|
# ASSETS
|
||||||
|
|
||||||
|
**This directory is not required, you can delete it if you don't want to use it.**
|
||||||
|
|
||||||
|
This directory contains your un-compiled assets such as LESS, SASS, or JavaScript.
|
||||||
|
|
||||||
|
More information about the usage of this directory in [the documentation](https://nuxtjs.org/guide/assets#webpacked).
|
||||||
BIN
assets/rymcu.png
Normal file
BIN
assets/rymcu.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 16 KiB |
28
components/Logo.vue
Normal file
28
components/Logo.vue
Normal file
@ -0,0 +1,28 @@
|
|||||||
|
<template>
|
||||||
|
<svg class="NuxtLogo" width="245" height="180" viewBox="0 0 452 342" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<path
|
||||||
|
d="M139 330l-1-2c-2-4-2-8-1-13H29L189 31l67 121 22-16-67-121c-1-2-9-14-22-14-6 0-15 2-22 15L5 303c-1 3-8 16-2 27 4 6 10 12 24 12h136c-14 0-21-6-24-12z"
|
||||||
|
fill="#00C58E"
|
||||||
|
/>
|
||||||
|
<path
|
||||||
|
d="M447 304L317 70c-2-2-9-15-22-15-6 0-15 3-22 15l-17 28v54l39-67 129 230h-49a23 23 0 0 1-2 14l-1 1c-6 11-21 12-23 12h76c3 0 17-1 24-12 3-5 5-14-2-26z"
|
||||||
|
fill="#108775"
|
||||||
|
/>
|
||||||
|
<path
|
||||||
|
d="M376 330v-1l1-2c1-4 2-8 1-12l-4-12-102-178-15-27h-1l-15 27-102 178-4 12a24 24 0 0 0 2 15c4 6 10 12 24 12h190c3 0 18-1 25-12zM256 152l93 163H163l93-163z"
|
||||||
|
fill="#2F495E"
|
||||||
|
/>
|
||||||
|
</svg>
|
||||||
|
</template>
|
||||||
|
<style>
|
||||||
|
.NuxtLogo {
|
||||||
|
animation: 1s appear;
|
||||||
|
margin: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes appear {
|
||||||
|
0% {
|
||||||
|
opacity: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
7
components/README.md
Normal file
7
components/README.md
Normal file
@ -0,0 +1,7 @@
|
|||||||
|
# COMPONENTS
|
||||||
|
|
||||||
|
**This directory is not required, you can delete it if you don't want to use it.**
|
||||||
|
|
||||||
|
The components directory contains your Vue.js Components.
|
||||||
|
|
||||||
|
_Nuxt.js doesn't supercharge these components._
|
||||||
42
components/layouts/mobile/footer.vue
Normal file
42
components/layouts/mobile/footer.vue
Normal file
@ -0,0 +1,42 @@
|
|||||||
|
<template>
|
||||||
|
<el-row class="footer">
|
||||||
|
<el-col style="text-align: center;">
|
||||||
|
<el-col :xs="24" :sm="24" :xl="12">
|
||||||
|
<span>{{ slogan }}</span>
|
||||||
|
<span>{{ slogan_en }}</span>
|
||||||
|
</el-col>
|
||||||
|
<el-col :xs="24" :sm="24" :xl="12">
|
||||||
|
<el-col class="row align-items-center">
|
||||||
|
<el-col class="col-auto">
|
||||||
|
Copyright © 2020 <el-link :underline="false" href="/" style="vertical-align: baseline;"><span>{{ systemName }}</span></el-link>.
|
||||||
|
<el-link :underline="false" href="http://www.beian.miit.gov.cn/" style="vertical-align: baseline;"><span>{{ beiAn }}</span></el-link>
|
||||||
|
</el-col>
|
||||||
|
</el-col>
|
||||||
|
</el-col>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
name: "MobileFooter",
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
systemTitle: '\u7f57\u5409\u7f51\u0020\u002d\u0020\u5185\u5bb9\u5206\u4eab\u751f\u6001\u5e73\u53f0',
|
||||||
|
systemName: 'RYMCU',
|
||||||
|
systemUrl: 'https://rymcu.com',
|
||||||
|
slogan: 'rymcu · 嵌入式知识学习交流平台 ',
|
||||||
|
slogan_en: 'Embedded knowledge learning exchange platform',
|
||||||
|
beiAn: '沪ICP备19042611号'
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
.footer {
|
||||||
|
font-size: 14px;
|
||||||
|
align-items: center;
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
224
components/layouts/mobile/header.vue
Normal file
224
components/layouts/mobile/header.vue
Normal file
@ -0,0 +1,224 @@
|
|||||||
|
<template>
|
||||||
|
<el-row justify="space-between" type="flex">
|
||||||
|
<el-col>
|
||||||
|
<el-col :xs="8" :sm="4" :md="4" :xl="3" style="padding-top: 1rem;">
|
||||||
|
<a class="navbar-brand" href="/">
|
||||||
|
<img src="@/assets/rymcu.png" alt="RYMCU" class="navbar-brand-img">
|
||||||
|
<span>RYMCU</span>
|
||||||
|
</a>
|
||||||
|
</el-col>
|
||||||
|
<el-col :xs="0" :sm="12" :md="14" :xl="18" style="text-align: center;">
|
||||||
|
<el-row type="flex" justify="center">
|
||||||
|
<el-col>
|
||||||
|
<el-menu :default-active="getActiveMenu" style="margin-top: -2px;border: 0;" mode="horizontal" @select="handleSelectMenu">
|
||||||
|
<el-menu-item index="home">首页</el-menu-item>
|
||||||
|
<el-menu-item index="topic">专题</el-menu-item>
|
||||||
|
<el-menu-item index="github">开源代码</el-menu-item>
|
||||||
|
<el-menu-item index="open-source">资料下载</el-menu-item>
|
||||||
|
</el-menu>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
</el-col>
|
||||||
|
<el-col :xs="16" :sm="8" :md="6" :xl="3" style="padding-top: 1rem;">
|
||||||
|
<!--<el-col :xs="24" :sm="16" :xl="12">-->
|
||||||
|
<el-col :xs="0" :sm="0" :xl="0">
|
||||||
|
<el-autocomplete
|
||||||
|
v-model="state"
|
||||||
|
size="small"
|
||||||
|
:fetch-suggestions="querySearchAsync"
|
||||||
|
placeholder="搜索帖子、标签和用户"
|
||||||
|
:trigger-on-focus="false"
|
||||||
|
@select="handleSelect"
|
||||||
|
/>
|
||||||
|
</el-col>
|
||||||
|
<!--<el-col v-if="isLogin" :xs="0" :sm="8" :xl="6">-->
|
||||||
|
<el-col v-if="isLogin">
|
||||||
|
<el-link :underline="false" style="padding-left: 10px;padding-right: 10px;" href="/post-portfolio">创建作品集</el-link>
|
||||||
|
<el-link :underline="false" style="padding-left: 10px;padding-right: 10px;" href="/post-article">发帖</el-link>
|
||||||
|
<el-link :underline="false" style="padding-left: 10px;padding-right: 10px;">
|
||||||
|
<el-dropdown trigger="click" @command="handleCommand">
|
||||||
|
<el-badge :value="notificationNumbers" class="item">
|
||||||
|
<el-link :underline="false" style="font-size: 1.4rem;" class="el-icon-bell"></el-link>
|
||||||
|
</el-badge>
|
||||||
|
<el-dropdown-menu slot="dropdown">
|
||||||
|
<el-dropdown-item v-for="notification in notifications" :key="notification.idNotification" command="notification">{{ notification.dataSummary }}</el-dropdown-item>
|
||||||
|
<el-dropdown-item command="notification">查看所有消息</el-dropdown-item>
|
||||||
|
</el-dropdown-menu>
|
||||||
|
</el-dropdown>
|
||||||
|
</el-link>
|
||||||
|
<el-link :underline="false" style="margin-left: 10px;">
|
||||||
|
<el-dropdown trigger="click" @command="handleCommand">
|
||||||
|
<el-avatar v-if="avatarURL" size="small" :src="avatarURL"></el-avatar>
|
||||||
|
<el-avatar v-else size="small" src="https://rymcu.com/vertical/article/1578475481946.png"></el-avatar>
|
||||||
|
<el-dropdown-menu slot="dropdown">
|
||||||
|
<el-dropdown-item command="user" style="align-items: center;">
|
||||||
|
<el-avatar class="mr-3" v-if="avatarURL" size="small" style="margin-top: 1rem;" :src="avatarURL"></el-avatar>
|
||||||
|
<el-avatar class="mr-3" v-else size="small" style="margin-top: 1rem;" src="https://rymcu.com/vertical/article/1578475481946.png"></el-avatar>
|
||||||
|
<el-link :underline="false" style="margin-left: 10px;margin-bottom: 1rem;">{{ nickname }}</el-link>
|
||||||
|
</el-dropdown-item>
|
||||||
|
<el-dropdown-item v-show="hasPermissions" command="admin-dashboard">系统管理</el-dropdown-item>
|
||||||
|
<el-dropdown-item command="user-info">资料与账号</el-dropdown-item>
|
||||||
|
<el-dropdown-item command="drafts">我的草稿</el-dropdown-item>
|
||||||
|
<el-dropdown-item command="logout" divided>退出登录</el-dropdown-item>
|
||||||
|
</el-dropdown-menu>
|
||||||
|
</el-dropdown>
|
||||||
|
</el-link>
|
||||||
|
</el-col>
|
||||||
|
<el-col v-else>
|
||||||
|
<el-link :underline="false" style="margin-left: 10px;" href="/login">登录</el-link>
|
||||||
|
<el-link :underline="false" style="margin-left: 10px;" href="/register">注册</el-link>
|
||||||
|
</el-col>
|
||||||
|
</el-col>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
name: "MobileHeader",
|
||||||
|
computed: {
|
||||||
|
getActiveMenu () {
|
||||||
|
return this.$store.state.activeMenu;
|
||||||
|
},
|
||||||
|
isLogin () {
|
||||||
|
return this.$store.getters.isLogin;
|
||||||
|
},
|
||||||
|
avatarURL () {
|
||||||
|
return this.$store.state.avatarURL;
|
||||||
|
},
|
||||||
|
nickname() {
|
||||||
|
return this.$store.state.nickname;
|
||||||
|
},
|
||||||
|
hasPermissions () {
|
||||||
|
return this.$store.getters.hasPermissions('blog_admin');
|
||||||
|
}
|
||||||
|
},
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
restaurants: [],
|
||||||
|
state: '',
|
||||||
|
timeout: null,
|
||||||
|
show: false,
|
||||||
|
notifications: [],
|
||||||
|
notificationNumbers: ""
|
||||||
|
};
|
||||||
|
},
|
||||||
|
watch: {
|
||||||
|
isLogin: function () {
|
||||||
|
this.getUnreadNotifications();
|
||||||
|
}
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
loadAll() {
|
||||||
|
return [
|
||||||
|
{ "value": "三全鲜食（北新泾店）", "address": "长宁区新渔路144号" },
|
||||||
|
{ "value": "Hot honey 首尔炸鸡（仙霞路）", "address": "上海市长宁区淞虹路661号" },
|
||||||
|
{ "value": "新旺角茶餐厅", "address": "上海市普陀区真北路988号创邑金沙谷6号楼113" }
|
||||||
|
]
|
||||||
|
},
|
||||||
|
querySearchAsync(queryString, cb) {
|
||||||
|
let restaurants = this.restaurants;
|
||||||
|
let results = queryString ? restaurants.filter(this.createStateFilter(queryString)) : restaurants;
|
||||||
|
|
||||||
|
clearTimeout(this.timeout);
|
||||||
|
this.timeout = setTimeout(() => {
|
||||||
|
cb(results);
|
||||||
|
}, 3000 * Math.random());
|
||||||
|
},
|
||||||
|
createStateFilter(queryString) {
|
||||||
|
return (state) => {
|
||||||
|
return (state.value.toLowerCase().indexOf(queryString.toLowerCase()) === 0);
|
||||||
|
};
|
||||||
|
},
|
||||||
|
handleSelectMenu(item) {
|
||||||
|
let _ts = this;
|
||||||
|
let activeMenu = _ts.$store.state.activeMenu;
|
||||||
|
if (activeMenu !== item) {
|
||||||
|
this.$store.commit('setActiveMenu', item);
|
||||||
|
if(item === 'topic'){
|
||||||
|
_ts.$router.push(
|
||||||
|
{
|
||||||
|
name: item,
|
||||||
|
params: {
|
||||||
|
name: '51mcu'
|
||||||
|
}
|
||||||
|
}
|
||||||
|
)
|
||||||
|
}
|
||||||
|
if(item === 'github') {
|
||||||
|
window.open("https://github.com/Hugh-rymcu");
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
_ts.$router.push(
|
||||||
|
{
|
||||||
|
name: item
|
||||||
|
}
|
||||||
|
)
|
||||||
|
}
|
||||||
|
},
|
||||||
|
handleSelect(item) {
|
||||||
|
console.log(item)
|
||||||
|
},
|
||||||
|
handleCommand(item) {
|
||||||
|
let _ts = this;
|
||||||
|
if(item === 'user'){
|
||||||
|
_ts.$router.push({
|
||||||
|
path: '/user/' + _ts.$store.state.nickname
|
||||||
|
})
|
||||||
|
}
|
||||||
|
if( item === 'user-info'){
|
||||||
|
_ts.$router.push({
|
||||||
|
name: 'account',
|
||||||
|
params: {
|
||||||
|
id: _ts.$store.state.idUser
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
if (item === 'logout'){
|
||||||
|
_ts.$store.commit('logout');
|
||||||
|
item = 'login';
|
||||||
|
}
|
||||||
|
_ts.$router.push({
|
||||||
|
name: item
|
||||||
|
})
|
||||||
|
},
|
||||||
|
getUnreadNotifications() {
|
||||||
|
let _ts = this;
|
||||||
|
_ts.axios.get('/notification/unread').then(function (res) {
|
||||||
|
if (res) {
|
||||||
|
_ts.$set(_ts, 'notifications', res.notifications);
|
||||||
|
_ts.$set(_ts, 'notificationNumbers', res.notifications.length == 0 ? "" : res.notifications.length);
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
},
|
||||||
|
mounted() {
|
||||||
|
this.restaurants = this.loadAll();
|
||||||
|
let isLogin = this.isLogin;
|
||||||
|
if (isLogin) {
|
||||||
|
this.getUnreadNotifications();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
.navbar-brand {
|
||||||
|
color: inherit;
|
||||||
|
margin-right: 1rem;
|
||||||
|
font-size: 1.25rem;
|
||||||
|
white-space: nowrap;
|
||||||
|
font-weight: 600;
|
||||||
|
padding: 0;
|
||||||
|
transition: .3s opacity;
|
||||||
|
line-height: 2rem;
|
||||||
|
}
|
||||||
|
.navbar-brand-img {
|
||||||
|
height: 2rem;
|
||||||
|
line-height: 2rem;
|
||||||
|
vertical-align: bottom;
|
||||||
|
margin-right: .5rem;
|
||||||
|
width: auto;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
27
components/layouts/mobile/main.vue
Normal file
27
components/layouts/mobile/main.vue
Normal file
@ -0,0 +1,27 @@
|
|||||||
|
<template>
|
||||||
|
<el-container>
|
||||||
|
<el-header>
|
||||||
|
<mobile-header/>
|
||||||
|
</el-header>
|
||||||
|
<el-main>
|
||||||
|
<!-- <nuxt></nuxt>-->
|
||||||
|
</el-main>
|
||||||
|
<el-footer>
|
||||||
|
<mobile-footer/>
|
||||||
|
</el-footer>
|
||||||
|
</el-container>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import MobileHeader from "./header";
|
||||||
|
import MobileFooter from "./footer";
|
||||||
|
|
||||||
|
export default {
|
||||||
|
name: "moblieMain",
|
||||||
|
components: {MobileFooter, MobileHeader}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
|
||||||
|
</style>
|
||||||
46
components/layouts/pc/footer.vue
Normal file
46
components/layouts/pc/footer.vue
Normal file
@ -0,0 +1,46 @@
|
|||||||
|
<template>
|
||||||
|
<el-row class="footer">
|
||||||
|
<el-col style="text-align: center;">
|
||||||
|
<el-col :xs="24" :sm="24" :xl="12">
|
||||||
|
<span>{{ slogan }}</span>
|
||||||
|
<span>{{ slogan_en }}</span>
|
||||||
|
</el-col>
|
||||||
|
<el-col :xs="24" :sm="24" :xl="12">
|
||||||
|
<el-col class="row align-items-center">
|
||||||
|
<el-col class="col-auto">
|
||||||
|
Copyright © 2020
|
||||||
|
<el-link :underline="false" href="/" style="vertical-align: baseline;"><span>{{ systemName }}</span>
|
||||||
|
</el-link>
|
||||||
|
.
|
||||||
|
<el-link :underline="false" href="http://www.beian.miit.gov.cn/" style="vertical-align: baseline;"><span>{{ beiAn }}</span>
|
||||||
|
</el-link>
|
||||||
|
</el-col>
|
||||||
|
</el-col>
|
||||||
|
</el-col>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
name: "PcFooter",
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
systemTitle: '\u7f57\u5409\u7f51\u0020\u002d\u0020\u5185\u5bb9\u5206\u4eab\u751f\u6001\u5e73\u53f0',
|
||||||
|
systemName: 'RYMCU',
|
||||||
|
systemUrl: 'https://rymcu.com',
|
||||||
|
slogan: 'rymcu · 嵌入式知识学习交流平台 ',
|
||||||
|
slogan_en: 'Embedded knowledge learning exchange platform',
|
||||||
|
beiAn: '沪ICP备19042611号'
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
.footer {
|
||||||
|
font-size: 14px;
|
||||||
|
align-items: center;
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
231
components/layouts/pc/header.vue
Normal file
231
components/layouts/pc/header.vue
Normal file
@ -0,0 +1,231 @@
|
|||||||
|
<template>
|
||||||
|
<el-row justify="space-between" type="flex">
|
||||||
|
<el-col>
|
||||||
|
<el-col :xs="8" :sm="4" :md="4" :xl="3" style="padding-top: 1rem;">
|
||||||
|
<a class="navbar-brand" href="/">
|
||||||
|
<img src="@/assets/rymcu.png" alt="RYMCU" class="navbar-brand-img">
|
||||||
|
<span>RYMCU</span>
|
||||||
|
</a>
|
||||||
|
</el-col>
|
||||||
|
<el-col :xs="0" :sm="12" :md="14" :xl="18" style="text-align: center;">
|
||||||
|
<el-row type="flex" justify="center">
|
||||||
|
<el-col>
|
||||||
|
<el-menu :default-active="getActiveMenu" style="margin-top: -2px;border: 0;" mode="horizontal"
|
||||||
|
@select="handleSelectMenu">
|
||||||
|
<el-menu-item index="home">首页</el-menu-item>
|
||||||
|
<el-menu-item index="topic">专题</el-menu-item>
|
||||||
|
<el-menu-item index="github">开源代码</el-menu-item>
|
||||||
|
<el-menu-item index="open-source">资料下载</el-menu-item>
|
||||||
|
</el-menu>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
</el-col>
|
||||||
|
<el-col :xs="16" :sm="8" :md="6" :xl="3" style="padding-top: 1rem;">
|
||||||
|
<!--<el-col :xs="24" :sm="16" :xl="12">-->
|
||||||
|
<el-col :xs="0" :sm="0" :xl="0">
|
||||||
|
<el-autocomplete
|
||||||
|
v-model="state"
|
||||||
|
size="small"
|
||||||
|
:fetch-suggestions="querySearchAsync"
|
||||||
|
placeholder="搜索帖子、标签和用户"
|
||||||
|
:trigger-on-focus="false"
|
||||||
|
@select="handleSelect"
|
||||||
|
/>
|
||||||
|
</el-col>
|
||||||
|
<!--<el-col v-if="isLogin" :xs="0" :sm="8" :xl="6">-->
|
||||||
|
<el-col v-if="isLogin">
|
||||||
|
<el-link :underline="false" style="padding-left: 10px;padding-right: 10px;" href="/post-portfolio">创建作品集
|
||||||
|
</el-link>
|
||||||
|
<el-link :underline="false" style="padding-left: 10px;padding-right: 10px;" href="/post-article">发帖</el-link>
|
||||||
|
<el-link :underline="false" style="padding-left: 10px;padding-right: 10px;">
|
||||||
|
<el-dropdown trigger="click" @command="handleCommand">
|
||||||
|
<el-badge :value="notificationNumbers" class="item">
|
||||||
|
<el-link :underline="false" style="font-size: 1.4rem;" class="el-icon-bell"></el-link>
|
||||||
|
</el-badge>
|
||||||
|
<el-dropdown-menu slot="dropdown">
|
||||||
|
<el-dropdown-item v-for="notification in notifications" :key="notification.idNotification"
|
||||||
|
command="notification">{{ notification.dataSummary }}
|
||||||
|
</el-dropdown-item>
|
||||||
|
<el-dropdown-item command="notification">查看所有消息</el-dropdown-item>
|
||||||
|
</el-dropdown-menu>
|
||||||
|
</el-dropdown>
|
||||||
|
</el-link>
|
||||||
|
<el-link :underline="false" style="margin-left: 10px;">
|
||||||
|
<el-dropdown trigger="click" @command="handleCommand">
|
||||||
|
<el-avatar v-if="avatarURL" size="small" :src="avatarURL"></el-avatar>
|
||||||
|
<el-avatar v-else size="small" src="https://rymcu.com/vertical/article/1578475481946.png"></el-avatar>
|
||||||
|
<el-dropdown-menu slot="dropdown">
|
||||||
|
<el-dropdown-item command="user" style="align-items: center;">
|
||||||
|
<el-avatar class="mr-3" v-if="avatarURL" size="small" style="margin-top: 1rem;"
|
||||||
|
:src="avatarURL"></el-avatar>
|
||||||
|
<el-avatar class="mr-3" v-else size="small" style="margin-top: 1rem;"
|
||||||
|
src="https://rymcu.com/vertical/article/1578475481946.png"></el-avatar>
|
||||||
|
<el-link :underline="false" style="margin-left: 10px;margin-bottom: 1rem;">{{ nickname }}</el-link>
|
||||||
|
</el-dropdown-item>
|
||||||
|
<el-dropdown-item v-show="hasPermissions" command="admin-dashboard">系统管理</el-dropdown-item>
|
||||||
|
<el-dropdown-item command="user-info">资料与账号</el-dropdown-item>
|
||||||
|
<el-dropdown-item command="drafts">我的草稿</el-dropdown-item>
|
||||||
|
<el-dropdown-item command="logout" divided>退出登录</el-dropdown-item>
|
||||||
|
</el-dropdown-menu>
|
||||||
|
</el-dropdown>
|
||||||
|
</el-link>
|
||||||
|
</el-col>
|
||||||
|
<el-col v-else>
|
||||||
|
<el-link :underline="false" style="margin-left: 10px;" href="/login">登录</el-link>
|
||||||
|
<el-link :underline="false" style="margin-left: 10px;" href="/register">注册</el-link>
|
||||||
|
</el-col>
|
||||||
|
</el-col>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
name: "PcHeader",
|
||||||
|
computed: {
|
||||||
|
getActiveMenu() {
|
||||||
|
return this.$store.state.activeMenu;
|
||||||
|
},
|
||||||
|
isLogin() {
|
||||||
|
return this.$store.getters.isLogin;
|
||||||
|
},
|
||||||
|
avatarURL() {
|
||||||
|
return this.$store.state.avatarURL;
|
||||||
|
},
|
||||||
|
nickname() {
|
||||||
|
return this.$store.state.nickname;
|
||||||
|
},
|
||||||
|
hasPermissions() {
|
||||||
|
return this.$store.getters.hasPermissions('blog_admin');
|
||||||
|
}
|
||||||
|
},
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
restaurants: [],
|
||||||
|
state: '',
|
||||||
|
timeout: null,
|
||||||
|
show: false,
|
||||||
|
notifications: [],
|
||||||
|
notificationNumbers: ""
|
||||||
|
};
|
||||||
|
},
|
||||||
|
watch: {
|
||||||
|
isLogin: function () {
|
||||||
|
this.getUnreadNotifications();
|
||||||
|
}
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
loadAll() {
|
||||||
|
return [
|
||||||
|
{"value": "三全鲜食（北新泾店）", "address": "长宁区新渔路144号"},
|
||||||
|
{"value": "Hot honey 首尔炸鸡（仙霞路）", "address": "上海市长宁区淞虹路661号"},
|
||||||
|
{"value": "新旺角茶餐厅", "address": "上海市普陀区真北路988号创邑金沙谷6号楼113"}
|
||||||
|
]
|
||||||
|
},
|
||||||
|
querySearchAsync(queryString, cb) {
|
||||||
|
let restaurants = this.restaurants;
|
||||||
|
let results = queryString ? restaurants.filter(this.createStateFilter(queryString)) : restaurants;
|
||||||
|
|
||||||
|
clearTimeout(this.timeout);
|
||||||
|
this.timeout = setTimeout(() => {
|
||||||
|
cb(results);
|
||||||
|
}, 3000 * Math.random());
|
||||||
|
},
|
||||||
|
createStateFilter(queryString) {
|
||||||
|
return (state) => {
|
||||||
|
return (state.value.toLowerCase().indexOf(queryString.toLowerCase()) === 0);
|
||||||
|
};
|
||||||
|
},
|
||||||
|
handleSelectMenu(item) {
|
||||||
|
let _ts = this;
|
||||||
|
let activeMenu = _ts.$store.state.activeMenu;
|
||||||
|
if (activeMenu !== item) {
|
||||||
|
this.$store.commit('setActiveMenu', item);
|
||||||
|
if (item === 'topic') {
|
||||||
|
_ts.$router.push(
|
||||||
|
{
|
||||||
|
name: item,
|
||||||
|
params: {
|
||||||
|
name: '51mcu'
|
||||||
|
}
|
||||||
|
}
|
||||||
|
)
|
||||||
|
}
|
||||||
|
if (item === 'github') {
|
||||||
|
window.open("https://github.com/Hugh-rymcu");
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
_ts.$router.push(
|
||||||
|
{
|
||||||
|
name: item
|
||||||
|
}
|
||||||
|
)
|
||||||
|
}
|
||||||
|
},
|
||||||
|
handleSelect(item) {
|
||||||
|
console.log(item)
|
||||||
|
},
|
||||||
|
handleCommand(item) {
|
||||||
|
let _ts = this;
|
||||||
|
if (item === 'user') {
|
||||||
|
_ts.$router.push({
|
||||||
|
path: '/user/' + _ts.$store.state.nickname
|
||||||
|
})
|
||||||
|
}
|
||||||
|
if (item === 'user-info') {
|
||||||
|
_ts.$router.push({
|
||||||
|
name: 'account',
|
||||||
|
params: {
|
||||||
|
id: _ts.$store.state.idUser
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
if (item === 'logout') {
|
||||||
|
_ts.$store.commit('logout');
|
||||||
|
item = 'login';
|
||||||
|
}
|
||||||
|
_ts.$router.push({
|
||||||
|
name: item
|
||||||
|
})
|
||||||
|
},
|
||||||
|
getUnreadNotifications() {
|
||||||
|
let _ts = this;
|
||||||
|
_ts.axios.get('/notification/unread').then(function (res) {
|
||||||
|
if (res) {
|
||||||
|
_ts.$set(_ts, 'notifications', res.notifications);
|
||||||
|
_ts.$set(_ts, 'notificationNumbers', res.notifications.length == 0 ? "" : res.notifications.length);
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
},
|
||||||
|
mounted() {
|
||||||
|
this.restaurants = this.loadAll();
|
||||||
|
let isLogin = this.isLogin;
|
||||||
|
if (isLogin) {
|
||||||
|
this.getUnreadNotifications();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
.navbar-brand {
|
||||||
|
color: inherit;
|
||||||
|
margin-right: 1rem;
|
||||||
|
font-size: 1.25rem;
|
||||||
|
white-space: nowrap;
|
||||||
|
font-weight: 600;
|
||||||
|
padding: 0;
|
||||||
|
transition: .3s opacity;
|
||||||
|
line-height: 2rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.navbar-brand-img {
|
||||||
|
height: 2rem;
|
||||||
|
line-height: 2rem;
|
||||||
|
vertical-align: bottom;
|
||||||
|
margin-right: .5rem;
|
||||||
|
width: auto;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
30
components/layouts/pc/main.vue
Normal file
30
components/layouts/pc/main.vue
Normal file
@ -0,0 +1,30 @@
|
|||||||
|
<template>
|
||||||
|
<el-container>
|
||||||
|
<el-header>
|
||||||
|
<header-view/>
|
||||||
|
</el-header>
|
||||||
|
<el-main>
|
||||||
|
<!-- <nuxt></nuxt>-->
|
||||||
|
</el-main>
|
||||||
|
<el-footer>
|
||||||
|
<footer-view/>
|
||||||
|
</el-footer>
|
||||||
|
</el-container>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import HeaderView from "./header";
|
||||||
|
import FooterView from "./footer";
|
||||||
|
|
||||||
|
export default {
|
||||||
|
name: "PcMain",
|
||||||
|
components: {
|
||||||
|
HeaderView,
|
||||||
|
FooterView
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
|
||||||
|
</style>
|
||||||
7
layouts/README.md
Normal file
7
layouts/README.md
Normal file
@ -0,0 +1,7 @@
|
|||||||
|
# LAYOUTS
|
||||||
|
|
||||||
|
**This directory is not required, you can delete it if you don't want to use it.**
|
||||||
|
|
||||||
|
This directory contains your Application Layouts.
|
||||||
|
|
||||||
|
More information about the usage of this directory in [the documentation](https://nuxtjs.org/guide/views#layouts).
|
||||||
161
layouts/default.vue
Normal file
161
layouts/default.vue
Normal file
@ -0,0 +1,161 @@
|
|||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
<nuxt />
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<style>
|
||||||
|
body {
|
||||||
|
margin: 0;
|
||||||
|
display: block;
|
||||||
|
overflow-wrap: break-word;
|
||||||
|
-webkit-font-smoothing: antialiased;
|
||||||
|
background-color: rgb(246, 247, 248);
|
||||||
|
overflow-x: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
a, li {
|
||||||
|
text-decoration:none !important;
|
||||||
|
}
|
||||||
|
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .h1 a, .h2 a, .h3 a, .h4 a, .h5 a, .h6 a {
|
||||||
|
color: inherit;
|
||||||
|
}
|
||||||
|
h4, .h4 {
|
||||||
|
font-size: 1.125rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
|
||||||
|
margin-bottom: 0.66em;
|
||||||
|
font-family: inherit;
|
||||||
|
font-weight: 600;
|
||||||
|
line-height: 1.1;
|
||||||
|
color: inherit;
|
||||||
|
}
|
||||||
|
|
||||||
|
p {
|
||||||
|
word-wrap: break-word;
|
||||||
|
word-break: break-all;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
.avatar-md {
|
||||||
|
width: 2.5rem;
|
||||||
|
height: 2.5rem;
|
||||||
|
line-height: 2.5rem;
|
||||||
|
font-size: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.avatar {
|
||||||
|
width: 2rem;
|
||||||
|
height: 2rem;
|
||||||
|
line-height: 2rem;
|
||||||
|
border-radius: 50%;
|
||||||
|
display: inline-block;
|
||||||
|
background: #ced4da no-repeat center/cover;
|
||||||
|
position: relative;
|
||||||
|
text-align: center;
|
||||||
|
color: #868e96;
|
||||||
|
font-weight: 600;
|
||||||
|
vertical-align: bottom;
|
||||||
|
font-size: .875rem;
|
||||||
|
-webkit-user-select: none;
|
||||||
|
-moz-user-select: none;
|
||||||
|
-ms-user-select: none;
|
||||||
|
user-select: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pt-5, .py-5 {
|
||||||
|
padding-top: 1.5rem !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.text-default {
|
||||||
|
color: #495057 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.text-muted {
|
||||||
|
color: #9aa0ac !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.d-block {
|
||||||
|
display: block !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.article-summary-md {
|
||||||
|
position:relative;
|
||||||
|
line-height:1.4em;
|
||||||
|
/* 3 times the line-height to show 3 lines */
|
||||||
|
height:4.2em;
|
||||||
|
overflow:hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
.article-summary-md::after {
|
||||||
|
content:"...";
|
||||||
|
font-weight:bold;
|
||||||
|
position:absolute;
|
||||||
|
bottom:0;
|
||||||
|
right:0;
|
||||||
|
padding:0 20px 1px 45px;
|
||||||
|
/*background:url(http://newimg88.b0.upaiyun.com/newimg88/2014/09/ellipsis_bg.png) repeat-y;*/
|
||||||
|
}
|
||||||
|
|
||||||
|
.article-summary-sd {
|
||||||
|
position:relative;
|
||||||
|
line-height:1.4em;
|
||||||
|
/* 1 times the line-height to show 1 lines */
|
||||||
|
height:1.4em;
|
||||||
|
overflow:hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
.article-summary-sd::after {
|
||||||
|
content:"...";
|
||||||
|
font-weight:bold;
|
||||||
|
position:absolute;
|
||||||
|
bottom:0;
|
||||||
|
right:0;
|
||||||
|
padding:0 20px 1px 45px;
|
||||||
|
/*background:url(http://newimg88.b0.upaiyun.com/newimg88/2014/09/ellipsis_bg.png) repeat-y;*/
|
||||||
|
}
|
||||||
|
|
||||||
|
.text-center {
|
||||||
|
text-align: center !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.wrapper {
|
||||||
|
max-width: 980px;
|
||||||
|
margin: 0 auto;
|
||||||
|
display: block;
|
||||||
|
padding-left: 1rem;
|
||||||
|
padding-right: 1rem;
|
||||||
|
box-sizing: border-box;
|
||||||
|
float: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mr-3, .mx-3 {
|
||||||
|
margin-right: 0.75rem !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.navbar-brand-img {
|
||||||
|
height: 2rem;
|
||||||
|
line-height: 2rem;
|
||||||
|
vertical-align: bottom;
|
||||||
|
margin-right: .5rem;
|
||||||
|
width: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.topic-brand-img {
|
||||||
|
height: 4rem;
|
||||||
|
line-height: 2rem;
|
||||||
|
vertical-align: bottom;
|
||||||
|
margin-right: .5rem;
|
||||||
|
width: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.text-left {
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
.text-right {
|
||||||
|
text-align: right;
|
||||||
|
}
|
||||||
|
|
||||||
|
</style>
|
||||||
8
middleware/README.md
Normal file
8
middleware/README.md
Normal file
@ -0,0 +1,8 @@
|
|||||||
|
# MIDDLEWARE
|
||||||
|
|
||||||
|
**This directory is not required, you can delete it if you don't want to use it.**
|
||||||
|
|
||||||
|
This directory contains your application middleware.
|
||||||
|
Middleware let you define custom functions that can be run before rendering either a page or a group of pages.
|
||||||
|
|
||||||
|
More information about the usage of this directory in [the documentation](https://nuxtjs.org/guide/routing#middleware).
|
||||||
54
nuxt.config.js
Normal file
54
nuxt.config.js
Normal file
@ -0,0 +1,54 @@
|
|||||||
|
|
||||||
|
export default {
|
||||||
|
/*
|
||||||
|
** Nuxt rendering mode
|
||||||
|
** See https://nuxtjs.org/api/configuration-mode
|
||||||
|
*/
|
||||||
|
mode: 'universal',
|
||||||
|
/*
|
||||||
|
** Headers of the page
|
||||||
|
** See https://nuxtjs.org/api/configuration-head
|
||||||
|
*/
|
||||||
|
head: {
|
||||||
|
title: process.env.npm_package_name || '',
|
||||||
|
meta: [
|
||||||
|
{ charset: 'utf-8' },
|
||||||
|
{ name: 'viewport', content: 'width=device-width, initial-scale=1' },
|
||||||
|
{ hid: 'description', name: 'description', content: process.env.npm_package_description || '' }
|
||||||
|
],
|
||||||
|
link: [
|
||||||
|
{ rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' }
|
||||||
|
]
|
||||||
|
},
|
||||||
|
/*
|
||||||
|
** Global CSS
|
||||||
|
*/
|
||||||
|
css: [
|
||||||
|
'element-ui/lib/theme-chalk/index.css'
|
||||||
|
],
|
||||||
|
/*
|
||||||
|
** Plugins to load before mounting the App
|
||||||
|
** https://nuxtjs.org/guide/plugins
|
||||||
|
*/
|
||||||
|
plugins: [
|
||||||
|
'@/plugins/element-ui',
|
||||||
|
'@/plugins/axios'
|
||||||
|
],
|
||||||
|
/*
|
||||||
|
** Nuxt.js dev-modules
|
||||||
|
*/
|
||||||
|
buildModules: [
|
||||||
|
],
|
||||||
|
/*
|
||||||
|
** Nuxt.js modules
|
||||||
|
*/
|
||||||
|
modules: [
|
||||||
|
],
|
||||||
|
/*
|
||||||
|
** Build configuration
|
||||||
|
** See https://nuxtjs.org/api/configuration-build/
|
||||||
|
*/
|
||||||
|
build: {
|
||||||
|
transpile: [/^element-ui/],
|
||||||
|
}
|
||||||
|
}
|
||||||
10247
package-lock.json
generated
Normal file
10247
package-lock.json
generated
Normal file
File diff suppressed because it is too large
Load Diff
19
package.json
Normal file
19
package.json
Normal file
@ -0,0 +1,19 @@
|
|||||||
|
{
|
||||||
|
"name": "nebula",
|
||||||
|
"version": "1.0.0",
|
||||||
|
"private": true,
|
||||||
|
"scripts": {
|
||||||
|
"dev": "nuxt",
|
||||||
|
"build": "nuxt build",
|
||||||
|
"start": "nuxt start",
|
||||||
|
"generate": "nuxt generate"
|
||||||
|
},
|
||||||
|
"dependencies": {
|
||||||
|
"axios": "^0.19.2",
|
||||||
|
"element-ui": "^2.13.2",
|
||||||
|
"nuxt": "^2.13.0",
|
||||||
|
"vditor": "^3.3.2",
|
||||||
|
"vue-axios": "^2.1.5"
|
||||||
|
},
|
||||||
|
"devDependencies": {}
|
||||||
|
}
|
||||||
6
pages/README.md
Normal file
6
pages/README.md
Normal file
@ -0,0 +1,6 @@
|
|||||||
|
# PAGES
|
||||||
|
|
||||||
|
This directory contains your Application Views and Routes.
|
||||||
|
The framework reads all the `*.vue` files inside this directory and creates the router of your application.
|
||||||
|
|
||||||
|
More information about the usage of this directory in [the documentation](https://nuxtjs.org/guide/routing).
|
||||||
54
pages/index.vue
Normal file
54
pages/index.vue
Normal file
@ -0,0 +1,54 @@
|
|||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
<pc-main-view v-if="!isMobile"/>
|
||||||
|
<mobile-main-view v-else/>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import PcMainView from '~/components/layouts/pc/main.vue'
|
||||||
|
import MobileMainView from '~/components/layouts/mobile/main.vue'
|
||||||
|
|
||||||
|
export default {
|
||||||
|
components: {
|
||||||
|
PcMainView,
|
||||||
|
MobileMainView
|
||||||
|
},
|
||||||
|
computed: {
|
||||||
|
theme() {
|
||||||
|
return this.$store.state.theme
|
||||||
|
},
|
||||||
|
isMobile() {
|
||||||
|
return this.$store.state.isMobile
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style>
|
||||||
|
.el-header {
|
||||||
|
padding-bottom: 1rem;
|
||||||
|
background: #fff;
|
||||||
|
border-bottom: 1px solid rgba(0, 40, 100, 0.12);
|
||||||
|
z-index: 80;
|
||||||
|
}
|
||||||
|
|
||||||
|
.el-main {
|
||||||
|
padding: 20px 0;
|
||||||
|
background-attachment: fixed;
|
||||||
|
min-height: 280px;
|
||||||
|
margin-bottom: 60px;
|
||||||
|
overflow-x: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
.el-footer {
|
||||||
|
position: fixed;
|
||||||
|
bottom: 0;
|
||||||
|
width: 100%;
|
||||||
|
padding-top: 1rem;
|
||||||
|
padding-bottom: 1rem;
|
||||||
|
background: #fff;
|
||||||
|
border-top: 1px solid rgba(0, 40, 100, 0.12);
|
||||||
|
z-index: 80;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
7
plugins/README.md
Normal file
7
plugins/README.md
Normal file
@ -0,0 +1,7 @@
|
|||||||
|
# PLUGINS
|
||||||
|
|
||||||
|
**This directory is not required, you can delete it if you don't want to use it.**
|
||||||
|
|
||||||
|
This directory contains Javascript plugins that you want to run before mounting the root Vue.js application.
|
||||||
|
|
||||||
|
More information about the usage of this directory in [the documentation](https://nuxtjs.org/guide/plugins).
|
||||||
88
plugins/axios.js
Normal file
88
plugins/axios.js
Normal file
@ -0,0 +1,88 @@
|
|||||||
|
import axios from 'axios'
|
||||||
|
import VueAxios from 'vue-axios'
|
||||||
|
import Vue from 'vue'
|
||||||
|
|
||||||
|
// eslint-disable-next-line no-unused-vars
|
||||||
|
export default (ctx) => {
|
||||||
|
const customAxios = axios.create({
|
||||||
|
baseURL: '/api',
|
||||||
|
timeout:'10000',
|
||||||
|
withCredentials: true
|
||||||
|
});
|
||||||
|
|
||||||
|
customAxios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded;charset=utf-8';
|
||||||
|
customAxios.defaults.headers.common['x-requested-with'] = 'XMLHttpRequest';
|
||||||
|
|
||||||
|
Vue.use(VueAxios, customAxios);
|
||||||
|
|
||||||
|
customAxios.interceptors.request.use((config) => {
|
||||||
|
if(config.url){
|
||||||
|
let token = localStorage.getItem("x-auth-token");
|
||||||
|
if (token) { // 判断是否存在token，如果存在的话，则每个http header都加上token
|
||||||
|
if (!(config.url.indexOf('console') > -1)){
|
||||||
|
config.headers.Authorization = `${token}`;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
config.url = '/console/heartbeat'
|
||||||
|
}
|
||||||
|
|
||||||
|
// clear cache
|
||||||
|
// if (config.method === 'get') {
|
||||||
|
// let char = '?'
|
||||||
|
// if (config.url.split('?').length > 1) {
|
||||||
|
// char = '&'
|
||||||
|
// }
|
||||||
|
// config.url += `${char}${(new Date()).getTime()}`
|
||||||
|
// }
|
||||||
|
return config
|
||||||
|
}, function (error) {
|
||||||
|
return Promise.reject(error);
|
||||||
|
});
|
||||||
|
|
||||||
|
customAxios.interceptors.response.use((response) => {
|
||||||
|
let message;
|
||||||
|
if (typeof(response.data.data) !== 'undefined') {
|
||||||
|
message = response.data.data.message
|
||||||
|
} else if (typeof(response.data) !== 'undefined') {
|
||||||
|
message = response.data.message
|
||||||
|
}
|
||||||
|
if (response.data.success) {
|
||||||
|
return response.data.data
|
||||||
|
} else {
|
||||||
|
if(response.data.code === 0){
|
||||||
|
window.app.$message(message);
|
||||||
|
}else if(response.data.code === 401){
|
||||||
|
window.app.$store.commit('logout');
|
||||||
|
window.app.$router.push({
|
||||||
|
name: 'login',
|
||||||
|
query: {
|
||||||
|
historyUrl: window.location.href
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}else if(response.data.code === 402){
|
||||||
|
window.app.$store.commit('logout');
|
||||||
|
window.app.$router.push({
|
||||||
|
name: 'login',
|
||||||
|
query: {
|
||||||
|
historyUrl: window.location.href
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}else if(response.data.code === 404){
|
||||||
|
window.app.$message('操作失败，请稍后再试......')
|
||||||
|
}else if(response.data.code === 500){
|
||||||
|
window.app.$message('服务器正在开小差，请稍后再试......')
|
||||||
|
}
|
||||||
|
return false
|
||||||
|
}
|
||||||
|
}, (error) => {
|
||||||
|
/*console.log(ctx.app.store.state.locale)
|
||||||
|
ctx.store.commit('setSnackBar', {
|
||||||
|
snackBar: true,
|
||||||
|
snackMsg: ctx.app.i18n.t('requestError', ctx.app.store.state.locale)
|
||||||
|
})*/
|
||||||
|
return Promise.reject(error)
|
||||||
|
})
|
||||||
|
|
||||||
|
return customAxios
|
||||||
|
}
|
||||||
5
plugins/element-ui.js
Normal file
5
plugins/element-ui.js
Normal file
@ -0,0 +1,5 @@
|
|||||||
|
import Vue from 'vue'
|
||||||
|
import Element from 'element-ui'
|
||||||
|
import locale from 'element-ui/lib/locale/lang/en'
|
||||||
|
|
||||||
|
Vue.use(Element, { locale })
|
||||||
11
static/README.md
Normal file
11
static/README.md
Normal file
@ -0,0 +1,11 @@
|
|||||||
|
# STATIC
|
||||||
|
|
||||||
|
**This directory is not required, you can delete it if you don't want to use it.**
|
||||||
|
|
||||||
|
This directory contains your static files.
|
||||||
|
Each file inside this directory is mapped to `/`.
|
||||||
|
Thus you'd want to delete this README.md before deploying to production.
|
||||||
|
|
||||||
|
Example: `/static/robots.txt` is mapped as `/robots.txt`.
|
||||||
|
|
||||||
|
More information about the usage of this directory in [the documentation](https://nuxtjs.org/guide/assets#static).
|
||||||
BIN
static/favicon.ico
Normal file
BIN
static/favicon.ico
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.2 KiB |
3
static/robots.txt
Normal file
3
static/robots.txt
Normal file
@ -0,0 +1,3 @@
|
|||||||
|
User-agent: *
|
||||||
|
Disallow: /api/
|
||||||
|
Disallow: /admin/
|
||||||
10
store/README.md
Normal file
10
store/README.md
Normal file
@ -0,0 +1,10 @@
|
|||||||
|
# STORE
|
||||||
|
|
||||||
|
**This directory is not required, you can delete it if you don't want to use it.**
|
||||||
|
|
||||||
|
This directory contains your Vuex Store files.
|
||||||
|
Vuex Store option is implemented in the Nuxt.js framework.
|
||||||
|
|
||||||
|
Creating a file in this directory automatically activates the option in the framework.
|
||||||
|
|
||||||
|
More information about the usage of this directory in [the documentation](https://nuxtjs.org/guide/vuex-store).
|
||||||
142
store/index.js
Normal file
142
store/index.js
Normal file
@ -0,0 +1,142 @@
|
|||||||
|
export const state = () => ({
|
||||||
|
locale: 'zh_CN',
|
||||||
|
version: '1.0.0',
|
||||||
|
isInit: false,
|
||||||
|
isLogin: false,
|
||||||
|
token: '',
|
||||||
|
nickname: '',
|
||||||
|
idUser: '',
|
||||||
|
blogTitle: '',
|
||||||
|
avatarURL: '',
|
||||||
|
blogURL: '/',
|
||||||
|
role: 0, // 0-no login, 1-admin, 2-blog admin, 3-blog author, 4-blog user, 5-visitor
|
||||||
|
blogs: [{
|
||||||
|
title: '',
|
||||||
|
id: ''
|
||||||
|
}],
|
||||||
|
snackMsg: '',
|
||||||
|
snackBar: false,
|
||||||
|
snackModify: 'error',
|
||||||
|
menu: [],
|
||||||
|
tagsItems: [],
|
||||||
|
bodySide: '',
|
||||||
|
login: false,
|
||||||
|
activeMenu: 'home',
|
||||||
|
activeAdminMenu: 'admin-dashboard',
|
||||||
|
activeTopic: '51mcu',
|
||||||
|
activeTag: 'news',
|
||||||
|
uploadHeaders: '',
|
||||||
|
theme: '',
|
||||||
|
isMobile: false
|
||||||
|
})
|
||||||
|
|
||||||
|
export const mutations = () => ({
|
||||||
|
setLogin(state, data) {
|
||||||
|
state.login = data
|
||||||
|
},
|
||||||
|
setActiveMenu(state, data) {
|
||||||
|
state.activeMenu = data
|
||||||
|
},
|
||||||
|
setActiveAdminMenu(state, data) {
|
||||||
|
state.activeAdminMenu = data
|
||||||
|
},
|
||||||
|
setActiveTopic(state, data) {
|
||||||
|
state.activeTopic = data
|
||||||
|
},
|
||||||
|
setActiveTag(state, data) {
|
||||||
|
state.activeTag = data
|
||||||
|
},
|
||||||
|
setUserInfo(state, data) {
|
||||||
|
state.avatarURL = data.avatarUrl;
|
||||||
|
state.nickname = data.nickname;
|
||||||
|
localStorage.setItem('avatarURL', data.avatarUrl);
|
||||||
|
localStorage.setItem('nickname', data.nickname);
|
||||||
|
},
|
||||||
|
initLogin(state, data) {
|
||||||
|
state.isLogin = true;
|
||||||
|
state.avatarURL = data.avatarUrl;
|
||||||
|
state.nickname = data.nickname;
|
||||||
|
state.token = data.token;
|
||||||
|
state.account = data.account;
|
||||||
|
state.role = data.weights;
|
||||||
|
state.idUser = data.idUser;
|
||||||
|
localStorage.setItem('isLogin', 'true');
|
||||||
|
localStorage.setItem('avatarURL', data.avatarUrl);
|
||||||
|
localStorage.setItem('nickname', data.nickname);
|
||||||
|
localStorage.setItem('account', data.account);
|
||||||
|
localStorage.setItem('idUser', data.idUser);
|
||||||
|
localStorage.setItem('x-auth-token', data.token);
|
||||||
|
localStorage.setItem('role', data.weights);
|
||||||
|
},
|
||||||
|
logout(state) {
|
||||||
|
state.isLogin = false;
|
||||||
|
state.avatarURL = '';
|
||||||
|
state.nickname = '';
|
||||||
|
state.token = '';
|
||||||
|
state.account = '';
|
||||||
|
state.role = '';
|
||||||
|
state.idUser = '';
|
||||||
|
localStorage.removeItem('isLogin');
|
||||||
|
localStorage.removeItem('avatarURL');
|
||||||
|
localStorage.removeItem('nickname');
|
||||||
|
localStorage.removeItem('account');
|
||||||
|
localStorage.removeItem('idUser');
|
||||||
|
localStorage.removeItem('x-auth-token');
|
||||||
|
localStorage.removeItem('role');
|
||||||
|
},
|
||||||
|
setUploadHeaders(state, data) {
|
||||||
|
state.uploadHeaders = data
|
||||||
|
}
|
||||||
|
})
|
||||||
|
|
||||||
|
export const actions = () => ({})
|
||||||
|
|
||||||
|
export const getters = () => ({
|
||||||
|
uploadHeaders(state) {
|
||||||
|
return state.uploadHeaders;
|
||||||
|
},
|
||||||
|
isLogin(state) {
|
||||||
|
if (!state.isLogin) {
|
||||||
|
state.isLogin = localStorage.getItem('isLogin'); //从localStorage中读取状态
|
||||||
|
state.nickname = localStorage.getItem('nickname');
|
||||||
|
state.avatarURL = localStorage.getItem('avatarURL') !== 'undefined' ? localStorage.getItem('avatarURL') : "";
|
||||||
|
state.token = localStorage.getItem('x-auth-token');
|
||||||
|
state.account = localStorage.getItem('account');
|
||||||
|
state.idUser = localStorage.getItem('idUser');
|
||||||
|
state.role = Number(localStorage.getItem('role'));
|
||||||
|
}
|
||||||
|
return state.isLogin
|
||||||
|
},
|
||||||
|
hasPermissions: (state) => (scenes) => {
|
||||||
|
let hasPermissions = false;
|
||||||
|
if (state.role) {
|
||||||
|
switch (scenes) {
|
||||||
|
case 'user':
|
||||||
|
hasPermissions = state.role < 5;
|
||||||
|
break;
|
||||||
|
case 'role':
|
||||||
|
hasPermissions = state.role < 2;
|
||||||
|
break;
|
||||||
|
case 'topic':
|
||||||
|
hasPermissions = state.role < 3;
|
||||||
|
break;
|
||||||
|
case 'tag':
|
||||||
|
hasPermissions = state.role < 3;
|
||||||
|
break;
|
||||||
|
case 'admin':
|
||||||
|
hasPermissions = state.role < 2;
|
||||||
|
break;
|
||||||
|
case 'blog_admin':
|
||||||
|
hasPermissions = state.role < 3;
|
||||||
|
break;
|
||||||
|
default:
|
||||||
|
hasPermissions = false;
|
||||||
|
window.app.$store.commit('logout');
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return hasPermissions;
|
||||||
|
},
|
||||||
|
isAuthor: (state) => (scenes) => {
|
||||||
|
return state.nickname === scenes ? true : false;
|
||||||
|
}
|
||||||
|
})
|
||||||
Loading…
Reference in New Issue
Block a user