淘宝小程序踩坑记录(持续更新)

1：淘宝小程序会自动把data层解构，前端无法取到data外部的返回参数

2：淘宝小程序跳转外部页面

my.call("navigateToOutside", { url: url }); // url -->需要跳转的链接,后端不需要deCode
//  url中的回跳地址如需要携带参数,参数不能用&符号传递参数，淘宝会解析成和page页面同级,跳转页面的时候不会带过去
// 测试环境下IOS需要特殊处理 +上nbsv版本号；
// nbsv是测试的版本号,在预览模式下点击二维码可以获取
encodeURIComponent(`&nbsv=${nbsv}&nbsource=debug&nbsn=DEBUG`) ; 

3：淘宝小程序大长图的拼接

// 在小程序中使用image标签拼接长图会出现一个12px的白条。
// axml
<view class="splice-long-pic">
    <image mode="mode" src="url"/>
    <image mode="mode" src="url"/>
</view>
// css
.splice-long-pic {
     display: flex;
     flex-direction: column;
}

4:部分API冲突

// hideLoading在showToast之前调用会被隐藏,hideLoading会隐藏所有show的API，部分安卓手机可能会出现白圈的情况
my.showToast({ content:content }); 
my.hideLoading(); 

5:淘宝小程序没有datePicker组件，如果需要使用日期选择器,使用my.datePicker();

my.datePicker({
  format: 'yyyy-MM-dd', // 日期格式
  currentDate: '2012-12-12', // 当前日期
  startDate: '2012-12-10', // 可供选择的当前时间
  endDate: '2012-12-15', // 可供选择的结束时间
  success: (res) => { // 调用成功的回调
    my.alert({
      content: res.date,
    });
  },
});

6:淘宝小程序目前input输入框的type不生效，需要自己写判断。

7:radio单选框，选中后的效果css样式无法覆盖。