1.0.0 • Published 5 years ago

xu-page-nav v1.0.0

Weekly downloads
2
License
ISC
Repository
-
Last release
5 years ago

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