<template>
	<view class="wrap">
		<view class="content">
			<view class="content_title">请选择您的商家身份</view>
			<view class="backimg">
				<image src="https://wx.fujinyangche.com/nvrnetwork/images/business_instoduce.png"></image>
			</view>
		</view>
		<!-- 维修保养服务商 -->
		<view class="select_wrap">
			<view class="select" @tap="toRoleOne"></view>
			<view class="select1" @tap="toRoleTwo"></view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			//选择服务商跳转
			toRoleOne(){
				uni.navigateTo({
					url:"../bind_tel/bind_tel?roleType=1"
				})
			},
			//选择经销商跳转
			toRoleTwo(){
				uni.navigateTo({
					url:"../bind_tel/bind_tel?roleType=2"
				})
			}
		}
	}
</script>

<style>
	.content{
	  width:100%;
	  height:100%;
	}
	.content_title{
	  font-size: 38rpx;
	  color:#222222;
	  font-weight: bold;
	  text-align: center;
	  margin-top:80rpx;
	}
	.backimg{
	  width:100%;
	  padding:0 204rpx;
	  margin-top:20rpx;
	  box-sizing: border-box;
	}
	.backimg image{
	  display: block;
	  width:100%;
	  height:32rpx;
	}
	.select_wrap{
	  width:100%;
	  padding:0 40rpx;
	  box-sizing: border-box;
	}
	.select{
	  width:100%;
	  height:220rpx;
	  background:url('https://wx.fujinyangche.com/nvrnetwork/images/fuwu_free.png') no-repeat;
	  background-size: 100% 100%;
	  position: relative;
	  margin:80rpx auto 0;
	  border-radius: 16rpx;
	}
	.select_title{
	  font-size:22px;
	  font-weight:bold;
	  color:rgba(255,255,255,1);
	  text-shadow:0px 10rpx 28rpx rgba(0,0,0,0.1);
	  position: absolute;
	  top:68rpx;
	  left:44rpx;
	}
	.select_title_en{
	  font-size: 18rpx;
	  color:#ffffff;
	  position: absolute;
	  left:44rpx;
	  bottom:68rpx;
	}
	.select1{
	  width:100%;
	  height:220rpx;
	  background:url('https://wx.fujinyangche.com/nvrnetwork/images/jingxiao_free.png') no-repeat;
	  background-size: 100% 100%;
	  position: relative;
	  margin:60rpx auto 0;
	  border-radius: 16rpx;
	}
</style>
