手册版本 V5.0
布局说明
01. 开启自定义头部导航 : navigationStyle:custom;
02. 使用 gui-header-leading 组件实现返回按钮及回到主页按钮;
03. 只有返回按钮的代码见演示代码注释部分;
组件名称
gui-header-leading : /graceUI/组件目录/gui-header-leading
兼容平台
| H5 | APP | 小程序 | NVUE |
| ✔ | ✔ | ✔ | ✔ |
组件属性
| 属性名称 | 类型 | 默认值 | 作用 |
| homePage | String | /pages/index/index | 应用入口页面路径 |
| bgStyle | String | '' | 组件样式，如 : background-color:#FF0036;width:180rpx;... 注意 : 使用此属性会产生内联样式，权限高于皮肤样式; |
| buttonStyle | String | '' | 按钮样式，如 :color:#FF0036; font-size:50rpx;... 注意 : 使用此属性会产生内联样式，权限高于皮肤样式; |
| onlyBack | Boolean | false | 是否只展示返回按钮 |
| onlyHome 2021.12.29 新增 | Boolean | false | 是否只展示主页按钮 |
组件事件
01 : goback 点击返回按钮事触发； 02 : gohome 点击返回主页时触发; 如果您的首页不是 switchPage ： 02.1 将组件的 homePage 赋值为 '' 空字符串； 02.2 利用此事件自定义一个函数实现返回首页功能；
演示代码
UNI 普通版本
NVUE 版本
登录并购买 GraceUI 后可以查阅完整手册内容 。
