<template>
	<view>
		<headContent>
			<template #left>
				<view class="head-revers-back iconfont" @click.stop="reversBackBtn()">&#xe604;</view>
			</template>
		</headContent>

		<view class="page-content">
			<text class="login-title">注册</text>
			<text class="login-content">立即注册属于您的币王账号</text>
			<tabList ref="tabListRef" :tabIndex.sync="tabIndexs"/>

			<phoneRegister v-show="tabIndexs === 0" />

			<email-register v-show="tabIndexs === 1" />

		</view>
	</view>
</template>

<script>
	import {
		reverseBack
	} from "@/utils/common.js"
	import tabList from "./modules/tab.vue"
	import emailRegister from "./modules/email-register.vue"
	import phoneRegister from "./modules/phone-register.vue"

	export default {
		name: 'register',
		components: {
			tabList,
			emailRegister,
			phoneRegister
		},
		data() {
			return {
				tabIndexs: 1
			};
		},
		methods: {
			reversBackBtn() {
				reverseBack()
			}
		}
	}
</script>

<style lang="scss" scoped>
	@import "~./common.scss"
</style>