<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>
小程序登陆验证UI效果图
猜你喜欢
转载自blog.csdn.net/Gabriel_wei/article/details/104364703
今日推荐
周排行