HBuilderX uni-app简单实现静态登录页面（加实例）

本章用到......uni-app页面跳转uni.navigateTo方法、uni.navigateBack方法。uni-app简单实现邮箱验证码发送点击后读秒样式。登录账号、密码正则表达式验证等

适合刚入门的小伙伴，大佬就没必要看了

静态页面！静态页面！没有绑定后端数据接

一、HBuilderX下载

链接：HBuilderX-高效极客技巧 (dcloud.io)

二、创建uni-app项目我这里直接选择默认模板，Vue版本、uniCloud自行选择即可

 创建完之后自动生成的文件名有需要自己改

文件名这里自动生成是index，文件名自行定义即可

页面文件自己新建Vue文件即可

pages.json配置文件

注意！！这个文件后续如果需要新添加新页面时这个文件里一定要配置参数不然页面出不来，代码格式看下面代码

{
    // 设置单页面
    "pages": [ //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages
        {
            "path": "pages/login/login",
            "style": {
                // 设置顶部导航栏
                "navigationBarTitleText": "",
                "navigationBarBackgroundColor": "#FFFFFF"
            }
        },
        {
            "path": "pages/login/findBack",
            "style": {
                "navigationBarTitleText": "找回密码"
            }
        },
        {
            "path": "pages/login/mailFindBack",
            "style": {
                "navigationBarTitleText": "邮箱找回密码"
            }
        },
        {
            "path": "pages/login/phoneVerify",
            "style": {
                "navigationBarTitleText": "",
                "navigationBarB