zrh 4 weeks ago
parent
commit
c54b9aed85
  1. 4
      .gitignore
  2. 10
      .nuxt/router.js
  3. 129
      pages/register.vue
  4. 0
      pages/ucenter.vue

4
.gitignore

@ -1,6 +1,3 @@
<<<<<<< HEAD
node_modules
=======
# dependencies
node_modules
@ -12,4 +9,3 @@ npm-debug.log
# Nuxt generate
dist
>>>>>>> master

10
.nuxt/router.js

@ -6,8 +6,6 @@ import scrollBehavior from './router.scrollBehavior.js'
const _578f272f = () => interopDefault(import('..\\pages\\club\\index.vue' /* webpackChunkName: "pages_club_index" */))
const _616e5366 = () => interopDefault(import('..\\pages\\home\\index.vue' /* webpackChunkName: "pages_home_index" */))
const _0612e07c = () => interopDefault(import('..\\pages\\login.vue' /* webpackChunkName: "pages_login" */))
const _e5ead240 = () => interopDefault(import('..\\pages\\register.vue' /* webpackChunkName: "pages_register" */))
const _0f3a46dd = () => interopDefault(import('..\\pages\\ucenter.vue' /* webpackChunkName: "pages_ucenter" */))
const _3c6b3d65 = () => interopDefault(import('..\\pages\\index.vue' /* webpackChunkName: "pages_index" */))
// TODO: remove in Nuxt 3
@ -39,14 +37,6 @@ export const routerOptions = {
component: _0612e07c,
name: "login"
}, {
path: "/register",
component: _e5ead240,
name: "register"
}, {
path: "/ucenter",
component: _0f3a46dd,
name: "ucenter"
}, {
path: "/",
component: _3c6b3d65,
name: "index"

129
pages/register.vue

@ -1,129 +0,0 @@
<template>
<div class="main">
<div class="title">
<a href="/login">登录</a>
<span>·</span>
<a class="active" href="/register">注册</a>
</div>
<div class="sign-up-container">
<form action="register">
<div class="input-prepend restyle">
<input
v-model="member.nickname"
type="text"
placeholder="你的昵称">
<i class="iconfont icon-user"/>
</div>
<div class="input-prepend restyle no-radius">
<input
v-model="member.mobile"
type="text"
placeholder="手机号">
<i class="iconfont icon-phone"/>
</div>
<div class="input-prepend restyle no-radius" style="position:relative">
<input
v-model="member.code"
type="text"
placeholder="验证码">
<i class="iconfont icon-yanzhengma"/>
<a
href="javascript:"
type="button"
style="position:absolute;right: 10px;top: 15px;"
@click="getCodeFun()">{{ codeText }}</a>
</div>
<div class="input-prepend">
<input
v-model="member.password"
type="password"
placeholder="设置密码">
<i class="iconfont icon-password"/>
</div>
<div class="btn">
<input
type="button"
class="sign-up-button"
value="注册"
@click="submitRegister()">
</div>
<p class="sign-up-msg">
点击 注册 即表示您同意并愿意遵守简书
<br>
<a target="_blank" href="http://www.jianshu.com/p/c44d171298ce">用户协议</a>
<a target="_blank" href="http://www.jianshu.com/p/2ov8x3">隐私政策</a>
</p>
</form>
<!-- 更多注册方式 -->
<div class="more-sign">
<h6>社交帐号直接注册</h6>
<ul>
<li><a id="weixin" class="weixin" href="http://localhost:8160/api/ucenter/wx/login"><i class="iconfont icon-weixin"/></a></li>
<li><a id="qq" class="qq" target="_blank" href="#"><i class="iconfont icon-qq"/></a></li>
</ul>
</div>
</div>
</div>
</template>
<script>
import '~/assets/css/sign.css'
import '~/assets/css/iconfont.css'
import registerApi from '~/api/register'
export default {
layout: 'sign',
data() {
return {
member: {
mobile: '',
code: '',
nickname: '',
password: ''
},
sending: false, //
second: 30, //
codeText: '获取验证码'
}
},
methods: {
//
getCodeFun() {
if (this.sending) return
this.sending = true//
registerApi.sendMessage(this.member.mobile).then(response => {
//
this.timeDown()
//
this.$message.success(response.message)
})
},
//
timeDown() {
this.codeText = this.second
//
const timer = setInterval(() => {
this.codeText--
if (this.codeText < 1) {
clearInterval(timer)
this.codeText = '获取验证码'
this.sending = false
// this.second = 30
}
}, 1000)
},
//
submitRegister() {
registerApi.register(this.member).then(response => {
//
this.$message.success(response.message)
this.$router.push({ path: 'login' })
})
}
}
}
</script>

0
pages/ucenter.vue

Loading…
Cancel
Save