effectScreenshot.md 1.6 KB
Newer Older
Lab机器人's avatar
readme  
Lab机器人 已提交
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43
  

# 默认参数截图展示(mode: "float" 浮动导航)
- white主题展示
  ![image](https://raw.githubusercontent.com/zq99299/gitbook-plugin-anchor-navigation-ex/master/doc/images/white默认参数效果.png)
- sepia主题展示
  ![image](https://raw.githubusercontent.com/zq99299/gitbook-plugin-anchor-navigation-ex/master/doc/images/sepia默认参数效果.png)
- night主题展示
  ![image](https://raw.githubusercontent.com/zq99299/gitbook-plugin-anchor-navigation-ex/master/doc/images/night默认参数效果.png)
- 锚点效果和TOP按钮展示
  ![image](https://raw.githubusercontent.com/zq99299/gitbook-plugin-anchor-navigation-ex/master/doc/images/锚点效果和top展示.jpg) 
  


- Sample: https://zq99299.gitbooks.io/gitbook-guide/content/chapter/plugin.html


# 层级图标展示
这里的icon样式与图片中的不是一个,这里只是示意效果
```
"pluginsConfig": {
	"anchor-navigation-ex": {
	    float: { 
	        showLevelIcon: true,
	        level1Icon: "fa fa-hand-o-right",
	        level2Icon: "fa fa-hand-o-right",
	        level3Icon: "fa fa-hand-o-right"
	    }
	}
}
```
  ![image](https://raw.githubusercontent.com/zq99299/gitbook-plugin-anchor-navigation-ex/master/doc/images/toc标题icon展示.jpg) 
  ![image](https://raw.githubusercontent.com/zq99299/gitbook-plugin-anchor-navigation-ex/master/doc/images/toc标题icon展示2.jpg)


# 页内顶部截图展示(mode: "pageTop")
  ![image](https://raw.githubusercontent.com/zq99299/gitbook-plugin-anchor-navigation-ex/master/doc/images/pageTop展示.png)


-----------------


其他参数组合的效果未截图,请自行尝试