seehoo-design-plus
Version:
An UI components for Seehoo Vuejs.3
66 lines (65 loc) • 1.72 kB
text/less
.pop-modal {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 999;
background: rgba(0, 0, 0, 0.9);
.carouse {
height: 100%;
.ivu-carousel {
height: 100%;
.ivu-carousel-list {
height: 100%;
.ivu-carousel-track {
height: 100% ;
.ivu-carousel-item {
height: 100vh ;
.carouse-item {
height: 100%;
display: flex;
flex-direction: column;
width: 100%;
&-approve {
position: absolute;
right: 8%;
top: 110px;
z-index: 99;
width: 95px;
}
&-title {
color: white;
font-size: 18px;
height: 60px;
line-height: 60px;
padding-left: 40px;
display: flex;
justify-content: space-between;
.actions {
display: flex;
align-items: center;
justify-content: center;
padding-right: 25px;
button {
margin-right: 10px;
}
.ivu-icon {
font-size: 36px;
font-weight: bold;
margin-left: 40px;
}
}
}
.carouse-image {
width: 90%;
height: 100%;
margin: 0 auto;
}
}
}
}
}
}
}
}