Uniapp项目——H5页面转微信小程序

最近因为公司考虑到微信小程序更加有市场,需要把原来的H5页面项目转成小程序。还好我们的项目比较小,开始想着改造起来工作量应该不大,后面发现还是有很多细节问题要考虑。
1 图片上传;subPackages分包;color不能为文字
因为微信小程序有2M的最大包限制,所以需要进行分包处理;另外就是pages.json中的颜色不能为’white’这种,而应该是’#FFFFFF’。
2 小程序右上角自带关闭按钮把页面遮挡了:css调整
因为我们的有些页面去掉了导航条,在 H5中与页面最高点距离是刚好合适的。但在小程序中,需要把这个距离调大,这样才不会被遮住。
当然,H5转小程序,由于多了右上角的高度,可能很多页面样式都需要调整。
如果H5中的导航条为custom,且需要返回按钮,则需要手写导航条及返回按钮。
3 uchart图片优先级太高,导致遮挡文字:开启canvas2d
如果项目中用到uchart,要注意开启canvas2d
4跳转设置
如果其他小程序需要跳转到该项目,记得要改一下。小程序跳转H5 和小程序跳转其他小程序,用法是不一样的。

附:小程序转H5页面
1 调用的上传接口要特殊处理一下:设置Content-Type:multipart/form-data
2 键盘弹出后,会改变悬浮按钮的位置,H5需要修改样式

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值