更新记录
1.0.2(2021-06-09)
下载此版本
新增一键回到顶部是否收起菜单api
1.0.1(2021-06-09)
下载此版本
新增一键回到顶部是否收起菜单api
1.0.0(2021-06-09)
下载此版本
第一版本
查看更多
平台兼容性
App |
快应用 |
微信小程序 |
支付宝小程序 |
百度小程序 |
字节小程序 |
QQ小程序 |
app-vue app-nvue |
× |
√ |
× |
× |
× |
× |
钉钉小程序 |
快手小程序 |
飞书小程序 |
京东小程序 |
× |
× |
× |
× |
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
√ |
√ |
√ |
√ |
√ |
× |
√ |
√ |
√ |
示例
<navigation :monitorTop="monitorTop" :topTitle="'Top'" :id="1" showMenuTop/>
import navigation from "../../components/navigation-top/navigation-top"
export default {
components:{
navigation
},
data() {
return {
monitorTop:null
}
},
//不知道为什么显示不全,这里是onPageScroll(e)
onPageScroll(e) {
//获取滚动条到顶部距离
this.monitorTop=e.scrollTop
},
}
API
Props
属性名 |
类型 |
默认值 |
说明 |
monitorTop |
Number |
1 |
滚动条到顶部浮动块隐藏 |
topTitle |
String |
TOP |
一键顶部的文字 |
id |
Number |
1 |
当前页面选中高亮 |
showMenuTop |
Boolean |
false |
是否显示一键顶部按钮 |
retractMenu |
Boolean |
false |
回到顶部是否收起菜单 |
组件路由配置
this.navigationList=[
{
id:1,title:"首页",path:"/pages/index/index",
},
{
id:2,title:"个人中心",path:"/pages/my/index",
},
{
id:3,title:"关于",path:"/pages/about/index",
}
...
]