XiaoMo/gterFang
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

修改

Browse Source
This commit is contained in:
A1300399510
2023-08-02 17:20:11 +08:00
parent ea9bd43b14
commit 29882f84a2
4 changed files with 18 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
src/views/apartmentDetail.vue
View File

@@ -5,8 +5,6 @@
<div class="content wid1200">
<div class="header">
<div class="top flexflex">
<!-- <div class="brand-name flexcenter">{{ company.title }}</div> -->
<!-- <div class="brand-abstract">{{ info['propaganda'] }}</div> -->
<div class="brand-abstract flexflex">
<div class="flexacenter" style="height: min-content;">
<div class="item" @click="publicJump('/')">港校租房</div>
@@ -20,10 +18,6 @@
</div>
<img class="arc-bj" src="@/assets/img/publicImage/angle.png">
<!-- <div class="arc-bj"> -->
<!-- <div class="arc"></div> -->
<!-- </div> -->
</div>
<div class="header-content flexflex">
<div class="header-left">
@@ -35,7 +29,7 @@
<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, carouselIndex)">
@click="cloaseImageShow(allCarouselsData, carouselIndex, 'carousel')">
</el-carousel-item>
</el-carousel>
<div class="indicate-type flexacenter" v-if="indicateTypeState()">
@@ -150,12 +144,12 @@
</div>
<div class="media-list flexacenter no-scrollbar" :class="`element${index}`">
<div class="media-item flexcenter" v-for="(it, i) in item['videos']"
@click="cloaseImageShow([...item['videos'], ...item['images']], i)">
@click="cloaseImageShow([...item['videos'], ...item['images']], i, `media${index}`)">
<img class="media-img" v-lazy="it['thumbnail']">
<img class="media-icon" src="@/assets/img/apartmentDetail/media-icon.svg" />
</div>
<div class="media-item flexcenter" v-for="(it, i) in item['images']"
@click="cloaseImageShow([...item['videos'], ...item['images']], item['videos'].length + i)">
@click="cloaseImageShow([...item['videos'], ...item['images']], item['videos'].length + i, `media${index}`)">
<img class="media-img" v-lazy="it['thumbnail']">
</div>
</div>
@@ -253,7 +247,8 @@
<!-- 品牌介绍 -->
<div class="details-item company" v-if="company" ref="companyEle">
<div class="details-header flexacenter">
<img class="icon" src="@/assets/img/apartmentDetail/live.png">
<img class="icon" style="width: 20px;height: 20px;"
src="@/assets/img/apartmentDetail/introduce-icon.png">
品牌介绍
</div>
<img class="company-img flexflex" v-lazy="company['imageurl']">
@@ -410,10 +405,12 @@ const store = useStore();
let imageShow = ref(false) // 查看大图弹窗的状态
let imageList = ref([]) // 查看大图弹窗的状态
let imageIndex = ref(0) // 查看大图弹窗的状态
const cloaseImageShow = (list, index) => {
if (list) {
let imageType = "" // 查看大图弹窗的状态
const cloaseImageShow = (list, index, type) => {
if (list && imageType != type) {
imageList.value = list
imageIndex.value = index
imageType = type
}
imageShow.value = !imageShow.value
}
@@ -1563,6 +1560,7 @@ const publicJump = path => router.push(path)
font-weight: 650;
font-size: 14px;
color: #000000;
line-height: 18px;
height: 18px;
background-color: #fddf6d;
border-radius: 9px;
@@ -1598,7 +1596,7 @@ const publicJump = path => router.push(path)
background: -webkit-linear-gradient(315deg, rgba(253, 218, 85, 1) 0%, rgba(229, 215, 190, 1) 50%, rgba(203, 254, 191, 1) 100%);
background: -moz-linear-gradient(135deg, rgba(253, 218, 85, 1) 0%, rgba(229, 215, 190, 1) 50%, rgba(203, 254, 191, 1) 100%);
background: linear-gradient(135deg, rgba(253, 218, 85, 1) 0%, rgba(229, 215, 190, 1) 50%, rgba(203, 254, 191, 1) 100%);
border: 1px solid rgba(230, 221, 185, 1);
// border: 1px solid rgba(230, 221, 185, 1);
-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.235294117647059);
-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.235294117647059);
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.235294117647059);