小程序登陆验证UI效果图

<template name="add">
	<view>
		<scroll-view scroll-y class="page">
			<view class='headView'>
			    <view class='headImageView'>
					
				<!--       <image class='headImage' src='/pages/imageSource/IMG_3456.png' mode='scaleToFill'></image> -->
				</view>
			    <view class='titleText'>申请获取以下权限</view>
			    <view class='contentText'>获得你的公开信息(昵称,头像,手机等)</view>
			    <button class='authBtn' type='primary' open-type='getUserInfo' bindgetuserinfo='bindGetUserInfo'>授权登录</button>
			  </view>
		</scroll-view>

	</view>
</template>

<script>
	export default {
		name: 'search',
		data() {
			return {

			}
		},
		methods: {},
		computed: {},
		mounted() {}
	};
</script>
<style scoped>
	.page {
		height: 100vh;
		padding-top: 55px;
		padding-bottom: 56px;
		background: #fff;
	}

	.headView {
		width: 80%;
		height: 100px;
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		margin: auto;
	}

	.titleText{
		font-size: 18px;
		font-weight: 700;
		text-align: center;
		padding: 15px 0;
	}
	.contentText{
		font-size: 15px;
		color:#626262;
		padding: 0 0 15px 0;
		text-align: center;
	}
</style>