fork-reap-design
Version:
A high quality UI components Library with Vue.js
78 lines (75 loc) • 1.79 kB
text/less
.aui-upload-pic-wrap {
.aui-upload-inner, .ivu-upload {
width: 100%;
height: 100%;
& > img {
display: block;
width: 100%;
height: 100%;
}
}
.outside {
position: absolute;
left: 0;
bottom: 0;
}
// 图片类型操作样式
.aui-upload-inner {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
background-color: #fafafa;
&:hover {
.aui-upload-cover {
display: flex;
justify-content: center;
align-items: center;
}
}
&.reset-cursor {
cursor: default;
}
}
// 上传图片后操作栏遮罩
.aui-upload-cover {
display: none;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 1;
background: rgba(0,0,0,.6);
.ivu-icon {
color: #fff;
font-size: 20px;
cursor: pointer;
margin: 0 8px;
}
}
// 上传图片组件禁用
.aui-upload-disabled {
.ivu-upload {
cursor: not-allowed;
border: 1px solid #dcdee2;
.aui-upload-inner {
color: #999;
background-color: #eee;
.aui-upload-cover {
display: block;
background: rgba(245,245,245,.6);
.ivu-icon {
display: none;
}
}
}
}
}
.aui-extract-tips-text {
&.lh {
line-height: 1.5;
}
}
}