第二章《uni-app记账小程序引导页+登录+注册篇》

前言：

  uni-app的框架结构本质上和vue有很多相似的地方，只不过为了实现多端跨平台做了部分转换处理.所以只要你会写基本的css  和vue 基本没什么问题。

这次介绍的是uni-app 的《插件市场》 作为一个后端程序员UI是最为头疼的问题，但有了uni-app的插件市场很多UI库都能从里面找到
当然这些UI库都是一些大神的开源作品，这里我选取了ColorUII这个UI库。[ColorUI-UniApp]https://github.com/weilanwl/ColorUI

博客园里uni-app实战同僚的文章讲解的非常详细，这里转载为他点赞

目录
博客园地址
第一章搭建uni-app 记账小程序
第二章《uni-app记账小程序导航登录注册篇》

正文
微信的调试预览和真机调试功能是需要开发者ID的，申请步骤很简单就不再赘述了
微信开发工具
避免重复造轮子，直接前往插件市场找
使用引导页面资源
APP-引导页 新增定位及天气
1.做app的引导界面
实现原理：
（1）通过app.vue的启动函数 onLaunch 进入函数以后，使用api uni.setTabBarBadge()来控制你要率先显示的界面，也就是显示你要的引导页
（2）再通过swiper组件是实现滑动的效果
（3）本地保存是否显示引导界面的参数，用来判断首次安装或是首次加载（引导界面展示的图片可以用网络路径 https ，而控制是否显示的参数也是后台api接口提供，这样，比如你更新了或是有新的广告图片可以在服务端控制）
案例都有了实现起来就很简单了
第一步
新建 guide.vue pages文件夹->index文件夹->右键 (新建-vue文件） 页面做两件事

第二步
新建 index.vue pages文件夹->index文件夹->右键 (新建-vue文件） 页面做一件事 （判断 我们是不是第一次安装或是第一次加载）

注意：我跳转用的 reLaunch（关闭所有页面重新打开一个界面） ，uni.navigateTo(OBJECT) 是保持当前页面，因为微信 限制 打开的最高层数10层，所以要用reLaunch 跳转才能看到测试效果，不然navigateTo跳转第10界面它就不会动了 像这个样子

image

设置 ”不校验合法域名、web-view（业务域名）、TLS 版本以及 HTTPS 证书 “ 不设置会提示你http错误什么的，两种方式
微信开发工具

image