<template>
	<home-header></home-header>
</template>

<script>
	import HomeHeader from './childComps/HomeHeader.vue'
	export default {
		components:{
			HomeHeader,
		},
		data() {
			return {
				hotSearchWord:'热门关键词',
				headerBgList:["https://alifei01.cfp.cn/creative/vcg/800/new/VCG41175510742.jpg"]
			}
		},
		onLoad() {
			
		},
		methods: {
			// 头部区域
			//获取热点搜索词、背景URL
			getHeaderAreaURL() {
				
			}
		}
	}
</script>

<style lang="scss">
	// 搜索区域样式
	.search_box {
		background: #000;
		position: relative;
		.search_box_border {
			width: 84.6%;
			height: 25px;
			z-index: 1;
			
			position: absolute;
			left: 50%;  
			transform: translate(-50%, 0%); 
			
			border-radius: 10px;
			padding-top: 3px !important;
			margin-top: 8px;
			background-color: #fff;
			.u-border{
				border: none;
			}
			// .u
			.u-input__content {
				background-color: #fff;
				border-radius: 1;
				height: 10px;
				.u-input__content__field-wrapper__field {
					height: 10px !important;
					font-size: 10px !important;
				}
			}
		}
		.header-bgimg {
			width: 100vw;
			// z-index: 0;
		}
		
	}
	// 轮播图样式
	.swiper {
		.u-swiper {
			border-radius:0 !important;
		}
		.u-swiper__wrapper__item__wrapper__image{
			border-radius:0 !important;
		}
	}
	
</style>