<template>
	<view class="container">
		<view class="grid">
			<view class="cell" @click="goToDetail(item.name)" v-for="item,index in options">{{item.url}}</view>

		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				options: [{
						name: '/pages/BlueTooth/ModeSetting/ModeSetting',
						url: '7307'
					},
					{
						name: '/pages/BlueTooth/ModeSetting/HBY650',
						url: 'HBY650'
					},
					{
						name: '/pages/BlueTooth/ModeSetting/HBY650_1',
						url: 'HBY650_V1'
					},

					{
						name: '/pages/BlueTooth/ModeSetting/HBY6155',
						url: '6155'
					},
					{
						name: '/pages/BlueTooth/ModeSetting/HBY6155V1',
						url: '6155_V1'
					},
					{
						name: "/pages/BlueTooth/ModeSetting/HBY670V1",
						url: 'HBY670'
					},
					
					{
						name: '/pages/MapTest/MapTest',
						url: '地图测试'
					},
					{
						name: '',
						url: '更多'
					}

				]

			}
		},
		onShow: () => {

		},
		methods: {
			goToDetail: function(url) {
				console.log("url=" + url)
				let qd = () => {
					uni.showToast({
						title: '敬请期待',
						duration: 2000,
						icon: "none"
					});

				};
				if (url) {
					uni.navigateTo({
						url: url,
						success: () => {

						},
						fail: () => {
							qd();
						}
					});
				} else {
					qd();
				}



			}
		}
	}
</script>

<style>
	.container {
		padding: 15px;
		background-color: #f5f5f5;
		min-height: 100vh;
	}

	.grid {
		display: flex;
		align-content: space-around;
		align-items: stretch;
		justify-items: center;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: flex-start;
	}

	.cell {
		padding: 0rpx 20rpx;
		border: 2rpx solid rgba(0, 0, 0, 0.3);
		border-radius: 15rpx;
		font-size: 28rpx;
		height: 70rpx;
		line-height: 70rpx;
		margin-left: 30rpx;
		margin-top: 20rpx;
	}
</style>