Uniapp微信小程序转支付宝小程序

Uniapp打包成小程序后即可使用

注意事项及修改内容

1. 在manifest.json配置支付宝小程序APPID
2. 获取手机号功能需要去小程序平台获取相对应的能力 

      能力有：转账、小程序二维码、模板消息、图片内容安全、音频播放等等

     3.需要配置支付宝公钥、应用网关,才能使用获取手机号能力

      设置地址：https://openhome.alipay.com/mini/dev/detail/2021001157624576/setting#develop

 

   4.获取手机号方式调整

   用户点击button后，使用my.getPhoneNumber去获取 response、sign

 

   5.获取手机号，因是版本不同解析方式不同，需后台解析

   后台解析方法地址:  https://opendocs.alipay.com/mini/2019110100244259

 

   6.uni.request 公共方法里设置  dataType: 'text',

   7.uni-nav-bar在小程序里不支持，需注释掉，转换后，需在json文件里重新配置

   8.需去掉showToast里的duration

   9.支付宝不支持picker的mode属性，仅支付单项picker     解决方案：将多项picker进行拆分

  10.span 标签上不能绑定事件

   uni-app上是支持使用span标签写代码的，在编译时会被编译成label标签，而支付宝小程序在label上绑定事件不生效。

   11.picker组件内部只能包含一个子元素

    如果业务场景需要多个的话，就在外面包一个父元素

   12、class不支持[],object的形式进行动态绑定

   可以使用string的形式绑定

   13、input组件具有默认的白色背景和padding还有一些默认样式

   可以在公共样式中覆盖

   14.uni.request的statusCode

    uni.request发起请求，如果返回的statusCode是400   

    支付宝  请求失败

     微信   请求成功

    解决方法：可以让后端接口请求，如果请求通过，统一返回statusCode200，然后在返回的数据中再进行逻辑判断

    15.label标签具有默认的行高   为 lin-height:1.8    

    16.navigateBack的delta的值不能为-1

    17.Uni.chooseLocation 在支付宝小程序里，选择默认定位时，返回res.name为空。

     解决方法：res.name==''?res.address:res.name

    18.scroll-view 不能使用点击事件

     解决方法：在scroll-view外增加view标签 ，增加点击事件

    19.使用join()， 必须让他成为一个方法

     例： this.newSlectList为object

错误方法

 

正确方法

 

    20.v-for里避免使用 v-show （不起作用）

      解决方法： v-if