v3-lab-xcx/pages/views/login/login.vue

<template>
	<view id="login">
		<view class="title-1">欢迎使用</view>
		<view class="title-2">实验室安全智慧化管控系统</view>
		<view class="null-p"></view>
		<view class="ssoButton" @click="goPage('ssoLogin')">统一身份认证登录</view>
		<view class="accountButton" @click="goPage('accountLogin')">账号密码登录</view>
	</view>
</template>

<script>
	export default {
		name: "ssoLogin",
		data() {
			return {
				
			}
		},
		onLoad(option) {
			
		},
		mounted() {

		},

		methods: {
			goPage(type){
				if(type == 'ssoLogin'){
					uni.navigateTo({
						url: '/pages/views/login/ssoLogin'
					});
				}else if(type == 'accountLogin'){
					uni.navigateTo({
						url: '/pages/views/login/accountLogin'
					});
				}
			},
		},
	}
</script>

<style lang="stylus" scoped>
	#login{
		height: 100%;
		width: 100%;
		background #f5f5f5;
		position relative;
		display: flex;
		flex-direction: column;
		.title-1{
			font-size:38rpx;
			line-height:38rpx;
			height:38rpx;
			text-align: center;
			color:#333;
			margin:200rpx 0 60rpx;
		}
		.title-2{
			font-size:40rpx;
			line-height:40rpx;
			height:40rpx;
			text-align: center;
			color:#0183fa;
		}
		.null-p{
			flex:1;
		}
		.ssoButton{
			width:650rpx;
			height:80rpx;
			line-height:80rpx;
			text-align: center;
			background-color:#0183fa;
			color:#fff;
			font-size:32rpx;
			margin:0 auto 200rpx;
			border-radius:50rpx;
		}
		.accountButton{
			width:200;
			height:80rpx;
			line-height:80rpx;
			text-align: center;
			color:#0183fa;
			font-size:28rpx;
			margin:0 auto 50rpx;
		}
	}
</style>