微信小程序自定义头部导航栏

<!--index.wxml-->
<view>
<navbar id=‘index_header‘ background=‘{{background}}‘ pageName="{{pageName}}" showNav=‘false‘ showHome=‘false‘ flag=‘{{flag}}‘ userimg=‘{{userimg}}‘></navbar>
</view>

<view>
<import src="../../utils/wxaSortPicker/wxaSortPicker.wxml" />
<template is="wxaSortPicker" data="{{wxaSortPickerData,dataType}}" />
</view>
 
 
<!--index.js-->
微信小程序自定义头部导航栏

 

<!--index.json-->

引入自定义头部文件

微信小程序自定义头部导航栏

 

 

效果展示

 

微信小程序自定义头部导航栏

 

 

 

 

微信小程序自定义头部导航栏

上一篇:小程序开发入门(一)


下一篇:微信公众号之获取openId