78 lines
1.3 KiB
Vue
78 lines
1.3 KiB
Vue
<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> |