null/pages/login/login.vue

<template>
	<view class="page align-center flex-col">
	    <view class="header-sec align-center flex-col">
			<image src="" mode="" class="logo"></image>
			<text class="txt">盲go小程序</text>
		</view>
		<view class="btn-auth">微信用户一键登录</view>
		<view class="btn-mobile" @tap="navTo('/pages/login/mobileLogin')">手机号码登录</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		},
	    async onLoad() {
	    	
	    },
	}
</script>

<style lang="scss">
page{
	background-color: #fff;
}
.header-sec{
	width: 100%;
	height: 832rpx;
	padding-top: 160rpx;
	.logo{
		width: 180rpx;
		height: 180rpx;
		border-radius: 180rpx;
		background-color: $base-color;
	}
	.txt{
		margin-top: 33rpx;
		font-size: 28rpx;
		font-family: PingFang SC;
		font-weight: 500;
		color: #92B99C;
	}
}
.btn-auth{
	width: 630rpx;
	height: 84rpx;
	background: $base-color;
	border-radius: 8rpx;
	line-height: 84rpx;
	text-align: center;
	
	font-size: 34rpx;
	font-family: PingFang SC;
	font-weight: 500;
	color: #FFFFFF;
}
.btn-mobile{
	margin-top: 30rpx;
	
	width: 630rpx;
	height: 84rpx;
	border-radius: 8rpx;
	line-height: 84rpx;
	text-align: center;
	
	font-size: 34rpx;
	font-family: PingFang SC;
	font-weight: 500;
	color: $base-color;
}
</style>