115 lines
2.2 KiB
Vue
115 lines
2.2 KiB
Vue
<template>
|
|
<view class="all">
|
|
<view>
|
|
<view>
|
|
<img src="http://110.42.248.235:866/images/system/666/HmCyrnRc-login.png" class="img">
|
|
</view>
|
|
<view class="text_all">
|
|
<view class="text_tishi">
|
|
请完成授权以继续使用
|
|
</view>
|
|
<button @click="login" class="text_btn">微信账号一键登录</button>
|
|
<!-- <view class="text_no">
|
|
请选择手机号登录?
|
|
</view> -->
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
</template>
|
|
|
|
<script setup>
|
|
import { ref } from 'vue'
|
|
import { baseUrl, testUrl , suiUrl} from '@/api/request';
|
|
const login = () => {
|
|
uni.login({
|
|
provider: 'weixin', //使用微信登录
|
|
success: function (loginRes) {
|
|
if (loginRes.code !== null) {
|
|
console.log("获取code:" + loginRes.code)
|
|
loginUser(loginRes.code);
|
|
} else {
|
|
console.log("code为空");
|
|
}
|
|
}
|
|
})
|
|
}
|
|
//非遗
|
|
const loginUser = async ( code ) =>{
|
|
const res = await uni.request({
|
|
url: baseUrl + '/user/login/wx_open',
|
|
method: 'GET',
|
|
data: {
|
|
code: code
|
|
}
|
|
})
|
|
console.log('loginUser后台返回的==>',res);
|
|
uni.removeStorageSync('cookie');
|
|
uni.setStorageSync("cookie",res.header['Set-Cookie']); //保存setStorageSync到
|
|
if(res.data.code == 1) {
|
|
uni.showToast({
|
|
title: '登录成功',
|
|
duration: 2000 //提示两秒
|
|
})
|
|
uni.setStorageSync('userInfo',res.data.data);
|
|
uni.switchTab({
|
|
url: '/pages/home/home'
|
|
})
|
|
} else {
|
|
uni.showToast({
|
|
icon: 'error',
|
|
title: "登录失败，请重试"
|
|
})
|
|
return;
|
|
}
|
|
}
|
|
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
.all {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
width: 750rpx;
|
|
height: 1206rpx;
|
|
.img {
|
|
display: flex;
|
|
width: 480rpx;
|
|
height: 380rpx;
|
|
margin:30rpx auto;
|
|
|
|
}
|
|
|
|
.text_all {
|
|
width: 520rpx;
|
|
height: 400rpx;
|
|
margin: 40rpx auto 0;
|
|
|
|
.text_tishi {
|
|
font-size: 28rpx;
|
|
text-align: center;
|
|
margin-bottom: 40rpx;
|
|
}
|
|
|
|
.text_btn {
|
|
width: 520rpx;
|
|
height: 90rpx;
|
|
background-color: yellow;
|
|
border-radius: 120rpx;
|
|
font-size: 32rpx;
|
|
color: #fff;
|
|
text-align: center;
|
|
line-height: 90rpx;
|
|
margin-bottom: 20rpx;
|
|
}
|
|
|
|
.text_no {
|
|
font-size: 28rpx;
|
|
text-align: center;
|
|
color: #2493F1;
|
|
|
|
}
|
|
}
|
|
}
|
|
</style> |