<!-- 登录主页面 -->
<template>
	<view>
		<view class="title one">欢迎来到在线下单</view>
		<view class="title_one title">
			<span>又</span>
			酷
			<span>又</span>
			靠谱的
		</view>
		<view class="title_two title">赚钱神器</view>
		<u-button type="primary" class="wechat login_btn">
			<image src="../../static/img/login_slices/dl_icon_wx@2x.png" style="width: 52rpx; height: 42rpx;"></image>
			<text>微信快捷登录</text>
		</u-button>
		<u-button class="passseord login_btn" @click="handleLogin('pwd')">密码登录</u-button>
		<u-button class="telphone login_btn" @click="handleLogin('phone')">手机号码登录</u-button>
		<login-footer></login-footer>
	</view>
</template>
<script>
	import loginFooter from './components/login-footer.vue'
	export default {
		components:{
			loginFooter
		},
		data() {
			return {
				
			}
		},
		methods: {
			handleLogin(type){
				uni.navigateTo({
					url:`login-main/login-main?type=${type}`
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
.login_btn{
	width: 630rpx;
	height: 96rpx;
	border-radius: 48rpx;
	font-size: 32rpx;
	font-weight: 400;
	&::after{
		border: none;
	}
}
.one{
	margin-top: 150rpx;
}
.title{
	color: #FFFFFF;
	font-size: 52rpx;
	font-weight: 400;
	line-height: 1;
	text-align: center;
}
.title_one{
	font-size: 38rpx;
	font-weight: 400;
	margin-top: 30rpx;
	span{
		color: #FC2436;
	}
}
.title_two{
	margin-top: 10rpx;
	color: #FC2436;
	font-size: 52rpx;
}

.wechat{
	margin-top: 90rpx;
	background-color: #FFFFFF;
	color: #FC2436;
	font-size: 32rpx;
	text{
		margin-left: 20rpx;
	}
}
.passseord{
	margin-top: 60rpx;
	color: #FFFFFF;
	background: linear-gradient(90deg, #ED7A66 0%, #FC2234 100%);
	border-radius: 48rpx;
}
.telphone{
	margin-top: 60rpx;
	background-color: transparent;
	color: #FB2938;
	border: 2rpx solid #FE192F;
}
</style>
