当前位置:网站首页>微信小程序转支付宝小程序注意事项
微信小程序转支付宝小程序注意事项
2022-08-09 08:54:00 【Your-Nikee】
就小程序而言,其实支付宝小程序与微信小程序的相差并不大,如果你掌握了微信小程序,支付宝小程序基本上手到擒来。
原生支付宝小程序越写越不对,这个编译器比微信小程序开发者工具还难用!!!!
1、image标签会被支付宝小程序编译为background属性,如果不加上background-size或指定mode,会出现即使你设置了图片大小,图片依然不能显示完的效果。
2、axml中标签必须先写 < 才能自动补全标签。这对coding的我们实在有些头疼
3、有可能是我没有设置对,修改过的小程序文件必须一个一个保存,不能ctrl+s保存所有修改的文件
小程序容纳大小
支付宝小程序与微信小程序主包大小都只能容纳2M的内容,但是二者同样都支持分包加载,微信小程序的主包内容不能超过2M,其余分包单个不能超过2M,加主包不能超过20M,但是支付宝小程序分包加主包大小却不能超过4M,开发者要多留意本地的内容大小。
微信小程序超过2M怎么办?分包加载的方法
顶部导航
微信小程序可以通过{"navigationStyle": "custom"}
去掉单页的头部导航,包括返回按钮,二者都不能隐藏胶囊按钮。
支付宝小程序缺不能通过这个属性移除头部的返回按钮,且只是将内容进行了透明处理。
支付宝小程序需要在app.json中添加以下属性控制。
"window": {
"defaultTitle": "",//默认头部导航标题
"transparentTitle": "always",
"titlePenetrate":"YES"
}
api调用
首先,支付宝小程序api调用方式是以my.api的形式,而微信则是wx.api。
wx.getMenuButtonBoundingClientRect() 获取胶囊位置:
支付宝没有**wx.getMenuButtonBoundingClientRect()**获取胶囊位置,但是可以通过获取系统状态栏高度实现同样效果,
getSystemInfo获取系统信息:
而获取系统信息 getSystemInfo也有一定区别
支付宝:
微信:
可以通过获取titleBarHeight去实现类似的效果。
my.showToast短提示
微信小程序可以指定icon类型,以下为具体参数
支付宝小程序可以指定提示类型,区分代表不同的图标样式。
//微信
wx.showToast({
title: message,
icon: 'none',
duration: 1500
})
//支付宝
my.showToast({
type: 'none',
content: message,
duration: 1500
});
页内语法
微信小程序wxml语法多已wx:开头,而支付宝小程序所有的语法都以a:开头
举例
<!--微信小程序-->
<view style="color:#ccc" wx:if='{
{userLocation==""}}'>请选择您的所在位置</view>
<view class="upimg" bindtap="changeImgList" wx:for='{
{upImgList}}' wx:key='index' style="border:none" data-index='{
{index}}'>
</view>
<!--支付宝小程序-->
<view style="color:#ccc" a:if='{
{userLocation==""}}'>请选择您的所在位置</view>
<view class="upimg" bindtap="changeImgList" a:for='{
{upImgList}}' a:key='index' style="border:none" data-index='{
{index}}'>
</view>
页内事件绑定
微信小程序:bindTap
支付宝:onTap
**
获取用户授权:
**
微信小程序需要通过用户触发按钮手动授权,且也可不用授权就可在页面展示用户头像、昵称等信息。
支付宝小程序:
登录支付宝开放平台后,需要点击能力管理,去获取更多能力,在下拉列表中找到获取会员信息。
注意:手机号与用户信息要单独获取,且手机号信息需要企业账号才有资格获取。
微信运动:
微信小程序:
需要在公众号中打开该功能,通过调用api wx.getWeRunData
去过去微信用户运动数据。
支付宝:
需要企业账号才能使用该功能,且需要用户手动去 运动 中打开,才可调用api去获取用户运动数据。
上传图片:uploadFile
微信小程序:
wx:uploadFile
支付宝小程序
my:uploadFile
需要指定filtType,直接复制微信小程序上传图片会报错。
支付宝小程序正在开发中,持续更新…
边栏推荐
猜你喜欢
随机推荐
bs4之爬取诗词学习
【CNN】2022 ECCV 对比视觉Transformer的在线持续学习
requests爬取百度翻译
leetcode 36. 有效的数独(模拟题)
leetcode 34. 在排序数组中查找元素的第一个和最后一个位置(二分经典题)
Where does detection go forward?
管理方向发展
MySQL创建索引的技巧
A watch - article HongMeng development practical experience
elder blind date
Makefile中patsubst、wildcard、notdir的使用
JVM进程诊断利器——Arthas
The working principle of switch
Process synchronization and mutual exclusion problem
【redis】redis之过期监听
DeFi 项目中的治理Token
【CNN】白话迁移学习中域适应
100句话,是否会触动你?
leetcode 37. 解数独 (困难)
[V&N2020 Open] Memory Forensics