GraceUI 返回顶部组件会根据滚动位置自动展示或隐藏,vue 版本自动处理点击事件并完成页面滚动条归零工作;
由于 nvue 不支持操作页面滚动条,在 nvue 环境下使用 list 组件作为页面主体,通过 dom.scrollToElement() 函数来实现返回顶部功能;
gui-totop : /GraceUI 组件目录/gui-totop
H5 | APP | 小程序 | NVUE |
✔ | ✔ | ✔ | ✔ |
属性名称 | 类型 | 默认值 | 作用 |
top | Number | 0 | 页面或滚动区域滚动条的滚动值 |
bottom | String | 80rpx | bottom 值 |
right | String | 30rpx | right 值 |
borderRadius | String | 6rpx | 组件圆角尺寸 |
zIndex | Number | 9 | z-index 值,非 nvue 版本有效 |
fontSize | String | 44rpx | 图标尺寸 |