95 lines
1.7 KiB
SCSS
95 lines
1.7 KiB
SCSS
.el-form{
|
|
.el-form-item{
|
|
&:nth-last-child(1){
|
|
margin-bottom: 0;
|
|
}
|
|
}
|
|
}
|
|
|
|
// el 弹框不知道为啥宽度会变大
|
|
.el-popup-parent--hidden {
|
|
width: 100% !important;
|
|
overflow: hidden;
|
|
}
|
|
|
|
|
|
// messagebox 样式
|
|
.is-message-box {
|
|
.el-message-box {
|
|
border-radius: 16px;
|
|
}
|
|
}
|
|
|
|
// rounded-tooltip 提示框样式
|
|
.rounded-tooltip {
|
|
display: flex;
|
|
align-items: center;
|
|
height: fit-content;
|
|
border-radius: 10px !important;
|
|
}
|
|
.rounded-tooltip-enter-from {
|
|
opacity: 0;
|
|
transform: scale(0.9); /* 进入前：缩小隐藏 */
|
|
}
|
|
.rounded-tooltip-enter-active,
|
|
.rounded-tooltip-leave-active {
|
|
transition: transform 0.3s, opacity 0.3s; /* 缓入动画 */
|
|
}
|
|
.rounded-tooltip-enter-to {
|
|
opacity: 1;
|
|
transform: scale(1); /* 进入后：正常大小 */
|
|
}
|
|
.rounded-tooltip-leave-from {
|
|
opacity: 1;
|
|
transform: scale(1); /* 离开前：正常大小 */
|
|
}
|
|
.rounded-tooltip-leave-to {
|
|
opacity: 0;
|
|
transform: scale(0.9); /* 离开后：缩小隐藏 */
|
|
}
|
|
|
|
/* S Dialog 样式行为 */
|
|
.dialog-fade-enter-active .el-dialog {
|
|
animation: dialog-open 0.2s cubic-bezier(0.33, 0.89, 0.25, 1.02);
|
|
}
|
|
.dialog-fade-leave-active {
|
|
animation: fade-out 0.2s linear;
|
|
}
|
|
.dialog-fade-leave-active .el-dialog {
|
|
animation: dialog-close 0.2s cubic-bezier(0.78, 0.14, 0.15, 0.86);
|
|
}
|
|
|
|
@keyframes dialog-open {
|
|
0% {
|
|
opacity: 0;
|
|
transform: scale(0.2);
|
|
}
|
|
100% {
|
|
opacity: 1;
|
|
transform: scale(1);
|
|
}
|
|
}
|
|
|
|
@keyframes dialog-close {
|
|
0% {
|
|
opacity: 1;
|
|
transform: scale(1);
|
|
}
|
|
100% {
|
|
opacity: 0;
|
|
transform: scale(0.2);
|
|
}
|
|
}
|
|
|
|
// 遮罩层动画
|
|
@keyframes fade-out {
|
|
0% {
|
|
opacity: 1;
|
|
}
|
|
100% {
|
|
opacity: 0;
|
|
}
|
|
}
|
|
|
|
/* E Dialog 样式行为 */
|