当前位置:网站首页>微信小程序转支付宝小程序注意事项
微信小程序转支付宝小程序注意事项
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,直接复制微信小程序上传图片会报错。
支付宝小程序正在开发中,持续更新…
边栏推荐
- Getting started with ctfshow-web Part of the file upload part solution
- 【redis】使用redis实现简单的分布式锁,秒杀并发场景可用
- Matlab, and nonlinear equations solving linear equations
- The embedded serial port interrupt can only receive one byte
- QT设置exe可执行文件的图标
- 加密技术和电子竞技如何促进彼此的发展
- Where does detection go forward?
- leetcode 35. 搜索插入位置(二分法+找性质也很关键)
- Conversion between number systems
- BUUCTF MISC刷题笔记(二)
猜你喜欢
【场景化解决方案】OA审批与用友U9数据集成
【场景化解决方案】钉钉财务审批同步金蝶云星空
[MySQL]mysql: Solve the problem of [Err] 1093 - You can't specify target table 'table name' for update in FROM clause
requests之模拟登录学习
OpenHarmony Light Smart Product Development Live Notes
Some of the topics in VNCTF2021 are reproduced
DeFi 项目中的治理Token
bs4之爬取诗词学习
nodeMCU(ESP8266)和RC522的接线图
ctfshow-web入门 文件上传篇部分题解
随机推荐
[V&N2020 公开赛]内存取证
三次握手,四次挥手
深度学习时代的视频理解综述
uva11624 Fire! (双bfs)
Where does detection go forward?
MySQL创建索引的技巧
【场景化解决方案】构建医疗通讯录,“慧医钉”助力医院实现数字化管理
【redis】使用redis实现简单的分布式锁,秒杀并发场景可用
腾讯云服务器修改为root登录安装宝塔面板
jdbctemplate连接sql server,代码中查出来的数据跟数据库中不一致,如何解决?
Where does detection go forward?
黑马2022最新redis课程笔记知识点(面试用)
Literature retrieval operation code
The embedded serial port interrupt can only receive one byte
Regular Expressions for Shell Programming
【LeetCode每日一题】——225.用队列实现栈
Venture DAO 行业研报:宏观和经典案例分析、模式总结、未来建议
【redis】redis之过期监听
js实现看板全屏功能
VNCTF2021 部分题目复现