<template>
	<view class="content webkit-box">
		<!-- logo -->
		<image class="logo" src="@/static/img/oc-logo.png" mode="widthFix"></image>
		<!-- 副标题 -->
		<view class="sub-title">激活您的OC Chain区块链钱包地址。</br>地址可以理解为您的个人银行卡卡号，与他人转账时是区块链上两个地址的交易行为</view>
		<!-- 按钮 -->
		<navigator class="wallet-btn" url="./mnemonic" open-type="redirect">激活钱包</navigator>
		<!-- <navigator class="wallet-btn hollow" url="./guide">导入钱包</navigator> -->
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style>
	page {
		background-color: white;
	}
</style>

<style lang="scss" scoped>
	.content{
		position: relative;
		height: 100vh;
		padding: 0 15vw;
		text-align: center;
		.logo{
			width: 138rpx;
			vertical-align: top;
			margin-bottom: 30vh;
		}
		.sub-title{
			font-size: $title-size-m;
			color: $text-gray;
		}
		.wallet-btn{
			width: 100%;
			background-color: $mian-color;
			height: 90rpx;
			line-height: 90rpx;
			margin-top: $margin * 2;
			border-radius: $radius-lg;
			color: white;
			font-weight: bold;
			font-size: $title-size;
			&.hollow{
				background-color: white;
				color: $mian-color;
				border:solid 2rpx $mian-color;
				box-sizing: border-box;
			}
		}
	}
</style>
