You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
209 lines
4.8 KiB
209 lines
4.8 KiB
<template>
|
|
<view class="login">
|
|
<!-- <view class="title">
|
|
登录
|
|
</view> -->
|
|
<view class="toptitle">
|
|
留学万象
|
|
</view>
|
|
<view class="contentForm">
|
|
<view class="wx" @click="appwxLogin">
|
|
<image src="/static/wxIcon.png" mode="widthFix"></image>
|
|
<!-- <button type="primary" class="wxText">微信登录</button> -->
|
|
<view class="wxText">
|
|
微信登录
|
|
</view>
|
|
</view>
|
|
<view class="phone" @click="mobileNumLogin">
|
|
手机号登录/注册
|
|
</view>
|
|
</view>
|
|
<view class="check">
|
|
<u-checkbox-group @change="changeHandle" v-model="checked">
|
|
<u-checkbox :name="1" size="22" activeColor="#0076F6" shape="circle"></u-checkbox>
|
|
</u-checkbox-group>
|
|
<!-- <checkbox @change="changeHandle" value="checked" :checked="checked" color="#0076F6"/> -->
|
|
<view class="info">
|
|
登录即同意<text class="line" @click="goRichtext(1)">用户协议</text>和<text class="line" @click="goRichtext(2)">隐私政策</text>
|
|
</view>
|
|
</view>
|
|
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
import {wxLoginHandle} from '@/common/api.js'
|
|
export default {
|
|
data() {
|
|
return {
|
|
checked:[]
|
|
};
|
|
},
|
|
methods:{
|
|
changeHandle(val){
|
|
console.log(val)
|
|
},
|
|
mobileNumLogin(){
|
|
if(this.checked.length==0){
|
|
uni.$u.toast('请先勾选同意用户协议和隐私政策')
|
|
}else{
|
|
uni.navigateTo({
|
|
url:'/pages/register/register'
|
|
})
|
|
}
|
|
},
|
|
goRichtext(ids){
|
|
uni.navigateTo({
|
|
url:'/pages/my/richText?id='+ids
|
|
})
|
|
},
|
|
appwxLogin(){
|
|
var that = this
|
|
if(this.checked.length==0){
|
|
uni.$u.toast('请先勾选同意用户协议和隐私政策')
|
|
}else{
|
|
uni.getProvider({
|
|
service: 'oauth',
|
|
success: function(res) {
|
|
console.log(res.provider,"111");
|
|
//支持微信、qq和微博等
|
|
if (~res.provider.indexOf('weixin')) {
|
|
uni.login({
|
|
provider: 'weixin',
|
|
"onlyAuthorize": true, // 微信登录仅请求授权认证
|
|
success: function(loginRes) {
|
|
const {code} = loginRes
|
|
console.log('-------获取openid(unionid)-----',loginRes);
|
|
let params={
|
|
code:code,
|
|
event:'login'
|
|
}
|
|
console.log(params,"yyy")
|
|
// wxLoginHandle(params).then(res=>{
|
|
// console.log(res,"gggg")
|
|
// }).catch((res)=>{
|
|
// console.log(res,"mmmm")
|
|
// })
|
|
uni.$u.http.post('http://lxwx.njrenzhou.cn/api/user/wxlogin',
|
|
params,
|
|
{
|
|
// header: {
|
|
// 'Content-Type': 'multipart/form-data',
|
|
// },
|
|
}).then((res) => {
|
|
console.log(res,"gggg111")
|
|
}).catch((res) =>{
|
|
console.log(res,"2222")
|
|
})
|
|
// 获取用户信息
|
|
// uni.getUserInfo({
|
|
// provider: 'weixin',
|
|
// success: function(infoRes) {
|
|
// console.log(infoRes.userInfo);
|
|
// that.$store.commit('login',infoRes.userInfo)
|
|
// uni.setStorageSync('source','wx')
|
|
// let params={
|
|
// code:infoRes.userInfo.unionId,
|
|
// event:'login'
|
|
// }
|
|
// wxLoginHandle(params).then(res=>{
|
|
// console.log(res,"gggg")
|
|
// }).catch((res)=>{
|
|
// console.log(res,"mmmm")
|
|
// })
|
|
// uni.reLaunch({
|
|
// url:'/pages/my/my'
|
|
// })
|
|
// }
|
|
// });
|
|
}
|
|
});
|
|
}
|
|
}
|
|
});
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
.login{
|
|
height:calc(100vh);
|
|
background-color: #FFFFFF;
|
|
.title{
|
|
font-size: 36upx;
|
|
font-weight: bold;
|
|
color: #222222;
|
|
padding:25upx;
|
|
// margin-top: 1%;
|
|
}
|
|
.toptitle{
|
|
font-size: 80upx;
|
|
font-family: PingFang SC;
|
|
font-weight: bold;
|
|
color: #0076F6;
|
|
text-align: center;
|
|
padding-top: 16%;
|
|
}
|
|
.contentForm{
|
|
margin-top:13%;
|
|
.wx{
|
|
width:85%;
|
|
margin:0 auto;
|
|
background: #0076F6;
|
|
border-radius: 50upx;
|
|
padding:30upx 0;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
&>image{
|
|
width:44upx;
|
|
height:auto
|
|
}
|
|
&>.wxText{
|
|
font-size: 30upx;
|
|
font-family: PingFang SC;
|
|
font-weight: 500;
|
|
color: #FFFFFF;
|
|
margin-left:20upx;
|
|
padding:0;
|
|
}
|
|
}
|
|
.phone{
|
|
font-size: 30upx;
|
|
font-family: PingFang SC;
|
|
font-weight: 500;
|
|
color: #333333;
|
|
width:85%;
|
|
margin:0 auto;
|
|
text-align: center;
|
|
border-radius: 50upx;
|
|
padding:30upx 0;
|
|
border: 1px solid #CCCCCC;
|
|
margin-top:30upx;
|
|
}
|
|
|
|
}
|
|
.check{
|
|
display: flex;
|
|
width: 85%;
|
|
margin: 65upx auto 20upx auto;
|
|
align-items: center;
|
|
/deep/.uni-checkbox-input{
|
|
border-radius:50%;
|
|
}
|
|
.info{
|
|
font-size: 30upx;
|
|
font-family: PingFang SC;
|
|
font-weight: 500;
|
|
color: #333333;
|
|
margin-left:26upx;
|
|
letter-spacing: 2upx;
|
|
.line{
|
|
color:#0076F6
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</style>
|
|
|