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

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

例：home（我的首页），在wxml中

  <button bindtap="toList">去list</button>
  <button bindtap="toIndex">去index</button>

在js中写入功能

Page({
  data: {

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

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

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

在index wxml中

<view class="indexcpage">恭喜你跳转tabbar页面成功</view>

<button open-type="share">分享</button>

在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">去详情</navigator>

<view wx:for="{{arr}}"  bindtap="toInfo" data-lijian="{{item.id}}">

{{item.name}}</view>

js

Page({

  /**

   * 页面的初始数据

   */

  data: {

    arr: [

      {

        id: 1,

        name:'凯隐'

      },

      {

        id: 2,

        name:'卡兹克'

      },

      {

        id: 3,

        name:'芮尔'

      }

    ]

  }

即可进入info页面

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

<button bindtap="backIndex">返回首页</button>

js

Page({

  data: {

  },

  backIndex(){

    wx.navigateBack({

      delta: 12

    })

  }