114 lines
3.9 KiB
Vue
114 lines
3.9 KiB
Vue
|
<template lang="pug">
|
|||
|
|
#leftcontent
|
|||
|
|
#wrap
|
|||
|
|
#leftMain
|
|||
|
|
h1.title
|
|||
|
|
nuxt-link(to='/') 轶哥博客
|
|||
|
|
.widget.avatar
|
|||
|
|
.widgetTitle
|
|||
|
|
label 关于作者
|
|||
|
|
img(src='https://cdn.wyr.me/avatar.png')
|
|||
|
|
p.aboutMe
|
|||
|
|
| 妄图改变世界的全栈程序员。
|
|||
|
|
.social
|
|||
|
|
ul
|
|||
|
|
li
|
|||
|
|
a(href='https://github.com/yi-ge', target='_blank')
|
|||
|
|
Icon(:icon="['fab', 'github']")
|
|||
|
|
li
|
|||
|
|
Icon(:icon="['fab', 'qq']" @click="info('qq')")
|
|||
|
|
li
|
|||
|
|
Icon(:icon="['fab', 'weixin']" @click="info('weixin')")
|
|||
|
|
li
|
|||
|
|
a(href='http://weibo.com/syxj', target='_blank')
|
|||
|
|
Icon(:icon="['fab', 'weibo']")
|
|||
|
|
li
|
|||
|
|
a(href='https://twitter.com/FYTencel', target='_blank')
|
|||
|
|
Icon(:icon="['fab', 'twitter']")
|
|||
|
|
li
|
|||
|
|
a(href='https://www.facebook.com/cnyige', target='_blank')
|
|||
|
|
Icon(:icon="['fab', 'facebook']")
|
|||
|
|
li
|
|||
|
|
a(href='https://plus.google.com/u/0/101716298673782941484', target='_blank')
|
|||
|
|
Icon(:icon="['fab', 'google-plus']")
|
|||
|
|
li
|
|||
|
|
a(href='https://t.me/cnyige', target='_blank')
|
|||
|
|
Icon(:icon="['fab', 'telegram']")
|
|||
|
|
li
|
|||
|
|
Icon(:icon="['fas', 'envelope']" @click="info('email')")
|
|||
|
|
.social-info-box(v-if='socialInfo')
|
|||
|
|
| {{ socialInfo }}
|
|||
|
|
#navication.widget.navication
|
|||
|
|
.widgetTitle
|
|||
|
|
label 导航
|
|||
|
|
ul
|
|||
|
|
li
|
|||
|
|
nuxt-link(to='/') 主页
|
|||
|
|
li(v-for='(categorys, index) in $store.state.categorys', :key='index', v-show="categorys.name !== '未分类'")
|
|||
|
|
nuxt-link(:to="'/' + categorys.slug") {{ categorys.name }}
|
|||
|
|
.search-box
|
|||
|
|
input.search(type='text', placeholder='搜索', v-model='searchVal', @keyup.enter='search')
|
|||
|
|
Icon(:icon="['fas', 'search']" @click="search")
|
|||
|
|
.widget.comment
|
|||
|
|
.widgetTitle
|
|||
|
|
label 最新评论
|
|||
|
|
ul
|
|||
|
|
li(v-for='(newComment, index) in $store.state.newComments', :key='index')
|
|||
|
|
strong {{ newComment.comment_author }}：
|
|||
|
|
span
|
|||
|
|
nuxt-link(:to="'/post/' + newComment.post.ID + '#comments'") {{ newComment.comment_content }}
|
|||
|
|
.meta
|
|||
|
|
span
|
|||
|
|
Icon(:icon="['far', 'clock']")
|
|||
|
|
| {{ newComment.comment_date }}
|
|||
|
|
span
|
|||
|
|
| —
|
|||
|
|
nuxt-link(:to="'/post/' + newComment.post.ID") {{ newComment.post.post_title }}
|
|||
|
|
.widget.posts
|
|||
|
|
.widgetTitle
|
|||
|
|
label 热门文章
|
|||
|
|
ul
|
|||
|
|
li(v-for='(hotArticle, index) in $store.state.hotArticle', :key='index')
|
|||
|
|
.thumbnail
|
|||
|
|
img(width='150', :src="hotArticle.postimages[0].guid + '?x-oss-process=image/resize,m_lfit,h_150,w_150'")
|
|||
|
|
.detail
|
|||
|
|
nuxt-link(:to="'/post/' + hotArticle.ID", :title='hotArticle.post_title') {{ hotArticle.post_title }}
|
|||
|
|
.meta {{ hotArticle.post_modified }}
|
|||
|
|
#tags.widget.tags
|
|||
|
|
.widgetTitle
|
|||
|
|
label 标签
|
|||
|
|
.tagcloud
|
|||
|
|
nuxt-link(:to="'/tag/' + tag.slug", :title='tag.name', v-for='tag in $store.state.tags', :key='tag.term_id') {{ tag.name }}
|
|||
|
|
|
|||
|
|
</template>
|
|||
|
|
|
|||
|
|
<script>
|
|||
|
|
export default {
|
|||
|
|
data() {
|
|||
|
|
return {
|
|||
|
|
socialInfo: false,
|
|||
|
|
searchVal: ''
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
methods: {
|
|||
|
|
info(type) {
|
|||
|
|
if (type === 'qq') {
|
|||
|
|
this.socialInfo = 'QQ: 373226722'
|
|||
|
|
} else if (type === 'weixin') {
|
|||
|
|
this.socialInfo = '微信: wy373226722'
|
|||
|
|
} else if (type === 'email') {
|
|||
|
|
this.socialInfo = 'Email: a@wyr.me'
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
setTimeout(() => {
|
|||
|
|
this.socialInfo = false
|
|||
|
|
}, 3000)
|
|||
|
|
},
|
|||
|
|
search() {
|
|||
|
|
console.log(this.searchVal)
|
|||
|
|
if (this.searchVal !== '') this.$router.push({ path: 'search?q=' + this.searchVal })
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
</script>
|