|
|
@@ -1,7 +1,7 @@
|
|
|
<template>
|
|
|
<div class="index" style="padding-bottom: 40px;">
|
|
|
<!-- 搜索 -->
|
|
|
- <el-affix @change="change" :offset="60" z-index="2001">
|
|
|
+ <el-affix @change="change" :offset="60" z-index="2001" style="width: 100%;">
|
|
|
<div :style="isTop==true?'background:#ffffff;box-shadow: 0 10px 8px rgba(153, 153, 153, 0.1);':''"
|
|
|
class="search flex align-center justify-center">
|
|
|
<div class="search-box flex align-center justify-between">
|
|
|
@@ -80,9 +80,9 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="typeBanner-box-r" v-if="isShoType == false">
|
|
|
- <el-carousel :interval="6000" trigger="click" style="height: 360px;" autoplay>
|
|
|
- <el-carousel-item v-for="item in bannerListuser" style="height: 360px;" :key="item">
|
|
|
- <el-image style="width: 100%; height: 360px;border-radius: 0 24px 24px 0;"
|
|
|
+ <el-carousel :interval="6000" trigger="click" style="height: 470px;" autoplay>
|
|
|
+ <el-carousel-item v-for="item in bannerListuser" style="height: 470px;" :key="item">
|
|
|
+ <el-image style="width: 100%; height: 470px;border-radius: 0 24px 24px 0;"
|
|
|
:src="item.imageUrl" fit="fill" />
|
|
|
</el-carousel-item>
|
|
|
</el-carousel>
|
|
|
@@ -675,7 +675,11 @@
|
|
|
</script>
|
|
|
<style lang="scss" scoped>
|
|
|
$marginTop-60: 120px;
|
|
|
-
|
|
|
+ :deep(.el-affix--fixed) {
|
|
|
+ width: 100% !important;
|
|
|
+ right: 0;
|
|
|
+ left: 0;
|
|
|
+ }
|
|
|
.searchLabel {
|
|
|
width: 100%;
|
|
|
|
|
|
@@ -785,7 +789,7 @@
|
|
|
|
|
|
|
|
|
.search-box {
|
|
|
- width: calc(100% - $marginTop-60 * 2);
|
|
|
+ width: calc(1800px - $marginTop-60 * 2);
|
|
|
height: 50px;
|
|
|
|
|
|
.search-box-l {
|
|
|
@@ -944,13 +948,13 @@
|
|
|
|
|
|
.typeBanner-box {
|
|
|
width: calc(100% - $marginTop-60 * 2);
|
|
|
- height: 340px;
|
|
|
+ height: 450px;
|
|
|
background-color: #ffffff;
|
|
|
border-radius: 24px;
|
|
|
}
|
|
|
|
|
|
.typeBanner-box-l {
|
|
|
- width: 450px;
|
|
|
+ width: 550px;
|
|
|
height: 100%;
|
|
|
background-color: #ffffff;
|
|
|
border-radius: 24px 0 0 24px;
|
|
|
@@ -961,7 +965,7 @@
|
|
|
}
|
|
|
|
|
|
.typeBanner-box-r {
|
|
|
- width: calc(100% - 450px);
|
|
|
+ width: calc(100% - 550px);
|
|
|
height: calc(100% + 20px);
|
|
|
background-color: #ffffff;
|
|
|
border-radius: 0 24px 24px 0;
|