|
|
@ -124,7 +124,10 @@ const fetchBannerList = () => { |
|
|
getCarouselBannerList({}, (res) => { |
|
|
getCarouselBannerList({}, (res) => { |
|
|
if (res && res.rows) { |
|
|
if (res && res.rows) { |
|
|
// 接口返回结构为 { total, rows, code, msg } |
|
|
// 接口返回结构为 { total, rows, code, msg } |
|
|
bannerList.value = res.rows || []; |
|
|
bannerList.value = (res.rows || []).map(item => ({ |
|
|
|
|
|
...item, |
|
|
|
|
|
imageUrl: baseUrl + item.imageUrl |
|
|
|
|
|
})); |
|
|
} |
|
|
} |
|
|
}, (err) => { |
|
|
}, (err) => { |
|
|
console.error('获取轮播图失败', err); |
|
|
console.error('获取轮播图失败', err); |
|
|
@ -200,18 +203,18 @@ onMounted(() => { |
|
|
overflow: hidden; |
|
|
overflow: hidden; |
|
|
flex-shrink: 0; |
|
|
flex-shrink: 0; |
|
|
position: relative; |
|
|
position: relative; |
|
|
height: 212px; |
|
|
height: 152px; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.header-city-bg { |
|
|
.header-city-bg { |
|
|
height: 220px; |
|
|
height: 150px; |
|
|
background: url('@/assets/images/bg_top.jpg') no-repeat center center; |
|
|
background: url('@/assets/images/bg_top.jpg') no-repeat center center; |
|
|
background-size: 100% 100%; |
|
|
background-size: 100% 100%; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.header-city-info { |
|
|
.header-city-info { |
|
|
width: 100%; |
|
|
width: 100%; |
|
|
height: 198px; |
|
|
height: 138px; |
|
|
background: url('@/assets/images/logo_top.png') no-repeat center center; |
|
|
background: url('@/assets/images/logo_top.png') no-repeat center center; |
|
|
background-size: 100% 100%; |
|
|
background-size: 100% 100%; |
|
|
position: absolute; |
|
|
position: absolute; |
|
|
@ -226,7 +229,7 @@ onMounted(() => { |
|
|
background: url('@/assets/images/label_zfd.png') no-repeat center center; |
|
|
background: url('@/assets/images/label_zfd.png') no-repeat center center; |
|
|
background-size: 100% 100%; |
|
|
background-size: 100% 100%; |
|
|
position: absolute; |
|
|
position: absolute; |
|
|
bottom: 58px; |
|
|
bottom:38px; |
|
|
left: 42%; |
|
|
left: 42%; |
|
|
z-index: 1; |
|
|
z-index: 1; |
|
|
} |
|
|
} |
|
|
@ -237,7 +240,7 @@ onMounted(() => { |
|
|
background: url('@/assets/images/slogan_top.png') no-repeat center center; |
|
|
background: url('@/assets/images/slogan_top.png') no-repeat center center; |
|
|
background-size: 100% 100%; |
|
|
background-size: 100% 100%; |
|
|
position: absolute; |
|
|
position: absolute; |
|
|
bottom: 12px; |
|
|
bottom: 6px; |
|
|
left: 72px; |
|
|
left: 72px; |
|
|
z-index: 1; |
|
|
z-index: 1; |
|
|
} |
|
|
} |
|
|
@ -357,7 +360,7 @@ onMounted(() => { |
|
|
|
|
|
|
|
|
.banner-inner { |
|
|
.banner-inner { |
|
|
width: 100%; |
|
|
width: 100%; |
|
|
height: 160px; |
|
|
height: 130px; |
|
|
position: relative; |
|
|
position: relative; |
|
|
overflow: hidden; |
|
|
overflow: hidden; |
|
|
} |
|
|
} |
|
|
|