Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
计算机应用开发
前端
Vuepress
提交
3814e885
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,发现更多精彩内容 >>
提交
3814e885
编写于
4月 23, 2018
作者:
E
Evan You
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
feat: expose layout slots for injecting custom content
上级
ddb590df
变更
4
隐藏空白更改
内联
并排
Showing
4 changed file
with
12 addition
and
2 deletion
+12
-2
lib/default-theme/Layout.vue
lib/default-theme/Layout.vue
+8
-2
lib/default-theme/Page.vue
lib/default-theme/Page.vue
+1
-0
lib/default-theme/Sidebar.vue
lib/default-theme/Sidebar.vue
+2
-0
lib/webpack/createBaseConfig.js
lib/webpack/createBaseConfig.js
+1
-0
未找到文件。
lib/default-theme/Layout.vue
浏览文件 @
3814e885
...
@@ -5,12 +5,18 @@
...
@@ -5,12 +5,18 @@
@
touchend=
"onTouchEnd"
>
@
touchend=
"onTouchEnd"
>
<Navbar
v-if=
"shouldShowNavbar"
@
toggle-sidebar=
"toggleSidebar"
/>
<Navbar
v-if=
"shouldShowNavbar"
@
toggle-sidebar=
"toggleSidebar"
/>
<div
class=
"sidebar-mask"
@
click=
"toggleSidebar(false)"
></div>
<div
class=
"sidebar-mask"
@
click=
"toggleSidebar(false)"
></div>
<Sidebar
:items=
"sidebarItems"
@
toggle-sidebar=
"toggleSidebar"
/>
<Sidebar
:items=
"sidebarItems"
@
toggle-sidebar=
"toggleSidebar"
>
<slot
name=
"sidebar-top"
slot=
"top"
/>
<slot
name=
"sidebar-bottom"
slot=
"bottom"
/>
</Sidebar>
<div
class=
"custom-layout"
v-if=
"$page.frontmatter.layout"
>
<div
class=
"custom-layout"
v-if=
"$page.frontmatter.layout"
>
<component
:is=
"$page.frontmatter.layout"
/>
<component
:is=
"$page.frontmatter.layout"
/>
</div>
</div>
<Home
v-else-if=
"$page.frontmatter.home"
/>
<Home
v-else-if=
"$page.frontmatter.home"
/>
<Page
v-else
:sidebar-items=
"sidebarItems"
/>
<Page
v-else
:sidebar-items=
"sidebarItems"
>
<slot
name=
"page-top"
slot=
"top"
/>
<slot
name=
"page-bottom"
slot=
"bottom"
/>
</Page>
</div>
</div>
</
template
>
</
template
>
...
...
lib/default-theme/Page.vue
浏览文件 @
3814e885
...
@@ -19,6 +19,7 @@
...
@@ -19,6 +19,7 @@
</span>
</span>
</p>
</p>
</div>
</div>
<slot
name=
"bottom"
/>
</div>
</div>
</
template
>
</
template
>
...
...
lib/default-theme/Sidebar.vue
浏览文件 @
3814e885
<
template
>
<
template
>
<div
class=
"sidebar"
>
<div
class=
"sidebar"
>
<NavLinks/>
<NavLinks/>
<slot
name=
"top"
/>
<ul
class=
"sidebar-links"
v-if=
"items.length"
>
<ul
class=
"sidebar-links"
v-if=
"items.length"
>
<li
v-for=
"(item, i) in items"
>
<li
v-for=
"(item, i) in items"
>
<SidebarGroup
v-if=
"item.type === 'group'"
<SidebarGroup
v-if=
"item.type === 'group'"
...
@@ -12,6 +13,7 @@
...
@@ -12,6 +13,7 @@
<SidebarLink
v-else
:item=
"item"
/>
<SidebarLink
v-else
:item=
"item"
/>
</li>
</li>
</ul>
</ul>
<slot
name=
"bottom"
/>
</div>
</div>
</
template
>
</
template
>
...
...
lib/webpack/createBaseConfig.js
浏览文件 @
3814e885
...
@@ -40,6 +40,7 @@ module.exports = function createBaseConfig ({
...
@@ -40,6 +40,7 @@ module.exports = function createBaseConfig ({
.
set
(
'
@source
'
,
sourceDir
)
.
set
(
'
@source
'
,
sourceDir
)
.
set
(
'
@app
'
,
path
.
resolve
(
__dirname
,
'
../app
'
))
.
set
(
'
@app
'
,
path
.
resolve
(
__dirname
,
'
../app
'
))
.
set
(
'
@temp
'
,
path
.
resolve
(
__dirname
,
'
../app/.temp
'
))
.
set
(
'
@temp
'
,
path
.
resolve
(
__dirname
,
'
../app/.temp
'
))
.
set
(
'
@default-theme
'
,
path
.
resolve
(
__dirname
,
'
../default-theme
'
))
.
set
(
'
@AlgoliaSearchBox
'
,
isAlgoliaSearch
.
set
(
'
@AlgoliaSearchBox
'
,
isAlgoliaSearch
?
path
.
resolve
(
__dirname
,
'
../default-theme/AlgoliaSearchBox.vue
'
)
?
path
.
resolve
(
__dirname
,
'
../default-theme/AlgoliaSearchBox.vue
'
)
:
path
.
resolve
(
__dirname
,
'
../noop.js
'
))
:
path
.
resolve
(
__dirname
,
'
../noop.js
'
))
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录