.imageData
|
height: calc(100% - 158px)
|
padding: 0 30px 0 0
|
margin-top 78px
|
overflow: auto
|
.default
|
position relative
|
height 100%
|
img
|
width 676px
|
height 366px
|
position absolute
|
top 50%
|
left 50%
|
transform translate(-50%,-50%)
|
.el_group
|
position absolute
|
top 20px
|
left 30px
|
.el-select
|
width 349px
|
.el-input.is-focus .el-input__inner
|
border-color #eeeeee
|
.el-input__inner,
|
.el-input__icon
|
height 28px
|
line-height 28px
|
.el-input__inner
|
font-size 12px
|
border-radius 14px
|
border-top-right-radius 0
|
border-bottom-right-radius 0
|
.el-button
|
height 28px
|
vertical-align top
|
padding 5px 12px
|
font-size 12px
|
background-color #0081F0
|
color #ffffff
|
border-color #0081F0
|
border-radius 14px
|
border-top-left-radius 0
|
border-bottom-left-radius 0
|
.imageList
|
display: flex
|
justify-content: flex-start
|
flex-wrap: wrap
|
.images
|
width: 50%
|
padding-left: 30px
|
box-sizing: border-box
|
margin-bottom 40px
|
position relative
|
>p
|
font-size: 14px
|
line-height: 20px
|
margin-bottom 20px
|
position relative
|
padding-left: 14px
|
span
|
color: #C5C5C5
|
i
|
font-style: normal
|
color: #FF4300
|
display: inline-block
|
width 6px
|
line-height 24px
|
position: absolute
|
left 0
|
top 0
|
.imagesList,
|
.imagesFloat
|
@media screen and (max-width: 1460px){
|
& {
|
width: 360px
|
}
|
}
|
width: 465px
|
min-height 100px
|
display: flex
|
justify-content: flex-start
|
flex-wrap: wrap
|
background-color: #F9F9F9
|
border 2px solid #F9F9F9
|
border-radius:4px
|
padding: 0 20px 0
|
margin-left: 14px
|
position: relative
|
box-sizing border-box
|
&.search
|
border 2px solid #0081F0
|
&.danger
|
border: 2px solid #FF4300
|
>img
|
width: 12px
|
height: 12px
|
position: absolute
|
bottom: 6px
|
right: 6px
|
cursor: pointer
|
>div
|
position: relative;
|
margin: 18px 15px 18px 0;
|
width: 90px;
|
>div
|
width:90px;
|
height:60px;
|
cursor: pointer
|
img
|
width:90px;
|
height:60px;
|
&.svg
|
padding: 12px 28px;
|
box-sizing: border-box;
|
&:not(:last-child)>div
|
border-radius:4px;
|
background-color #fff
|
box-shadow:0px 3px 4px 0px rgba(0,0,0,0.08);
|
&:last-child
|
margin-right: 0;
|
box-shadow none;
|
p
|
margin-top 5px;
|
font-size 12px;
|
text-align center;
|
width 90px;
|
display: -webkit-box;
|
-webkit-box-orient: vertical;
|
-webkit-line-clamp: 2;
|
overflow: hidden;
|
span
|
font-size: 14px
|
position: absolute
|
top: -5px
|
right: -7px
|
cursor: pointer
|
color #FF4300
|
background-color #fff
|
border-radius: 50%
|
.el-upload--picture-card
|
width 90px
|
height 60px
|
line-height 0
|
border none
|
border-radius 4px
|
.el-upload-dragger
|
width 100%
|
height 100%
|
border 2px solid #E5E5E5
|
background-color #f9f9f9
|
&.is-dragover
|
border 2px solid #0081F0
|
.el-icon-plus
|
margin-top 12px
|
font-size: 14px
|
font-weight 600
|
color #AAAAAA
|
.el-upload__text
|
margin-top 4px
|
font-size 12px
|
line-height 17px
|
color #AAAAAA
|
.el-upload-list
|
display: none
|
.imagesFloat
|
position absolute
|
top 40px
|
left 30px
|
z-index 1
|
background:rgba(249,249,249,1);
|
box-shadow:1px 4px 10px 6px rgba(0,0,0,0.08);
|
border-radius:4px;
|
>div:not(:last-child)
|
margin-bottom 0;
|
.imagesList:hover
|
border 2px solid #0081F0
|
.btn
|
width 100%
|
text-align: center
|
position: absolute
|
bottom: 24px
|
left: 50%
|
transform: translateX(-50%)
|
.el-button
|
width: 120px
|
font-size: 14px
|
line-height: 20px
|
padding: 5px 0
|
&+.el-button
|
margin-left 40px
|
