<template>
	<view class="root">
		<InputAndSwiper></InputAndSwiper>
		
		<view>
			<view class="dropdown-bug">
				
			</view>
			<view class="marginLR10">
				<DropDown></DropDown>
			</view>
			<view class="marginLR10">
				<SearchShopList :showStyle="1"/>
			</view>
		</view>
		
		<TabBar :current-page="3"></TabBar>
	</view>
</template>

<script>
	import DropDownItem from "@/components/DropDown/DropDownItem.vue"
	export default {
		components: {
			DropDownItem
		},
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style lang="scss" scoped>
	page {
		background-color: $uni-bg-color-grey;
	}
	.root{
		position: relative;
	}
	.dropdown-bug {
		position: absolute;
		background-color: $uni-bg-color-grey;
		height: 120rpx;
		width: 100%;
		transform: translateY(-20rpx);
		z-index: 2;
	}
	.marginLR10{
		margin: 0 10px;
	}
	
</style>
