|
|
@@ -51,6 +51,7 @@
|
|
|
>
|
|
|
<img v-if="area.img_url" :src="area.img_url" class="img" @click="roomAreaUploadImg(one, two, three)">
|
|
|
<i v-else class="el-icon-plus icon" @click="roomAreaUploadImg(one, two, three)"/>
|
|
|
+ <img :src="area.img_url" class="ri-img-big">
|
|
|
</el-upload>
|
|
|
<div class="ri-deal">
|
|
|
<input class="ri-input" v-model="area.area" type="text" placeholder="输面积">
|
|
|
@@ -464,14 +465,30 @@ export default {
|
|
|
.ri-img {
|
|
|
display: inline-block;
|
|
|
vertical-align: middle;
|
|
|
- width: 80px;
|
|
|
- height: 80px;
|
|
|
- overflow: hidden;
|
|
|
+ width: 82px;
|
|
|
+ height: 82px;
|
|
|
border: 1px dashed #999;
|
|
|
+ position: relative;
|
|
|
+ box-sizing: border-box;
|
|
|
+ &:hover {
|
|
|
+ .ri-img-big {
|
|
|
+ display: block;
|
|
|
+ }
|
|
|
+ }
|
|
|
img {
|
|
|
width: 80px;
|
|
|
height: 80px;
|
|
|
}
|
|
|
+ .ri-img-big {
|
|
|
+ position: absolute;
|
|
|
+ top: 0;
|
|
|
+ left: 0;
|
|
|
+ width: 400px;
|
|
|
+ height: auto;
|
|
|
+ display: none;
|
|
|
+ box-shadow: 10px 10px 10px #ccc;
|
|
|
+ z-index: 99;
|
|
|
+ }
|
|
|
.el-icon-plus {
|
|
|
color: #999;
|
|
|
padding: 30px;
|
