微信小程序跳转页面,分享功能

先自己写出一个tabbar,然后在首页写入点击事件

例:home(我的首页),在wxml中

 
 

在js中写入功能

Page({
  data: {

  },
  toList(){
    // 编程式导航跳转至 非 tabbar 页面

wx.navigateTo(详细功能网站)({
      url: '/pages/list/list',
    })
  },
  toIndex(){
    // 正确的写法
    wx.switchTab({
      url: `/pages/index/index`,
    })
  }
)}

在写入的设置的index文件中可继续完成  分享  下拉刷新功能

在index wxml中

恭喜你跳转tabbar页面成功

分享

在js中

Page({
  data: {
  },  
 //onPullDownRefresh(详细功能位置)

onPullDownRefresh(){
    setTimeout(()=>{
      // 停止下拉刷新
      wx.stopPullDownRefresh()
    },1000)
  },
   * 页面上拉触底事件
   */
  onReachBottom: function () {
    console.log('滑动到底了')
  },

  /**
   * 分享
   */
  onShareAppMessage: function () {
    console.log('分享')
  },
  onPageScroll(){
    console.log(1)
  }
})

list  wxml

<navigator url="/pages/info/info">去详情

{{item.name}}

js

Page({

  /**

   * 页面的初始数据

   */

  data: {

    arr: [

      {

        id: 1,

        name:'凯隐'

      },

      {

        id: 2,

        name:'卡兹克'

      },

      {

        id: 3,

        name:'芮尔'

      }

    ]

  }

即可进入info页面

可以设置一个点击事件,返回首页

返回首页

js

Page({

  data: {

  },

  backIndex(){

    wx.navigateBack({

      delta: 12

    })

  }

你可能感兴趣的