.imageData
|
// height: calc(100% - 100px)
|
// padding: 20px 20px 0 20px
|
overflow: auto
|
.el-card
|
-webkit-box-shadow: none
|
.el-card__body
|
padding-top: 0px
|
padding-left: 1px
|
display: flex
|
justify-content: space-between
|
flex-wrap: wrap
|
.images
|
width: 45%
|
margin-bottom 40px
|
p
|
font-size: 14px
|
line-height: 20px
|
&.title-full
|
margin-bottom: 16px
|
font-size: 12px
|
color: #aaa
|
&.title-half
|
margin-bottom 20px
|
&.not-require
|
padding-left: 8px
|
span
|
color: #C5C5C5
|
i
|
font-style: normal
|
color: red
|
.imagesList
|
@media only screen and (max-width: 1320px) {
|
width: 330px
|
}
|
width: 460px
|
.imagesList-full
|
@media only screen and (max-width: 1320px) {
|
width: calc(100% - 45% + 330px)
|
}
|
width: calc(100% - 45% + 460px)
|
.imagesList,.imagesList-full
|
min-height 100px
|
display: flex
|
justify-content: flex-start
|
flex-wrap: wrap
|
background-color: #F9F9F9
|
border-radius:4px
|
padding: 0px 20px
|
position: relative
|
&.danger
|
border: 1px solid red
|
>img
|
width: 12px
|
height: 12px
|
position: absolute
|
bottom: 6px
|
right: 6px
|
cursor: pointer
|
>div
|
position: relative
|
margin-top: 20px
|
img
|
width:90px;
|
height:60px;
|
margin-right:20px
|
cursor: pointer
|
span
|
font-size: 14px
|
position: absolute
|
top: -5px
|
right: 15px
|
cursor: pointer
|
color #FF4300
|
.el-upload--picture-card
|
width:90px;
|
height:60px;
|
line-height: 64px
|
margin-bottom: 20px
|
.el-upload-list
|
display: none
|