微信小程序总结_res.data.rows-CSDN博客

本文链接：https://blog.csdn.net/Yyyy_sss/article/details/126148890

1.配置tabBar

 "tabBar": {
    "list": [{
      "pagePath": "pages/index/index",
      "text": "首页",
      "iconPath": "assets/icons/index.png",
      "selectedIconPath": "assets/icons/index-active.png"
    },{
      "pagePath": "pages/my/index",
      "text": "我的",
      "iconPath": "assets/icons/wode.png",
      "selectedIconPath": "assets/icons/wode-active.png"
    }]
  },

2.交互效果

Toast

 wx.showToast({ // 显示Toast
      title: '已发送',
      icon: 'success',
      duration: 1500
    })
 wx.hideToast() // 隐藏Toast

模态对话框

wx.showModal({
      title: '标题',
      content: '告知当前状态，信息和解决方法',
      confirmText: '主操作',
      cancelText: '次要操作',
      success: function(res) {
        if (res.confirm) {
          console.log('用户点击主操作')
        } else if (res.cancel) {
          console.log('用户点击次要操作')
        }
      }
   })

3.小程序缓存

异步缓存

wx.setStorage(OBJECT)

将数据存储在本地缓存中指定的 key 中，会覆盖掉原来该 key 对应的内容

wx.setStorage({
key:"key",
data:"value"
})
wx.getStorage(OBJECT)

从本地缓存中异步获取指定 key 对应的内容。

wx.getStorage({
key: 'key',
success: function(res) {
console.log(res.data)
}
})

同步缓存

wx.setStorageSync(KEY,DATA)

将 data 存储在本地缓存中指定的 key 中，会覆盖掉原来该 key 对应的内容，这是一个同步接口。

wx.getStorageSync(KEY)

从本地缓存中同步获取指定 key 对应的内容。

清理缓存

wx.clearStorage()

清理本地数据缓存。

wx.clearStorageSync()

同步清理本地数据缓存

4.小程序跳转

1. wx.switchTab ：用于跳转到tab页面；

wx.switchTab({
url:'../index/index'
})
2. wx.reLaunch ：关闭所有页面，跳转到新的页面；

wx.reLaunch({
url: '../index/index'
})
3. wx.redirectTo ：关闭当前页面**（不入栈）**，跳转到新的页面；

wx.redirectTo({
url: '../index/index?id=1'
})
4.wx.navigateTo : 最常用的普通页面的跳转方式**（入栈）；**

wx.navigateTo({
url: '../index/index',
}）
5. wx.navigateBack：返回页面，不带参数，直接返回上一页，带参数delta，可以设置返回的页面数；

// 不带参数
wx.navigateBack()

// 带参数delta，将返回前两个的页面
wx.navigateBack({
delta: 2
})
其中wx.reLaunch，wx.navigateTo，wx.redirectTo是可以携带参数的

5.小程序请求

wx.request（）

url 开发者服务器接口地址。注意这里需要配置域名
data 请求的参数
header 设置请求的 header，header 中不能设置 Referer，默认header['content-type'] = 'application/json'
method（需大写）有效值：OPTIONS, GET, HEAD, POST, PUT, DELETE, TRACE, CONNECT
dataType json 回包的内容格式，如果设为json，会尝试对返回的数据做一次 JSON解析
success 收到开发者服务成功返回的回调函数。
fail 接口调用失败的回调函数
complete 接口调用结束的回调函数（调用成功、失败都会执行）

  wx.request({
      url: 'https://showme.myhope365.com/api/cms/article/open/list',
      method: "POST",
      data: {
        pageNum: 1,
        pageSize: 10
      },
      header: {
        "content-type": "application/x-www-form-urlencoded"
      },
      success: res => {
        console.log(res.data.rows)
      }
})