Commit b487ed54 authored by xinzhedeai's avatar xinzhedeai

fix:商户编辑图片 重构-平面图

parent 66a5840e
...@@ -27,6 +27,9 @@ ...@@ -27,6 +27,9 @@
color: #333 !important; /* 保持与正常状态相同的颜色 */ color: #333 !important; /* 保持与正常状态相同的颜色 */
-webkit-text-fill-color: #333 !important; /* 兼容iOS Safari */ -webkit-text-fill-color: #333 !important; /* 兼容iOS Safari */
} }
.van-uploader__preview-delete{
cursor: pointer;
}
</style> </style>
</head> </head>
<body> <body>
...@@ -222,24 +225,33 @@ ...@@ -222,24 +225,33 @@
<span class="form-label">商家平面图</span> <span class="form-label">商家平面图</span>
<span></span> <span></span>
</h5> </h5>
<div v-if="flag=='XG'"> <!-- 详情模式 -->
<van-uploader <div class="img-wrapper" style="display: flex;gap:.16rem;">
v-model="formData.floorPlanPhotosH5" <div style="position: relative;" v-for="(imgItem, index) in formData.floorPlanPhotos">
:max-count="4"
:after-read="handleFileUpload"
class="uploader-wrapper"
/>
</div>
<div v-if="flag=='XQ'">
<img <img
v-for="(imgItem, subIndex) in formData.floorPlanPhotos"
:src="previewUrl + imgItem" :src="previewUrl + imgItem"
alt="" alt="平面图"
style="width: 1.2rem; height: 1.2rem; margin-right: 0.2rem" style="width: 1.6rem; height: 1.6rem;"
@click="showImage(formData.floorPlanPhotos,subIndex)" @click="showImage(formData.floorPlanPhotos, index)"
/> />
<div class="van-uploader__preview-delete" @click="handleDeleteFloorPlan(index)"><i class="van-icon van-icon-cross van-uploader__preview-delete-icon"><!----></i></div>
</div>
<div v-if="formData.floorPlanPhotos.length<4">
<van-uploader
:before-read="beforeRead"
:after-read="afterRead"
class="uploader-wrapper"
:deletable="false"
:preview-image="false"
>
<img src="../image/code/upload.png" style="width:1.6rem;height: 1.6rem;" alt="" srcset="">
</van-uploader>
</div> </div>
</div> </div>
</div>
<div> <div>
<h5 class="imager-item-title"> <h5 class="imager-item-title">
<span class="form-label">营业执照</span> <span class="form-label">营业执照</span>
......
This diff is collapsed.
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment