效果图如下所示：

view

{{item.name}} 更多...

css

js

<div class="jb51code">
<pre class="brush:js;">
var app = getApp();
var data = require('../../utils/data.js');
Page({
/**

• 页面的初始数据
  */
  data: {
  addNumber:0,banner_url: data.bannerList(),nav_list: [{
  name: "现场记录",url:"../expo-list/expo-list"
  },{
  name: "退出",url: "../login/login"
  }],user:null,open: false,indicatorDots: true,//是否显示面板指示点
  autoplay: true,//是否开启自动切换
  interval: 3000,//自动切换时间间隔
  duration: 500//滑动动画时长
  },gotoUrl:function(e){
  wx.navigateTo({
  url: e.currentTarget.dataset.id
  })
  },//列表的操作函数
  open_list: function () {
  //此处进行操作
  this.setData({
  open: false
  });
  },//左侧导航的开关函数
  offCanvas: function () {
  if (this.data.open) {
  this.setData({
  open: false
  });
  } else {
  this.setData({
  open: true
  });
  }
  },})