wx-qhb/pages/login/login.vue

<template>
	<!-- 登录 -->
	<view style="padding: 0 44rpx;background-color: #fff;height: 100vh;overflow: hidden;">
		<view class="" style="text-align: center; margin-top: 156rpx">
			<image src="../../static/images/logo.png" style="width: 350rpx; height: 350rpx" mode=""></image>
		</view>
		<button open-type="getPhoneNumber" class="login-btn" @getphonenumber="tologin">
			微信授权登录
		</button>

		<!-- 		<view>
			<u--input placeholder="请输入内容" border="surround" v-model="mobile"></u--input>
			<u--input placeholder="请输入内容" border="surround" v-model="code"></u--input>
		</view> -->
		<!-- <button @click="submit">登录</button> -->
		<view class="" style="margin-top: 42rpx; display: flex">
			<u-checkbox-group v-model="checkboxValue1" placement="column" @change="checkboxChange">
				<u-checkbox shape="circle" :customStyle="{ marginBottom: '8px' }" :name="1">
				</u-checkbox>
			</u-checkbox-group>
			<text class="fontYin">我已阅读并同意</text>
			<text class="fontYin" style="color: #f83224">《用户协议》</text>
			<text class="fontYin">和</text>
			<text class="fontYin" style="color: #f83224">《隐私协议》</text>
		</view>
	</view>
</template>

<script>
	import {
		login
	} from "../../network/api/homeApi.js";
	export default {
		data() {
			return {
				mobile: "",
				code: "",
				checkboxValue1: false,
				changea: []
			};
		},
		methods: {
			//微信登录
			tologin(e) {
				if (this.changea.length > 0) {
					if (e.detail.code) {
						var phoneCode = e.detail.code
						uni.login({
							success: (code) => {
								uni.$u.http.post('/api/wxmini/login', {
									code: code.code
								}).then((res) => {
									console.log(res);
									if (res == 10011) {
										uni.$u.http.post('/api/wxmini/mobile', {
											code: phoneCode
										}).then((res) => {
											uni.$u.http.post('/api/register', {
												wx_code: code
													.code, //		是	String	微信登录时候的code
												mobile: res.mobile //	是	String	手机号码
											}).then((res) => {
												uni.setStorageSync('token', res.token)
												setTimeout(() => {
													uni.switchTab({
														url: '/pages/index/index'
													})
												}, 800)
											}).catch(() => {

											})
										}).catch(() => {

										})
									} else {
										uni.setStorageSync('token', res.token)
										this.$u.toast('登录成功')
										setTimeout(() => {
											uni.switchTab({
												url: '/pages/index/index'
											})
										}, 800)
									}
								}).catch(() => {})
							}
						})
					}
				} else {
					this.$u.toast('请勾选隐私协议')
				}
			},
			checkboxChange(n) {
				console.log("change", n);
				this.changea = n
			},
			submit() {
				// login({ mobile: "13000000000", password: "123456" }).then((res) => {
				//   console.log(res);
				//   if (res.data.code == 10000) {
				//     uni.setStorage({
				//       key: "token",
				//       data: res.data.data.token,
				//       success: function () {
				//         uni.switchTab({
				//           url: "../index/index",
				//         });
				//       },
				//     });
				//   }
				// });
				uni.$u.http.post('/api/login', {
					mobile: "13000000000",
					password: "123456"
				}).then((res) => {
					uni.setStorageSync('token', res.token)
					uni.switchTab({
						url: '/pages/index/index'
					})
				}).catch((error) => {
					console.log(error);
				})
			},
		},
	};
</script>

<style lang="scss" scoped>
	page {
		background-color: #ffffff !important;
		height: 100vh;
	}

	.login-btn {
		width: 662rpx;
		height: 96rpx;
		background: #f83224;
		box-shadow: 0rpx 16rpx 40rpx -12rpx rgba(255, 21, 21, 0.5);
		border-radius: 48rpx;
		font-family: PingFangSC, PingFang SC;
		font-weight: 500;
		font-size: 32rpx;
		color: #ffffff;
		line-height: 96rpx;
		text-align: center;
		font-style: normal;
	}

	.fontYin {
		font-family: PingFangSC, PingFang SC;
		font-weight: 400;
		font-size: 24rpx;
		color: #666666;
		line-height: 34rpx;
		text-align: left;
		font-style: normal;
	}
</style>