96 lines
4.2 KiB
Vue
96 lines
4.2 KiB
Vue
<template>
|
||
<view>
|
||
|
||
</view>
|
||
</template>
|
||
|
||
<script setup>
|
||
import { ref, reactive, onMounted } from 'vue';
|
||
import { onShow, onLoad } from "@dcloudio/uni-app";
|
||
|
||
// 页面加载
|
||
onLoad(() => {
|
||
console.log('登录页面加载完成');
|
||
// #ifdef APP
|
||
|
||
console.log('一键登录');
|
||
uni.login({
|
||
provider: 'univerify',
|
||
univerifyStyle: {
|
||
"fullScreen": true, // 是否全屏显示，默认值： false
|
||
"backgroundColor": "#ffffff", // 授权页面背景颜色，默认值：#ffffff
|
||
"backgroundImage": "", // 全屏显示的背景图片，默认值："" （仅支持本地图片，只有全屏显示时支持）
|
||
"icon": {
|
||
"path": "static/xxx.png", // 自定义显示在授权框中的logo，仅支持本地图片 默认显示App logo
|
||
"width": "60px", //图标宽度 默认值：60px
|
||
"height": "60px" //图标高度 默认值：60px
|
||
},
|
||
"closeIcon": {
|
||
"path": "static/xxx.png", // 自定义显示在授权框中的logo，仅支持本地图片
|
||
"width": "60px", //图标宽度 默认值：60px (HBuilderX 4.0+ 仅iOS支持)
|
||
"height": "60px" //图标高度 默认值：60px (HBuilderX 4.0+ 仅iOS支持)
|
||
},
|
||
"phoneNum": {
|
||
"color": "#202020" // 手机号文字颜色 默认值：#202020
|
||
},
|
||
"slogan": {
|
||
"color": "#BBBBBB" // slogan 字体颜色 默认值：#BBBBBB
|
||
},
|
||
"authButton": {
|
||
"normalColor": "#3479f5", // 授权按钮正常状态背景颜色 默认值：#3479f5
|
||
"highlightColor": "#2861c5", // 授权按钮按下状态背景颜色 默认值：#2861c5（仅ios支持）
|
||
"disabledColor": "#73aaf5", // 授权按钮不可点击时背景颜色 默认值：#73aaf5（仅ios支持）
|
||
"textColor": "#ffffff", // 授权按钮文字颜色 默认值：#ffffff
|
||
"title": "本机号码一键登录", // 授权按钮文案 默认值：“本机号码一键登录”
|
||
"borderRadius": "24px" // 授权按钮圆角 默认值："24px" （按钮高度的一半）
|
||
},
|
||
"otherLoginButton": {
|
||
"visible": true, // 是否显示其他登录按钮，默认值：true
|
||
"normalColor": "", // 其他登录按钮正常状态背景颜色 默认值：透明
|
||
"highlightColor": "", // 其他登录按钮按下状态背景颜色 默认值：透明
|
||
"textColor": "#656565", // 其他登录按钮文字颜色 默认值：#656565
|
||
"title": "其他登录方式", // 其他登录方式按钮文字 默认值：“其他登录方式”
|
||
"borderColor": "", //边框颜色 默认值：透明（仅iOS支持）
|
||
"borderRadius": "0px" // 其他登录按钮圆角 默认值："24px" （按钮高度的一半）
|
||
},
|
||
"privacyTerms": {
|
||
"defaultCheckBoxState": true, // 条款勾选框初始状态 默认值： true
|
||
"isCenterHint": false, //未勾选服务条款时点击登录按钮的提示是否居中显示 默认值: false (3.7.13+ 版本支持)
|
||
"uncheckedImage": "", // 可选 条款勾选框未选中状态图片（仅支持本地图片 建议尺寸 24x24px）(3.2.0+ 版本支持)
|
||
"checkedImage": "", // 可选 条款勾选框选中状态图片（仅支持本地图片 建议尺寸24x24px）(3.2.0+ 版本支持)
|
||
"checkBoxSize": 12, // 可选 条款勾选框大小
|
||
"textColor": "#BBBBBB", // 文字颜色 默认值：#BBBBBB
|
||
"termsColor": "#5496E3", // 协议文字颜色 默认值： #5496E3
|
||
"prefix": "我已阅读并同意", // 条款前的文案 默认值：“我已阅读并同意”
|
||
"suffix": "并使用本机号码登录", // 条款后的文案 默认值：“并使用本机号码登录”
|
||
"privacyItems": [ // 自定义协议条款，最大支持2个，需要同时设置url和title. 否则不生效
|
||
{
|
||
"url": "https://", // 点击跳转的协议详情页面
|
||
"title": "用户服务协议" // 协议名称
|
||
}
|
||
]
|
||
}
|
||
},
|
||
success(res) { // 登录成功
|
||
console.log(res.authResult); // {openid:'登录授权唯一标识',access_token:'接口返回的 token'}
|
||
},
|
||
fail(res) { // 登录失败
|
||
console.log(res.errCode)
|
||
console.log(res.errMsg)
|
||
uni.redirectTo({
|
||
url: '/pages_app/login/login?univerify=0'
|
||
});
|
||
}
|
||
})
|
||
// #endif
|
||
});
|
||
|
||
// 页面显示
|
||
onShow(() => {
|
||
console.log('登录页面显示');
|
||
});
|
||
</script>
|
||
|
||
<style>
|
||
|
||
</style> |