|
|
|
@ -1,24 +1,33 @@ |
|
|
|
<template> |
|
|
|
<div style="padding-top: 88rpx;"> |
|
|
|
<div class="login-tip">大美非遗 申请获得</div> |
|
|
|
<div class="login-tip2">以下权限</div> |
|
|
|
<div class="login-tip-box"> |
|
|
|
<text>获得你的公开信息（昵称、头像、地区及性别）</text> |
|
|
|
</div> |
|
|
|
<div class="btn-box"> |
|
|
|
<button bindtap="cancel" type="default" @click="redirectIndex">取消</button> |
|
|
|
<button type="primary" @click="getUserInfo">同意</button> |
|
|
|
</div> |
|
|
|
<div class="flex-center article-box"> |
|
|
|
<radio-group @change="toggleAgreement"> |
|
|
|
<radio value="1" :checked="isAgreed" style="transform:scale(0.7)"></radio> |
|
|
|
</radio-group> |
|
|
|
<div>同意<text @click="gotoInfo">《用户服务协议》、《隐私政策》</text></div> |
|
|
|
</div> |
|
|
|
<uni-popup ref="popup" type="bottom" background-color="#fff"> |
|
|
|
<button type="default" open-type="getPhoneNumber" @getphonenumber="handlePhoneNumber" style="width: 100%;height: 12vh;line-height: 12vh;">点击授权手机号</button> |
|
|
|
</uni-popup> |
|
|
|
</div> |
|
|
|
<view class="content" style="overflow-x: auto;"> |
|
|
|
<view class="search-header" :style="{'height': height+'px','padding-top':statusBarHeight+'px'}"> |
|
|
|
<view class="title">CGC-ICH</view> |
|
|
|
<view class="subtitle">大运河非物质文化遗产</view> |
|
|
|
</view> |
|
|
|
<view :style="{'height':height+'px','flex-shrink':0}"></view> |
|
|
|
|
|
|
|
<div style="padding-top: 88rpx;"> |
|
|
|
<div class="login-tip">CGC-ICH 申请获得</div> |
|
|
|
<div class="login-tip2">以下权限</div> |
|
|
|
<div class="login-tip-box"> |
|
|
|
<text>获得你的公开信息（昵称、头像、地区及性别）</text> |
|
|
|
</div> |
|
|
|
<div class="btn-box"> |
|
|
|
<button bindtap="cancel" type="default" @click="redirectIndex">取消</button> |
|
|
|
<button type="primary" @click="getUserInfo">同意</button> |
|
|
|
</div> |
|
|
|
<div class="flex-center article-box"> |
|
|
|
<radio-group @change="toggleAgreement"> |
|
|
|
<radio value="1" :checked="isAgreed" style="transform:scale(0.7)"></radio> |
|
|
|
</radio-group> |
|
|
|
<div>同意<text @click="gotoInfo">《用户服务协议》、《隐私政策》</text></div> |
|
|
|
</div> |
|
|
|
<uni-popup ref="popup" type="bottom" background-color="#fff"> |
|
|
|
<button type="default" open-type="getPhoneNumber" @getphonenumber="handlePhoneNumber" style="width: 100%;height: 12vh;line-height: 12vh;">点击授权手机号</button> |
|
|
|
</uni-popup> |
|
|
|
</div> |
|
|
|
|
|
|
|
</view> |
|
|
|
</template> |
|
|
|
|
|
|
|
<script> |
|
|
|
@ -26,10 +35,14 @@ export default { |
|
|
|
name: "login", |
|
|
|
data() { |
|
|
|
return { |
|
|
|
// 导航栏参数 |
|
|
|
height: 0, |
|
|
|
statusBarHeight: 0, |
|
|
|
isAgreed: false, |
|
|
|
}; |
|
|
|
}, |
|
|
|
onLoad(options) { |
|
|
|
this.initRectInfo() |
|
|
|
// 只需授权手机号 |
|
|
|
if (options.needAuth === '1') { |
|
|
|
setTimeout(() => { |
|
|
|
@ -38,6 +51,12 @@ export default { |
|
|
|
} |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
initRectInfo () { |
|
|
|
const sysInfo = uni.getSystemInfoSync() |
|
|
|
this.statusBarHeight = sysInfo.statusBarHeight |
|
|
|
// 默认高度 |
|
|
|
this.height = sysInfo.statusBarHeight + 40 |
|
|
|
}, |
|
|
|
// 处理手机号授权 |
|
|
|
handlePhoneNumber(e) { |
|
|
|
if (e.detail.errMsg === "getPhoneNumber:ok") { // 成功 |
|
|
|
@ -154,7 +173,29 @@ export default { |
|
|
|
}; |
|
|
|
</script> |
|
|
|
|
|
|
|
<style> |
|
|
|
<style scoped lang="scss"> |
|
|
|
.search-header{ |
|
|
|
width: 100%; |
|
|
|
position: fixed; |
|
|
|
top: 0; |
|
|
|
left: 0; |
|
|
|
right: 0; |
|
|
|
background: white; |
|
|
|
text-align: center; |
|
|
|
z-index:99; |
|
|
|
.title{ |
|
|
|
font-size: 30rpx |
|
|
|
} |
|
|
|
.subtitle{ |
|
|
|
font-size: 22rpx; |
|
|
|
} |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
.content { |
|
|
|
min-height: 100vh; |
|
|
|
} |
|
|
|
|
|
|
|
.login-tip { |
|
|
|
font-size: 28rpx; |
|
|
|
margin: 0 60rpx; |
|
|
|
|
jiazhipeng
4 months ago