头部的导航栏,以前总以为是通过按钮来跳转的,,今天刚接触了一种新的方式,超想分享一下的,效果图如下:
总体思路是这样的:
- 先在 js 文件中用数组列出关键字,并编写导航栏的点击跳转事件
- 开始布局,声明跳转的事件、隐藏的信息等
- 最后描写布局的样式
下面开始:
1. 在页面 index.js 文件中,用数组写出跳转的关键字和跳转的“tabnav”方法,编辑如下:
代码如下:
Page({
/**
* 页面的初始数据
*/
data: {
nav: ["推荐", "排行榜", "搜索"],
curNum: 0
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function(options) {
var that=this;
},
//导航栏
tabnav: function (ev) {