<template>
	<view class="backcor9" style="height: 100vh;overflow: hidden;">
		<view class="search-container">
			<!-- 搜索框 -->
			<block >
				<view class="nav-search jianbian" >
					<component-search @onsearch="search_button_event" :propIsOnEvent="true" :propIsRequired="true" propPlaceholder="输入商品名称搜索"></component-search>
				</view>
			</block>
			<!-- 搜索列表 -->
			<view class="search-list">
				<goodsList :typeList="'goodsSearch'" @loadData="loadData" :propData="data_list" :paddBottom="0"></goodsList>
				
			</view>
			
			
		</view>
	</view>
</template>

<script>
	import componentSearch from "@/components/search/search.vue";
	import goodsList from '@/pages/classify/goods-list/goods-list.vue'
	let requestData = require('./data2.json')
	export default {
		
		data(){
			return{
				data_list:requestData
			}
		},
		components:{
			componentSearch,
			goodsList
		},
		methods:{
			//搜索事件
			search_button_event(keywords) {
				console.log(keywords,"子组件弹射的keywords")
			},
			// 加载数据
			loadData(){
				
			}
		}
	}
</script>

<style lang="scss" scoped>

.search-container{
	
	
	.search-list{
		height:calc(100vh - 50px);
		// padding: 20rpx;
	}
}
	
.nav-search {
	padding:10px ;
}
</style>