<template>
	<view>
		<view class="search-box-bg">
			<view class="bug-fix"></view>
			<view class="search-box">
				<view class="search-box-input">
					<u-input placeholder="热门搜索" placeholder-style="color: #969696" prefixIcon="search"
						prefixIconStyle="font-size: 24px;color: #909399;" border="true">
					</u-input>
				</view>
			</view>
		</view>
		
		<view>
			<DropDown></DropDown>
		</view>
		<view class="marginLR10">
			<ShowShopList :showStyle="2" :adlinkPath="adlinkPath"/>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				adlinkPath: "/pages/publish/publishInvestment/publishInvestment"
			}
		},
		methods: {
			
		}
	}
</script>

<style lang="scss">
	page{
		background-color: #F8F8F8;
	}
	.marginLR10{
		margin: 0 10px;
	}
	.search-box-bg{
		width: 100%;
		position: relative;
		z-index: 3;
		background-color: #F8F8F8;
		.bug-fix {
			transform: translateY(-20rpx);
			width: 100%;
			height: 20rpx;
		}
		.search-box {
			position: relative;
			z-index: 2;
			left: 50%;
			width: 84.6%;
			transform: translateX(-50%);
			.search-box-input {
				border-radius: 12rpx;
				background-color: #fff;
				opacity: 0.85;
		
				.u-border {
					border: none;
		
					.u-input__content {
						height: 62rpx;
						border-radius: 12rpx;
						background-color: #fff;
		
						.u-input__content__field-wrapper__field {
							font-size: 26rpx !important;
						}
					}
				}
			}
		}
	}
	
</style>
