第一次使用uni-app遇到的问题

前言

一直从事web前端工作，然而在12月初工作需要用h5做个app，项目经理提出用uni-app封装，于是我开始认识uni-app，打开uni-app官网，用了一天时间把官网读完，感觉还可以，从前端角度来看，是小程序和vue的结合，所以不觉得会有什么大问题，用了5个工作日写完了项目页面，在web端查看测试结果完美，和设计一模一样，开心！接下来考虑运行到真机测试一下，然而问题就来了。。

uni-app问题总结

先说下问题，然后列出对应解决方案。

1. 背景图片都不显示-----转成base64格式；
2. tabBar图标显示不出来------不要设置图标宽高
3. tabBar高度比尺寸高出很多------使用默认height
4. 获取验证码按钮显示没有问题，但是点击获取的时候总是定位到该按钮所在位置的input上------提升【获取验证码】按钮z-index的值
5. checkbox多选框的边框修改样式不生效-----暂无解决
6. 个人感觉uni-app社区和官网太不友好，官网不细致，社区提出问题没有人解答，不过有些插件作者还是挺给力的。

真机测试

1、下载手机助手，手机开启usb调试模式，开发者选项打开，运行选择设备就可以了

打包

云打包

如果是新手建议云打包，本地打包的坑太多了，但是需要注意云打包每天限制次数，所以不建议用这种打包方式来调试问题。

本地打包

1、jdk环境–安装、环境配置
2、andriod studio安装（一般as安装都包括了andriod sdk）如果没有的话还需要下载sdk
as安装地址
安卓sdk安装地址
3、本地打包日记

感谢

在此感谢以下文章作者的总结

1. https://baijiahao.baidu.com/s?id=1630229511923551996&wfr=spider&for=pc
2. https://blog.csdn.net/yuanguangyu1221/article/details/72858834
3. https://www.cnblogs.com/nebie/p/9145627.html
4. https://www.jianshu.com/p/a44b1e6fe27e
5. https://ext.dcloud.net.cn/plugin?id=820
6. uniapp QQ群