share_h5/pages/yigePay.vue

<template>
	<view class="Body" >
		<view class="left">
			<image src="/static/staticPc/bg2.png" mode=""></image>
		</view>
		<view class="right">
			<image class="right_logo" src="/static/staticPc/logo1.png" mode=""></image>
			<view class="right_title">I宜昌统一支付管理平台</view>
			<view class="right_btn" @click="jump('https://hmpay.sandpay.com.cn/merchant/login')">商户登录</view>
			<view class="right_btn" @click="jump('https://yichang.sandpay.com.cn/agent/')">代理商登录</view>
		</view>
	</view>
</template>

<script>
	export default{
		data(){
			return{
				
			}
		},
		methods:{
			jump(url){
				window.open(url)
			}
		}
	}
</script>

<style lang="scss">
	.Body{
		background: url('@/static/staticPc/bg1.png');
		background-size: cover;
		width: 100%;
		height: 100vh;
		display: flex;
		justify-content: center;
		align-items: center;
		.left{
				font-size: 0;
			image{
				width: 836px;
				height: 788px;
			}
		}
		.right{
			width: 664px;
			height: 788px;
			background: #fff;
			text-align: center;
			padding-top: 100px;
			box-sizing: border-box;
			.right_logo{
				width: 257px;
				height: 54px;
			}
			.right_title{
				font-size: 48px;
				font-family: Microsoft YaHei, Microsoft YaHei-Bold;
				font-weight: 700;
				text-align: center;
				color: #3384ED;
				margin-top: 40px;
				margin-bottom: 120px;
			}
			.right_btn{
				width: 455px;
				height: 76px;
				background: #3081eb;
				border-radius: 10px;
				color: #ffffff;
				font-size: 30px;
				line-height: 76px;
				margin: 44px auto;
				cursor: pointer;
			}
		}
	}
</style>