<template>
	<view class="print">
		<div class="tips">请打开手机蓝牙</div>
		<div class="equipment">
			<div class="title">已连接设备</div>
			<div class="item-box">
				<div>设备ASDADAD</div>
				<u-icon name="checkmark" color="#21BBF3" size="18"></u-icon>
			</div>
		</div>

		<div class="equipment">
			<div class="title">选择其他设备</div>
			<div class="item-box2">
				<div>设备ASDADAD</div>
			</div>
			<div class="item-box2">
				<div>设备ASDADAD</div>
			</div>
		</div>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			};
		}
	}
</script>

<style lang="scss">
	.print {
		.equipment {
			padding: 32rpx;

			.item-box {
				display: flex;
				justify-content: space-between;
				align-items: center;
				font-size: 28rpx;
				font-family: PingFangSC-Medium, PingFang SC;
				font-weight: bold;
				color: #21BBF3;
				background: #FFFFFF;
				border-radius: 16rpx;
				padding: 32rpx;
			}

			.title {
				font-size: 28rpx;
				font-family: PingFangSC-Regular, PingFang SC;
				font-weight: 400;
				color: #333333;
				line-height: 40rpx;
				margin-bottom: 16rpx;
			}

			.item-box2 {
				display: flex;
				justify-content: space-between;
				align-items: center;
				font-size: 28rpx;
				font-family: PingFangSC-Medium, PingFang SC;
				margin-bottom: 24rpx;

				color: #333333;
				background: #FFFFFF;
				border-radius: 16rpx;
				padding: 32rpx;
			}
		}

		.tips {
			font-size: 24rpx;
			font-family: PingFangSC-Regular, PingFang SC;
			font-weight: 400;
			color: #21BBF3;
			text-align: center;
			line-height: 88rpx;
			height: 88rpx;
			background: rgba(33, 187, 243, 0.08);
		}
	}
</style>
