Guide
Mr.Hope ... 2022-6-1 Less than 1 minute
This plugin register 7 components and 1 global component:
<BackToTop />(Global Components)<Badge /><BreadCrumb /><CodeGroup /><CodeGroupItem /><Pagination /><PageInfo /><ScreenFull />
# BackToTop
Back-to-top Button
# BreadCrumb
# Props
show: Whether display globallyicon: Whether display iconiconPrefix: icon class prefix
# Badge
A badge which allows you to diy it’s color.
# CodeGroup, CodeGroupItem
Code Group
Demo:
:::: 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
Page information components, see PageInfo for details.
# Pagination
Paging component.
# Props
currentPage: v-model variable, current page.total: total number of itemsperPage: number of items per page, default is 10
# ScreenFull
A full-screen button
# Props
- enable: Whether enable this component