头部导航栏的简单制作（微信小程序）
最新推荐文章于 2024-07-30 13:02:28 发布
头部的导航栏，以前总以为是通过按钮来跳转的，，今天刚接触了一种新的方式，超想分享一下的，效果图如下：
总体思路是这样的：
- 先在 js 文件中用数组列出关键字，并编写导航栏的点击跳转事件
- 开始布局，声明跳转的事件、隐藏的信息等
- 最后描写布局的样式
下面开始：
1. 在页面 index.js 文件中，用数组写出跳转的关键字和跳转的“tabnav”方法，编辑如下：
代码如下：
Page({
/**
* 页面的初始数据
*/
data: {
nav: ["推荐", "排行榜", "搜索"],
curNum: 0
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function(options) {
var that=this;
},
//导航栏
tabnav: function (ev) {
05-16
602
602
12-16
656
656
12-13
暂无认证
到【灌水乐园】发言
年少无谓: 博主我想问下怎样才能使轮播图置顶
qq_40455367: 但是，dw怎么才能保存并上传呢，每次测试需要点上传，真心麻烦
鹏仔工作室: 就凭你那几张截图的详细介绍，给你点个赞。
weixin_45234429: 为啥我试了不行，他不显示
lingxiongjuan: 很棒，凌老师已读