wx-qhb/pages/login/login.vue

<template>
	<!-- 登录 -->
	<view style="padding: 0 44rpx">
		<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,
			};
		},
		methods: {
			checkboxChange(n) {
				console.log("change", 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>
	.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>