Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
计算机应用开发
前端
Vuepress
提交
c6c71aff
V
Vuepress
项目概览
计算机应用开发
/
前端
/
Vuepress
通知
2
Star
0
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
V
Vuepress
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
提交
c6c71aff
编写于
4月 18, 2018
作者:
U
ULIVZ
提交者:
Evan You
4月 18, 2018
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
feat(sidebar): support click the part outside sidebar to close the sidebar. (#132)
上级
fd447aea
变更
2
隐藏空白更改
内联
并排
Showing
2 changed file
with
20 addition
and
5 deletion
+20
-5
lib/default-theme/Layout.vue
lib/default-theme/Layout.vue
+1
-0
lib/default-theme/styles/theme.styl
lib/default-theme/styles/theme.styl
+19
-5
未找到文件。
lib/default-theme/Layout.vue
浏览文件 @
c6c71aff
...
...
@@ -4,6 +4,7 @@
@
touchstart=
"onTouchStart"
@
touchend=
"onTouchEnd"
>
<Navbar
v-if=
"shouldShowNavbar"
@
toggle-sidebar=
"toggleSidebar"
/>
<div
class=
"sidebar-mask"
@
click=
"toggleSidebar(false)"
></div>
<Sidebar
:items=
"sidebarItems"
@
toggle-sidebar=
"toggleSidebar"
/>
<div
class=
"custom-layout"
v-if=
"$page.frontmatter.layout"
>
<component
:is=
"$page.frontmatter.layout"
/>
...
...
lib/default-theme/styles/theme.styl
浏览文件 @
c6c71aff
...
...
@@ -29,6 +29,15 @@ body
box-sizing border-box
border-bottom 1px solid $borderColor
.sidebar-mask
position fixed
z-index 9
top 0
left 0
width 100vw
height 100vh
display none
.sidebar
font-size 15px
background-color #fff
...
...
@@ -153,11 +162,16 @@ th, td
.custom-layout
padding-top $navbarHeight
.theme-container.no-navbar
.content:not(.custom)
h1, h2, h3, h4, h5, h6
margin-top 1.5rem
padding-top 0
.theme-container
&.sidebar-open
.sidebar-mask
display: block
&.no-navbar
.content:not(.custom)
h1, h2, h3, h4, h5, h6
margin-top 1.5rem
padding-top 0
@media (min-width: ($MQMobile + 1px))
.theme-container.no-sidebar
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录