xu-page-nav
v1.0.0
Published
小程序自定义导航栏[D[D[D[D[D[D[D[D[D[D[D[D[D[D[D[D[D微信[[C[C[C[C[C[C[C[C[C[C[微信小程序自定义导航栏组件
Downloads
8
Maintainers
Readme
xu-page-nav
微信小程序自定义标题组件,支持全屏,支持bar,标题,自定义颜色,home键返回键切换
使用教程
# 安装插件
npm install --save xu-page-nav
# 把组件复制到项目位置然后在app.json配置全局组件
"usingComponents": {
"xu-page": "/components/pagenav/index",
},
"window": {
"navigationStyle": "custom"
}
使用demo
<am-page class="page-content-box" nav-type="back" title="标题" bindcall="goback">
<view>页面主题内容</view>
</am-page>
Page({
backFun(){
console.log('返回回调')
}
})
// 使用说明
在page页面最外层映入组件
<am-page class="page-content-box" nav-color="none" nav-type="home" title="首页" bindcall="backFun">
页面内容
</am-page>
参数说明 nav-type = "home|back|none" (home是显示回到首页按钮,back是返回按钮,none是不显示,默认值为none)
title 是导航栏标题
bindcall 是点击图标按钮返回的函数。
bar-color bar背景颜色
nav-color 标题背景颜色
body-color 主题内容颜色
ps:文档写的不够详细,开发遇到问题的可以微信V我 YD1008610000