修改图片预览组件

This commit is contained in:
A1300399510
2023-07-28 14:42:45 +08:00
parent 6cb88bda8a
commit 1b8fa7b68b
6 changed files with 98 additions and 86 deletions

View File

@@ -23,7 +23,7 @@
</div>
<div class="header-content flexflex">
<div class="header-left">
<image-watch style="z-index: 1003;" arrow="never" :index="5" :show="imageShow"
<image-watch style="z-index: 1003;" arrow="never" :index="imageIndex" :show="imageShow"
:close="cloaseImageShow" :list="imageList"></image-watch>
<div class="slideshow">
<el-carousel :autoplay="false" arrow="never" indicator-position="none" ref="remarkCaruselUp"
@@ -263,32 +263,8 @@
</div>
</div>
<div class="details-right flexacenter">
<phoneqrcode :type="apartment" :qrcode="qrcode"></phoneqrcode>
<phoneqrcode type="apartment" :qrcode="qrcode"></phoneqrcode>
<groupqrcode></groupqrcode>
<!-- <div class="QRcode-box apartment-QRcode flexflex" v-if="true">
<img class="mini-program-title" src="@/assets/img/apartmentDetail/mini-program-title.png">
<div class="QRcode-case flexcenter">
<img class="QRcode-img" :src="qrcode" alt="">
</div>
<div class="apartment-QRcode-hint flexacenter">
<img class="scan-icon" src="@/assets/img/apartmentDetail/scan-icon.png">
手机查看该公寓
</div>
</div> -->
<!-- <div class="QRcode-box group-QRcode flexflex" v-if="true">
<img class="group-title" src="@/assets/img/apartmentDetail/group-title.png">
<div class="QRcode-case flexcenter">
<img class="QRcode-img" :src="wechat['wechatqrcode']" alt="">
</div>
<div class="group-QRcode-hint flexacenter">
<img class="scan-icon" src="@/assets/img/apartmentDetail/scan-icon.png">
入群请添加
<b>方同学的小助手</b>
<b>{{ wechat['nickname'] }}</b>
</div>
</div> -->
<!-- 同品牌公寓 -->
<div class="same-brand-title flexcenter" v-if="dualBrandList.length != 0" ref="eleseEle">
<img class="same-brand-icon" src="@/assets/img/apartmentDetail/same-brand.png">
@@ -423,8 +399,6 @@ import { copyToClipboard } from '@/utils/util.js'
const { proxy } = getCurrentInstance()
const store = useStore();
const { wechat } = toRefs(store.state);
let imageShow = ref(false) // 查看大图弹窗的状态
let imageList = ref([]) // 查看大图弹窗的状态
let imageIndex = ref(0) // 查看大图弹窗的状态
@@ -936,8 +910,6 @@ const publicJump = path => router.push(path)
transform: translate(-50%, -50%);
}
// overflow: hidden;
.img {
height: 100%;
border-radius: 6px;