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

BIN
src/assets/img/apartmentDetail/introduce-icon.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

9
src/components/detail/imageWatch.vue
View File

@@ -1,16 +1,17 @@
<template>
<div class="watch-box" v-show="show">
<div class="pos-r dis-f al-item mg-t-60">
<div class="s-w-100">
<div class="s-w-100" style="">
<el-carousel arrow="never" height="600px" :autoplay="false" :initial-index="props.index"
indicator-position="none" ref="carousel" @change="carouselChange">
<el-carousel-item v-for="(item, i) in list" :key="i">
<div class="dis-f jus-x al-item" v-if="item">
<div class="img-box dis-f jus-x" style="width:auto;" v-if="item['type'] != 'attachment'">
<video :autoplay="false" controls :src="item.url || item['videourl']"></video>
<video style="width: 666px;" :autoplay="false" controls :src="item.url || item['videourl']"></video>
</div>
<div class="img-box dis-f jus-x" v-else>
<img v-lazy="item && item.url || item['imageurl'] || item['image']" class="img" alt="">
<!-- <img v-lazy="item && item.url || item['imageurl'] || item['image']" class="img" alt=""> -->
<img src="item && item.url || item['imageurl'] || item['image']" class="img" alt="">
</div>
</div>
</el-carousel-item>
@@ -253,7 +254,7 @@ img {
}
.img-box {
width: 1200px;
/* width: 1200px; */
height: 600px;
border-radius: 10px;
overflow: hidden;

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

@@ -82,11 +82,12 @@ const showPop = () => show.value = !show.value
left: 50%;
transform: translate(-50%, -50%);
width: 1200px;
height: 800px;
height: calc(100% - 100px);
background: #fff;
border-radius: 20px;
padding: 20px;
max-width: 90vw;
// max-height: 85vh;
.close {
display: block;

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);