vue element-ui 手机号校验 & 验证码校验 & 获取验证码倒数60秒无样式实现

这段时间被迫搞前端搞裂开了，记录一下手机号验证码校验登录的极简无样式前端实现
巨丑！希望大佬们不介意
下面是先演示效果

• 点击登陆后显示校验信息
  

• 输入手机号点击获取验证码
  

• 输入符合校验的内容后点击登录提示成功

无后端交互！！！！
非常非常简单的功能，我觉得这是个万能模板，全部代码如下。

<template>
	<el-form ref="loginForm" :model="form" :rules="rules" :inline="true">
		<el-form-item label="手机号" prop="phone">
			<el-input type="text" maxlength="11" placeholder="手机号" style="width: 250px" v-model="form.phone" />
		</el-form-item>
		<el-form-item label="验证码" prop="code">
			<el-input type=