<template>
	<view class="content">
		<view class="text">
			<button class="text-item" @click="text">
				测试
			</button>

		</view>
		<view class="installition">
			<button class="text-item" @click="installition">
				安装
			</button>
		</view>
		<u-toast ref="uToast"></u-toast>
	</view>
</template>

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

			}
		},

		methods: {
			text() {
				uni.switchTab({
					url: "/pages/bluetooth/bluetooth"
				})
			},
			installition() {
				uni.navigateTo({
					url:"/pages/tabbar/room/room"
				})
				this.$refs.uToast.show({
					type: 'error',
					message: "功能正在完善....",
					icon: 'info-circle',
					position: "top",

				})
			}
		}
	}
</script>

<style lang="scss">
	.content {
		background-color: #e8e8e8;
		width: 100vw;
		height: 100vh;
		display: flex;
		flex-direction: column;
		// justify-content: space-between;

		.installition,
		.text {
			flex: 1;
			margin: 30rpx;
			display: flex;
			justify-content: center;
			align-items: center;

			.text-item {
				height: 300rpx;
				width: 300rpx;
				border-radius: 50%;
				background-color: #1296db;
				display: flex;
				justify-content: center;
				align-items: center;
				color: #e8e8e8;
				font-weight: 600;
				letter-spacing: 5px;
				box-shadow: 5px 6px 10px #cccac6;

			}
		}

		.installition,
		.text {
			background-color: white;
		}




	}
</style>
<!-- <template>
	<view>
		<u-modal title="标题" :show="show" :content="content" closeOnClickOverlay showCancelButton>
			<u-button slot="confirmButton" text="通过" type="success" shape="circle" @click="show = false"></u-button>
			<u-button slot="confirmButton" text="不通过" type="error" shape="circle" @click="show = false"></u-button>
		</u-modal>
		<u-button @click="show = true">打开</u-button>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				show: false,
				title: '标题',
				content: '你觉得有问题吗？'
			};
		},
		methods: {
			confirm() {
				this.show = false
			},
			cancel() {
				this.show = false
			}
		}
	};
</script>
<style lang="scss">
	.u-modal__button-group--confirm-button{
		    flex-direction: revert !important;
	}

</style> -->