<template>
	<view class="warp">
		<view class="top_img">
			<image src="/static/images/common/logo.png"></image>
			<text>云车派工</text>
		</view>
		<view class="text1">- 实用、专业、高效的车队派工管理平台 -</view>
		<image class="bg" src="/static/images/common/wel_cen.png"></image>
		<view class="text2">为中国工程机械租赁企业量身定做</view>
		<view class="lookVideo">
			<uni-icons type="forward" color="#3375FE"></uni-icons>
			<text>看视频了解更多</text>
		</view>
		<view class="bot_text">
			<view class="dd"></view>
			<view class="b_t_t">立即体验智能高效派工</view>
			<view class="dd"></view>
		</view>
		<view class="bot_btn">
			<view class="btn">
				<image class="btn_logo" src="/static/images/common/wel_phone.png"></image>
				<text>咨询购买</text>
			</view>
			<view class="btn">
				<image class="btn_logo" src="/static/images/common/wel_handset.png" ></image>
				<text>免费体验</text>
			</view>
		</view>
	</view>
</template>

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

<style lang="scss" scoped>
.warp{
	width: 100%;
	height: 100vh;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-around;
	.top_img{
		display: flex;
		flex-direction: row;
		align-items: center;
		margin-top: 50rpx;
		image{
			height: 100rpx;
			width: 100rpx;
		}
		text{
			font-size: 70rpx;
			margin-left: 20rpx;
			color:#2C71FD;
			font-weight: bold;
			font-family: PingFangSC-Ultralight,ans-serif;
		}
	}
	.text1{
		// margin-top:30rpx;
		font-size: 29rpx;
		color:#2C71FD;
		font-weight: bold;
		font-family: PingFangSC-Ultralight,ans-serif;
	}
	.bg{
		// margin-top: 20rpx;
		width: 538rpx;
		height: 358rpx;
	}
	.text2{
		// margin-top:20rpx;
		font-size: 25rpx;
		color:#3476FE;
		font-weight: bold;
		font-family: PingFangSC-Ultralight,ans-serif;
	}
	.lookVideo{
		display: flex;
		flex-direction: row;
		align-items: center;
		padding: 5rpx 20rpx;
		border: 2rpx solid #3375FE;
		border-radius: 7rpx;
		color: #3375FE;
		font-size: 26rpx;
		// margin-top: 30rpx;
	}
	.bot_text{
		width: 650rpx;
		// margin-top: 40rpx;
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
		.dd{
			width:150rpx;
			border-top: 1rpx solid #e5e5e5;
		}
		.b_t_t{
			width: 350rpx;
			height: 70rpx;
			color: #3375FE;
			display: flex;
			align-items: center;
			justify-content: center;
			font-size: 26rpx;
		}
	}
	.bot_btn{
		width: 350rpx;
		// margin-top: 20rpx;
		display: flex;
		justify-content: space-between;
		.btn{
			display: flex;
			flex-direction: column;
			align-items: center;
			image{
				height: 90rpx;
				width: 90rpx;
			}
			text{
				margin-top: 10rpx;
				font-size: 26rpx;
				color: #3375FE;
			}
		}
	}
}
</style>
