指南
Mr.Hope ... 2022-6-1 小于 1 分钟
此插件注册 7 个组件和一个全局组件:
<BackToTop />(全局组件)<Badge /><BreadCrumb /><CodeGroup /><CodeGroupItem /><Pagination /><PageInfo /><ScreenFull />
# <BackToTop />
返回顶部按钮
# <BreadCrumb />
# 属性
show: 是否全局显示icon: 是否显示图标iconPrefix: 图标前缀
# <Badge />
支持自定义颜色的徽章
# <CodeGroup />, <CodeGroupItem />
代码块分组。
案例:
:::: code-group
::: code-group-item yarn
```bash
yarn add -D vuepress-theme-hope
```
:::
::: code-group-item npm
```bash
npm i -D vuepress-theme-hope
```
:::
::::
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
# <PageInfo />
页面信息组件，详见 页面信息。
# <Pagination />
分页组件。
# 属性
currentPage: V-model 双向绑定，当前为第几个页面。total: 总项数perPage: 每页包含的项目数，默认为 10
# <ScreenFull />
全屏按钮组件
# 属性
enable: 是否启用此组件