<template> <view class="main"> <image src="@/static/image/logo.png" mode="scaleToFill" class="logo" /> <view class="btn"> <u-button v-if="isShow" open-type="getPhoneNumber" @getphonenumber="getPhoneNumber" color="transparent" text="点击登录"></u-button> </view> <!-- <view class="btn"> <u-button v-if="isLogoutShow" @click="login" color="transparent">点击登录</u-button> </view>--> </view> </template> <script> export default { data() { return { code: "", openId: "", isShow: false, isNew: false }; }, methods: { async getPhoneNumber(e) { if (e.detail.errMsg == "getPhoneNumber:ok") { // 用户允许或去手机号 let res = await this.$api.login.getTel({ code: e.detail.code }); if (res.status == 0) { uni.setStorageSync("telNum", res.data.telNum); if (this.isNew) { uni.reLaunch({ url: "/pages/realName/realName" }); } else { uni.reLaunch({ url: "/pages/home/index" }); } } else { this.$common.msgToast(res.msg); } } else { this.$common.msgToast("请不要拒绝哟~重新点击登录"); } }, //获取openId async getOpenId() { uni.login({ provider: "weixin", success: async res => { console.log("res.code", res.code); this.code = res.code; let res1 = await this.$api.login.login({ code: res.code }); if (res1.status == 0) { if (res1.data.accountInfo.isNew || !uni.getStorageSync("telNum")) { this.isShow = true; this.isNew = res1.data.accountInfo.isNew; } else { uni.reLaunch({ url: "/pages/home/index" }); } uni.setStorageSync("token", res1.data.token); } else { this.$common.msgToast(res1.msg); } } }); }, // info判断用户是401就让他获取openId // async info() { // const res = await this.$api.mine.info(); // if (res.status === 0) { // if (res.data.isNew) { // //登录未注册 // uni.reLaunch({ // url: "/pages/realName/realName" // }); // } else { // //登录已注册 // uni.reLaunch({ // url: "/pages/home/index" // }); // } // } else if (res.status === 401) { // this.getOpenId(); // } else { // this.$common.msgToast(res.msg); // } // } }, onLoad() { // if (!uni.getStorageSync("telNum")) { // this.getOpenId(); // } // this.info(); this.getOpenId(); } }; </script> <style lang="scss" scoped> /deep/.u-button { background: red; } .main { background: url("https://cdns.fontree.cn/fonchain-main/prod/image/1381bd18-2f0c-49f1-84f6-d3eceb94f7a7/artwork/6ef00a09-f663-451d-ae0c-0d00cf4068c5.png"); height: 100vh; display: flex; align-items: center; flex-direction: column; .logo { margin-top: 250rpx; width: 398rpx; height: 744rpx; } uni-button:after { border: 0px; } .btn { background: transparent; width: 200rpx; position: fixed; bottom: 15%; color: #fff; left: 50%; transform: translateX(-50%); font-size: 30rpx; transition: all 1s; animation: jump 1s ease-in-out infinite alternate; } @keyframes jump { from { bottom: 16%; } to { bottom: 15%; } } } </style>