80 lines
2.6 KiB
Vue
80 lines
2.6 KiB
Vue
<template>
|
|
<aside class="sidebar">
|
|
<slot name="top"/>
|
|
<SidebarLinks :depth="0" :items="items"/>
|
|
<slot name="bottom"/>
|
|
<div style="text-align: center; margin-top: 5vh;">
|
|
<strong>在线体验</strong>
|
|
<div>
|
|
<a target="_blank" href="http://demo.eip.work/#/login?isReadOnly=true&token=eyJhbGciOiJSUzI1NiIsImtpZCI6IiJ9.eyJpc3MiOiJrdWJlcm5ldGVzL3NlcnZpY2VhY2NvdW50Iiwia3ViZXJuZXRlcy5pby9zZXJ2aWNlYWNjb3VudC9uYW1lc3BhY2UiOiJrdWJlLXN5c3RlbSIsImt1YmVybmV0ZXMuaW8vc2VydmljZWFjY291bnQvc2VjcmV0Lm5hbWUiOiJrdWJvYXJkLXZpZXdlci10b2tlbi1mdGw0diIsImt1YmVybmV0ZXMuaW8vc2VydmljZWFjY291bnQvc2VydmljZS1hY2NvdW50Lm5hbWUiOiJrdWJvYXJkLXZpZXdlciIsImt1YmVybmV0ZXMuaW8vc2VydmljZWFjY291bnQvc2VydmljZS1hY2NvdW50LnVpZCI6ImE1YWFiMmQxLTQxMjYtNDU5Yi1hZmNhLTkyYzMwZDk0NTQzNSIsInN1YiI6InN5c3RlbTpzZXJ2aWNlYWNjb3VudDprdWJlLXN5c3RlbTprdWJvYXJkLXZpZXdlciJ9.eYqN3FLIT6xs0-lm8AidZtaiuHeX70QTn9FhJglhEyh5dlyMU5lo8UtR-h1OY8sTSeYdYKJAS83-9SUObKQhp6XNmRgOYAfZblKUy4mvbGVQ3dn_qnzxYxt6zdGCwIY7E34eNNd9IjMF7G_Y4eJLWE7NvkSB1O8zbdn8En9rQXv_xJ9-ugCyr4CYB1lDGuZl3CIXgQ1FWcQdUBrxTT95tzcNTB0l6OUOGhRxOfw-RyIOST83GV5U0iVzxnD4sjgSaJefvCU-BmwXgpxAwRVhFyHEziXXa0CuZfBfJbmnQW308B4wocr4QDm6Nvmli1P3B6Yo9-HNF__d2hCwZEr7eg">
|
|
<p>
|
|
<img :src="demo_img" style="width: 226px; height: 127px;"></img>
|
|
</p>
|
|
</a>
|
|
</div>
|
|
<strong>在线提问</strong>
|
|
<p>
|
|
<img :src="kuboard_qq_img"/>
|
|
</p>
|
|
</div>
|
|
</aside>
|
|
</template>
|
|
|
|
<script>
|
|
import SidebarLinks from '@theme/components/SidebarLinks.vue'
|
|
import kuboard_qq from './kuboard_qq.png'
|
|
import demo from './image-20190723104717575.png'
|
|
|
|
export default {
|
|
name: 'Sidebar',
|
|
|
|
props: ['items'],
|
|
components: { SidebarLinks },
|
|
data () {
|
|
return {
|
|
kuboard_qq_img: kuboard_qq,
|
|
demo_img: demo
|
|
}
|
|
}
|
|
|
|
}
|
|
</script>
|
|
|
|
<style lang="stylus">
|
|
.sidebar
|
|
ul
|
|
padding 0
|
|
margin 0
|
|
list-style-type none
|
|
a
|
|
display inline-block
|
|
.nav-links
|
|
display none
|
|
border-bottom 1px solid $borderColor
|
|
padding 0.5rem 0 0.75rem 0
|
|
a
|
|
font-weight 600
|
|
.nav-item, .repo-link
|
|
display block
|
|
line-height 1.25rem
|
|
font-size 1.1em
|
|
padding 0.5rem 0 0.5rem 1.5rem
|
|
& > .sidebar-links
|
|
padding 1.5rem 0
|
|
& > li > a.sidebar-link
|
|
font-size 1.1em
|
|
line-height 1.7
|
|
font-weight bold
|
|
& > li:not(:first-child)
|
|
margin-top .75rem
|
|
|
|
@media (max-width: $MQMobile)
|
|
.sidebar
|
|
.nav-links
|
|
display block
|
|
.dropdown-wrapper .nav-dropdown .dropdown-item a.router-link-active::after
|
|
top calc(1rem - 2px)
|
|
& > .sidebar-links
|
|
padding 1rem 0
|
|
</style>
|