108 lines
1.9 KiB
Plaintext
108 lines
1.9 KiB
Plaintext
:host {
|
|
::ng-deep {
|
|
|
|
.sv__label,
|
|
.sv__detail {
|
|
line-height: 30px;
|
|
}
|
|
|
|
.edit-box {
|
|
input {
|
|
max-width: 250px;
|
|
}
|
|
|
|
nz-date-picker {
|
|
min-width: 250px;
|
|
}
|
|
}
|
|
|
|
.readOnly-box {
|
|
input {
|
|
padding-left: 0;
|
|
color : #000;
|
|
}
|
|
|
|
nz-select-top-control {
|
|
padding-left: 0px !important;
|
|
}
|
|
}
|
|
|
|
.ant-select {
|
|
min-width: 250px;
|
|
|
|
nz-select-top-control {
|
|
cursor: text !important;
|
|
color : #000 !important;
|
|
}
|
|
}
|
|
|
|
// 图片展示工具样式改造
|
|
.ant-upload.ant-upload-disabled {
|
|
cursor: pointer;
|
|
}
|
|
|
|
.ant-upload.ant-upload-select-picture-card {
|
|
width : 200px;
|
|
height: 160px;
|
|
}
|
|
|
|
.ant-upload-picture-card-wrapper {
|
|
width: auto;
|
|
}
|
|
}
|
|
}
|
|
|
|
.image-hover {
|
|
.delete-icon {
|
|
border-radius : 50%;
|
|
color : #F55656;
|
|
font-size : 28px;
|
|
position : absolute;
|
|
top : -15px;
|
|
right : -15px;
|
|
background-color: #ffffff;
|
|
cursor : pointer;
|
|
}
|
|
|
|
.show-icon {
|
|
color : #ffffff;
|
|
font-size: 30px;
|
|
cursor : pointer;
|
|
}
|
|
}
|
|
|
|
.image-hover:hover .mask {
|
|
opacity: 0.8;
|
|
}
|
|
|
|
.mask {
|
|
width : 200px;
|
|
height : 160px;
|
|
background-color : #4F4F4F;
|
|
opacity : 0;
|
|
position : absolute;
|
|
// top : 6px;
|
|
// left : 12px;
|
|
border-radius : 6px;
|
|
margin-top : -160px;
|
|
}
|
|
|
|
.mask-over {
|
|
width : 200px;
|
|
height : 160px;
|
|
position : absolute;
|
|
// top : 6px;
|
|
// left : 12px;
|
|
border-radius : 6px;
|
|
display : flex;
|
|
justify-content : center;
|
|
align-items : center;
|
|
margin-top : -160px;
|
|
|
|
label {
|
|
font-size : 20px;
|
|
line-height : 24px;
|
|
letter-spacing: 0.7px;
|
|
color : #FFFFFF;
|
|
}
|
|
} |