支付宝小程序与微信小程序的不同

版权声明:本文为博主原创文章,遵循 CC 4.0 by-sa 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/qq_30109365/article/details/84993575

支付宝小程序和微信小程序在提供的部分接口类似,声明周期,类型都是一致的,本篇文章只记录与微信小程序不同的地方,(个人感觉微信提供的小程序文档相对较全-用起来方便,但支付宝正在拓展不同能力的功能接口)。

1.支付宝小程序请求

my.httpRequest({
  url: that.datas.url,
  data: params,
  method: "POST",
  headers: {
    'content-type': 'application/json' // 默认值
  },
  success: function(res) {
  },
  fail: function(xhr, type, status) {
  }
})

支付宝小程序请求的所有参数
以上未支付宝小程序发出请求的所有参数

微信小程序请求

wx.request({
      url: that.datas.url,
      data: params,
      method: "POST",
      header: {
        'content-type': 'application/json' // 默认值
      },
      success: function(res) {
      },
      error: function(xhr, type, status) {         }
    })

总结: 二者有部分的值不同,但整体结构一致!

2.接口,循环渲染

接口:
微信采用 wx. 例如: wx.request({})
支付宝采用 my. 例如: my.httpRequest({})

循环:
微信采用 wx: 例如: < block wx:for="{{newList}}" wx:for-item="item" wx:for-index="idx" wx:key="a">
支付宝采用 a: 例如: < block a:for="{{newsList}}" a:for-item="item" a:for-index="idx" a:key="h">

3.tabBar

支付宝小程序 的底部bar

"tabBar": {
    "backgroundColor": "#FFFFFF",
    "textColor": "#7F8389",
    "selectedColor": "#3FB9FB",
    "items": [
      {
        "pagePath": "pages/index/index",
        "name": "咨询",
        "icon": "pages/images/tab_shujie@2x.png",
        "activeIcon": "pages/images/tab_shujie_sel@2x.png"
      },
      {
        "pagePath": "pages/order/order",
        "name": "订单",
        "icon": "pages/images/tab_dingdan@2x.png",
        "activeIcon": "pages/images/icon_dingdansel@2x.png"
      },
      {
        "pagePath": "pages/personal/person",
        "name": "我",
        "icon": "pages/images/tab_wode@2x.png",
        "activeIcon": "pages/images/tab_wode_sel@2x.png"
      }
    ]
  }

微信小程序 的底部bar

"tabBar": {
    "borderStyle": "#FFFFFF",
    "position": "bottom",
    "color": "#7F8389",
    "selectedColor": "#3FB9FB",
    "list": [
      {
        "pagePath": "pages/text/text",
        "text": "测试",
        "iconPath": "pages/images/text.png",
        "selectedIconPath": "pages/images/textblue.png"
      },
      {
        "pagePath": "pages/index/index",
        "text": "咨询",
        "iconPath": "pages/images/tab_shujie@2x.png",
        "selectedIconPath": "pages/images/tab_shujie_sel@2x.png"
      },
      {
        "pagePath": "pages/order/order",
        "text": "订单",
        "iconPath": "pages/images/tab_dingdan@2x.png",
        "selectedIconPath": "pages/images/icon_dingdansel@2x.png"
      },
      {
        "pagePath": "pages/personal/person",
        "text": "我",
        "iconPath": "pages/images/tab_wode@2x.png",
        "selectedIconPath": "pages/images/tab_wode_sel@2x.png"
      }
    ]
  }

iconPath–icon selectedIconPath–activeIcon text–name (左边微信,右边支付宝) 还有一些不细举例!
总结: 二者有部分的值不同,但整体结构一致!

4.showToast

在这里插入图片描述

下面微信小程序
在这里插入图片描述

总结: 二者有部分的值不同,但整体结构一致!

5.getStorageSync,setStorageSync

支付宝  my.getStorageSync({key:"token"}).data       my.setStorageSync({key:"tag_list",data: data.data.tag_list})
微信    my.getStorageSync("token")                  my.setStorageSync("tag_list",data.data.tag_list)
展开阅读全文

没有更多推荐了,返回首页