gter.net/gterFang
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

修改

Browse Source
This commit is contained in:
A1300399510 2023-07-27 14:29:12 +08:00
parent 25561ff12d
commit ff15fe1a0e
3 changed files with 24 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/components/pageTopBar/pageTopBar.vue
View File

@ -22,7 +22,7 @@
</div>
</div>
</div>
<div class="dis-f jus-x al-item">
<div class="dis-f jus-x al-item body-maxWidth" style="margin: auto;">
<div class="logo-box dis-f al-item body-maxWidth">
<img src="../../assets/homeImage/logo.png" class="logo-img" alt="">
<img src="../../assets/homeImage/logoText.png" class="logo-text-img" alt="">
@ -169,6 +169,7 @@ tabBtnType.value = route.meta.path
.top-bg-img-box {
width: 100%;
min-width: 1200px;
}
.top-bg-img-box .bg-img {

1
src/components/public/viewMap.vue
View File

@ -86,6 +86,7 @@ const showPop = () => show.value = !show.value
background: #fff;
border-radius: 20px;
padding: 20px;
max-width: 90vw;
.close {
display: block;

32
src/views/apartmentDetail.vue
View File

@ -16,14 +16,16 @@
<image-watch style="z-index: 1003;" arrow="never" :show="imageShow" :close="cloaseImageShow"
:list="imageList"></image-watch>
<div class="slideshow">
<el-carousel :autoplay="false" indicator-position="none" ref="remarkCaruselUp"
<el-carousel :autoplay="false" arrow="never" indicator-position="none" ref="remarkCaruselUp"
@change="carouselChange">
<el-carousel-item class="flexcenter" v-for="item in allCarouselsData">
<img class="img" :src="item['image'] || item['imageurl']"
@click="cloaseImageShow(allCarouselsData)">
<el-carousel-item class="flexcenter" v-for="(item, index) in allCarouselsData">
<img v-if="index >= carouselIndex - 1 && index <= carouselIndex + 1" class="img"
:src="item['image'] || item['imageurl']" @click="cloaseImageShow(allCarouselsData)">
</el-carousel-item>
</el-carousel>
<div class="indicate-type flexacenter" v-if="allCarouselsData.length != 0">
<!-- <div class="indicate-type flexacenter" v-if="allCarouselsData.length != 0"> -->
<div class="indicate-type flexacenter" v-if="indicateTypeState()">
<div class="indicate-item"
:class="{ 'pitch': allCarouselsData[carouselIndex]['type'] == 'lives' }"
v-if="info['lives'] && info['lives'].length != 0" @click="slideshowType('lives')">
@ -393,7 +395,7 @@ watch(route, () => {
carouselIndex.value = 0
allCarouselsData.value = []
// mediaBtnstate.value = {}
init()
@ -591,7 +593,6 @@ const contactReservationService = () => {
})
}
let mediaBtnstate = ref({}) // 0 左边为不能点击 1 右边不能点击 2 是两个都能点击
const handleMediaBtn = (type, index) => {
@ -659,9 +660,8 @@ onUnmounted(() => {
window.removeEventListener('scroll', handleScroll);
});
const gobrand = item => {
router.push(`/apartmentDetail?uniqid=${item.uniqid}`)
}
const gobrand = item => router.push(`/apartmentDetail?uniqid=${item.uniqid}`)
const handleScroll = () => {
if (Math.random() > 0.3) return
@ -678,6 +678,16 @@ const handleScroll = () => {
}
}
const indicateTypeState = () => {
console.log("carouselsconfig", carouselsconfig);
let total = 0 // 累计
for (const key in carouselsconfig.value) {
if (carouselsconfig.value[key]['amount'] > 0) total++
}
return total > 1 ? true : false
}
</script>
@ -729,7 +739,7 @@ const handleScroll = () => {
.arc {
width: 100%;
height: 100%;
background: rgba(203, 254, 191, 1);
background: rgba(204, 253, 191, 1);
border-radius: 0 0 100% 0;
}