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需要修改样式