81 lines
1.4 KiB
SCSS
81 lines
1.4 KiB
SCSS
/* 改变主题色变量 */
|
|
$--color-primary: #1890ff;
|
|
|
|
#app{
|
|
.el-button{
|
|
font-weight: 400;
|
|
border-radius: 4px;
|
|
}
|
|
}
|
|
.el-dialog{
|
|
border-radius: 10px;
|
|
.dialog-footer{
|
|
margin-right: 8px;
|
|
}
|
|
}
|
|
|
|
|
|
|
|
/* ZOOM FADE */
|
|
.zoom-fade-enter-active,
|
|
.zoom-fade-leave-active {
|
|
transition: transform 0.35s, opacity 0.28s ease-in-out;
|
|
}
|
|
.zoom-fade-enter {
|
|
transform: scale(0.97);
|
|
opacity: 0;
|
|
}
|
|
.zoom-fade-leave-to {
|
|
transform: scale(1.03);
|
|
opacity: 0;
|
|
}
|
|
/* FADE TRNASITION */
|
|
.fade-enter-active,
|
|
.fade-leave-active {
|
|
transition: opacity 0.28s ease-in-out;
|
|
}
|
|
.fade-enter,
|
|
.fade-leave-to {
|
|
opacity: 0;
|
|
}
|
|
/* PAGE SLIDE */
|
|
.slide-fade-enter-active,
|
|
.slide-fade-leave-active {
|
|
transition: opacity 0.35s, transform 0.4s;
|
|
}
|
|
.slide-fade-enter {
|
|
opacity: 0;
|
|
transform: translateX(-30%);
|
|
}
|
|
.slide-fade-leave-to {
|
|
opacity: 0;
|
|
transform: translateX(30%);
|
|
}
|
|
/* ZOOM OUT */
|
|
.zoom-out-enter-active,
|
|
.zoom-out-leave-active {
|
|
transition: opacity 0.35s ease-in-out, transform 0.45s ease-out;
|
|
}
|
|
.zoom-out-enter,
|
|
.zoom-out-leave-to {
|
|
opacity: 0;
|
|
transform: scale(0);
|
|
}
|
|
/* UNFOLD SLIDE */
|
|
.fade-bottom-enter-active,
|
|
.fade-bottom-leave-active {
|
|
transition: opacity 0.3s, transform 0.35s;
|
|
}
|
|
.fade-bottom-enter {
|
|
opacity: 0;
|
|
transform: translateY(-8%);
|
|
}
|
|
.fade-bottom-leave-to {
|
|
opacity: 0;
|
|
transform: translateY(8%);
|
|
}
|
|
|
|
:export {
|
|
colorPrimary: $--color-primary
|
|
}
|