<template>
	<view class="container">
	    <!-- 自定义顶部 -->
	    <view class="custom-header">
			<uni-icons type="left" size="30" class="uni_back" @click="goBack"></uni-icons>
	      <view class="left-icon" @click="goBack">授权</view>
	      <view class="title"></view>
	    </view>
	
	    <!-- 页面内容 -->
	    <view class="content">
	      <view class="meisheng_first_aid">
	      	
	      </view>
		  <view class="con_btn">
		  	<button type="primary">一键登录</button>
			<button type="default">暂不登录</button>
		  </view>
	    </view>
	  </view>

</template>

<script>
	export default {
		data() {
			return {
				
			};
		},
		 methods: {
		    goBack() {
		      uni.navigateBack();
		    }
		  }
	}
</script>

<style lang="scss" scoped>
.container {
  height: 100vh;
}

.custom-header {
  height: 5%;
  background-color: #fff;
  color: black;
  display: flex;
  align-items: center;
  padding-top: 10rpx;
}
.uni_back{
	margin-left: 25rpx;
}
.left-icon {
  font-size: 20rpx;
  color: #141414;
  width: 59rpx;
  height: 29rpx;
  line-height: 29rpx;
}
.content{
	position: relative;
	.meisheng_first_aid{
		position: absolute;
		top: 300rpx;
		left: 273rpx;
		width: 205rpx;
		height: 158rpx;
		
	}
	.con_btn{
		width: 447rpx;
		height: 239rpx;
		position: absolute;
		left: 134rpx;
		top: 614rpx;
		
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-content: space-around;
		button{
			width: 325rpx;
			height: 70rpx;
			// border-radius: 50%;
			line-height: 70rpx;
		}
	}
}

</style>