头部导航栏的简单制作（微信小程序）

 头部的导航栏，以前总以为是通过按钮来跳转的，，今天刚接触了一种新的方式，超想分享一下的，效果图如下：

 总体思路是这样的：

•     先在 js 文件中用数组列出关键字，并编写导航栏的点击跳转事件
•     开始布局，声明跳转的事件、隐藏的信息等
•     最后描写布局的样式

 下面开始：

 1. 在页面  index.js 文件中，用数组写出跳转的关键字和跳转的“tabnav”方法，编辑如下：

代码如下：

Page({
  /**
   * 页面的初始数据
   */
  data: {
    nav: ["推荐", "排行榜", "搜索"],
    curNum: 0
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function(options) {
   var that=this;
  },

  //导航栏
  tabnav: function (ev) {