<template>
	<view class="bind-page">
		<view class="panel">
			<view class="panel-title">绑定方式预留</view>
			<view class="method">
				<view>
					<view class="method-title">跳转用户端小程序绑定</view>
					<view class="method-desc">复用用户端现有绑定流程</view>
				</view>
				<text class="ri-arrow-right-s-line"></text>
			</view>
			<view class="method">
				<view>
					<view class="method-title">在收银台绑定房源</view>
					<view class="method-desc">后续可支持现场查询并绑定</view>
				</view>
				<text class="ri-arrow-right-s-line"></text>
			</view>
		</view>
	</view>
</template>

<style lang="scss" scoped>
.bind-page {
	min-height: 100vh;
	background: #F4F6F8;
	color: #111827;
}

.panel {
	margin: 28rpx;
	padding: 28rpx;
	border-radius: 14rpx;
	background: #FFFFFF;
	box-shadow: 0 8rpx 22rpx rgba(17, 24, 39, 0.04);
}

.panel-title {
	margin-bottom: 22rpx;
	color: #111827;
	font-size: 32rpx;
	font-weight: 800;
}

.method {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 28rpx 0;
	border-top: 1rpx solid #EEF1F5;
}

.method-title {
	color: #1F2937;
	font-size: 30rpx;
	font-weight: 700;
}

.method-desc {
	margin-top: 10rpx;
	color: #8B929E;
	font-size: 25rpx;
}

.method .ri-arrow-right-s-line {
	color: #A5ACB8;
	font-size: 42rpx;
}
</style>
