|
- /* BEM support Func
- -------------------------- */
- /* Element Chalk Variables */
- /* Transition
- -------------------------- */
- /* Color
- -------------------------- */
- /* 53a8ff */
- /* 66b1ff */
- /* 79bbff */
- /* 8cc5ff */
- /* a0cfff */
- /* b3d8ff */
- /* c6e2ff */
- /* d9ecff */
- /* ecf5ff */
- /* Link
- -------------------------- */
- /* Border
- -------------------------- */
- /* Fill
- -------------------------- */
- /* Typography
- -------------------------- */
- /* Size
- -------------------------- */
- /* z-index
- -------------------------- */
- /* Disable base
- -------------------------- */
- /* Icon
- -------------------------- */
- /* Checkbox
- -------------------------- */
- /* Radio
- -------------------------- */
- /* Select
- -------------------------- */
- /* Alert
- -------------------------- */
- /* MessageBox
- -------------------------- */
- /* Message
- -------------------------- */
- /* Notification
- -------------------------- */
- /* Input
- -------------------------- */
- /* Cascader
- -------------------------- */
- /* Group
- -------------------------- */
- /* Tab
- -------------------------- */
- /* Button
- -------------------------- */
- /* cascader
- -------------------------- */
- /* Switch
- -------------------------- */
- /* Dialog
- -------------------------- */
- /* Table
- -------------------------- */
- /* Pagination
- -------------------------- */
- /* Popup
- -------------------------- */
- /* Popover
- -------------------------- */
- /* Tooltip
- -------------------------- */
- /* Tag
- -------------------------- */
- /* Tree
- -------------------------- */
- /* Dropdown
- -------------------------- */
- /* Badge
- -------------------------- */
- /* Card
- --------------------------*/
- /* Slider
- --------------------------*/
- /* Steps
- --------------------------*/
- /* Menu
- --------------------------*/
- /* Rate
- --------------------------*/
- /* DatePicker
- --------------------------*/
- /* Loading
- --------------------------*/
- /* Scrollbar
- --------------------------*/
- /* Carousel
- --------------------------*/
- /* Collapse
- --------------------------*/
- /* Transfer
- --------------------------*/
- /* Header
- --------------------------*/
- /* Footer
- --------------------------*/
- /* Main
- --------------------------*/
- /* Timeline
- --------------------------*/
- /* Backtop
- --------------------------*/
- /* Link
- --------------------------*/
- /* Calendar
- --------------------------*/
- /* Form
- -------------------------- */
- /* Avatar
- --------------------------*/
- /* Break-point
- --------------------------*/
- /* Break-points
- -------------------------- */
- /* Scrollbar
- -------------------------- */
- /* Placeholder
- -------------------------- */
- /* BEM
- -------------------------- */
- /* Element Chalk Variables */
- /* Transition
- -------------------------- */
- /* Color
- -------------------------- */
- /* 53a8ff */
- /* 66b1ff */
- /* 79bbff */
- /* 8cc5ff */
- /* a0cfff */
- /* b3d8ff */
- /* c6e2ff */
- /* d9ecff */
- /* ecf5ff */
- /* Link
- -------------------------- */
- /* Border
- -------------------------- */
- /* Fill
- -------------------------- */
- /* Typography
- -------------------------- */
- /* Size
- -------------------------- */
- /* z-index
- -------------------------- */
- /* Disable base
- -------------------------- */
- /* Icon
- -------------------------- */
- /* Checkbox
- -------------------------- */
- /* Radio
- -------------------------- */
- /* Select
- -------------------------- */
- /* Alert
- -------------------------- */
- /* MessageBox
- -------------------------- */
- /* Message
- -------------------------- */
- /* Notification
- -------------------------- */
- /* Input
- -------------------------- */
- /* Cascader
- -------------------------- */
- /* Group
- -------------------------- */
- /* Tab
- -------------------------- */
- /* Button
- -------------------------- */
- /* cascader
- -------------------------- */
- /* Switch
- -------------------------- */
- /* Dialog
- -------------------------- */
- /* Table
- -------------------------- */
- /* Pagination
- -------------------------- */
- /* Popup
- -------------------------- */
- /* Popover
- -------------------------- */
- /* Tooltip
- -------------------------- */
- /* Tag
- -------------------------- */
- /* Tree
- -------------------------- */
- /* Dropdown
- -------------------------- */
- /* Badge
- -------------------------- */
- /* Card
- --------------------------*/
- /* Slider
- --------------------------*/
- /* Steps
- --------------------------*/
- /* Menu
- --------------------------*/
- /* Rate
- --------------------------*/
- /* DatePicker
- --------------------------*/
- /* Loading
- --------------------------*/
- /* Scrollbar
- --------------------------*/
- /* Carousel
- --------------------------*/
- /* Collapse
- --------------------------*/
- /* Transfer
- --------------------------*/
- /* Header
- --------------------------*/
- /* Footer
- --------------------------*/
- /* Main
- --------------------------*/
- /* Timeline
- --------------------------*/
- /* Backtop
- --------------------------*/
- /* Link
- --------------------------*/
- /* Calendar
- --------------------------*/
- /* Form
- -------------------------- */
- /* Avatar
- --------------------------*/
- /* Break-point
- --------------------------*/
- /* Element Chalk Variables */
- /* Transition
- -------------------------- */
- /* Color
- -------------------------- */
- /* 53a8ff */
- /* 66b1ff */
- /* 79bbff */
- /* 8cc5ff */
- /* a0cfff */
- /* b3d8ff */
- /* c6e2ff */
- /* d9ecff */
- /* ecf5ff */
- /* Link
- -------------------------- */
- /* Border
- -------------------------- */
- /* Fill
- -------------------------- */
- /* Typography
- -------------------------- */
- /* Size
- -------------------------- */
- /* z-index
- -------------------------- */
- /* Disable base
- -------------------------- */
- /* Icon
- -------------------------- */
- /* Checkbox
- -------------------------- */
- /* Radio
- -------------------------- */
- /* Select
- -------------------------- */
- /* Alert
- -------------------------- */
- /* MessageBox
- -------------------------- */
- /* Message
- -------------------------- */
- /* Notification
- -------------------------- */
- /* Input
- -------------------------- */
- /* Cascader
- -------------------------- */
- /* Group
- -------------------------- */
- /* Tab
- -------------------------- */
- /* Button
- -------------------------- */
- /* cascader
- -------------------------- */
- /* Switch
- -------------------------- */
- /* Dialog
- -------------------------- */
- /* Table
- -------------------------- */
- /* Pagination
- -------------------------- */
- /* Popup
- -------------------------- */
- /* Popover
- -------------------------- */
- /* Tooltip
- -------------------------- */
- /* Tag
- -------------------------- */
- /* Tree
- -------------------------- */
- /* Dropdown
- -------------------------- */
- /* Badge
- -------------------------- */
- /* Card
- --------------------------*/
- /* Slider
- --------------------------*/
- /* Steps
- --------------------------*/
- /* Menu
- --------------------------*/
- /* Rate
- --------------------------*/
- /* DatePicker
- --------------------------*/
- /* Loading
- --------------------------*/
- /* Scrollbar
- --------------------------*/
- /* Carousel
- --------------------------*/
- /* Collapse
- --------------------------*/
- /* Transfer
- --------------------------*/
- /* Header
- --------------------------*/
- /* Footer
- --------------------------*/
- /* Main
- --------------------------*/
- /* Timeline
- --------------------------*/
- /* Backtop
- --------------------------*/
- /* Link
- --------------------------*/
- /* Calendar
- --------------------------*/
- /* Form
- -------------------------- */
- /* Avatar
- --------------------------*/
- /* Break-point
- --------------------------*/
- .fade-in-linear-enter-active,
- .fade-in-linear-leave-active {
- -webkit-transition: opacity 200ms linear;
- transition: opacity 200ms linear; }
-
- .fade-in-linear-enter,
- .fade-in-linear-leave,
- .fade-in-linear-leave-active {
- opacity: 0; }
-
- .el-fade-in-linear-enter-active,
- .el-fade-in-linear-leave-active {
- -webkit-transition: opacity 200ms linear;
- transition: opacity 200ms linear; }
-
- .el-fade-in-linear-enter,
- .el-fade-in-linear-leave,
- .el-fade-in-linear-leave-active {
- opacity: 0; }
-
- .el-fade-in-enter-active,
- .el-fade-in-leave-active {
- -webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
- transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1); }
-
- .el-fade-in-enter,
- .el-fade-in-leave-active {
- opacity: 0; }
-
- .el-zoom-in-center-enter-active,
- .el-zoom-in-center-leave-active {
- -webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
- transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1); }
-
- .el-zoom-in-center-enter,
- .el-zoom-in-center-leave-active {
- opacity: 0;
- -webkit-transform: scaleX(0);
- transform: scaleX(0); }
-
- .el-zoom-in-top-enter-active,
- .el-zoom-in-top-leave-active {
- opacity: 1;
- -webkit-transform: scaleY(1);
- transform: scaleY(1);
- -webkit-transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
- transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
- transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1);
- transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
- -webkit-transform-origin: center top;
- transform-origin: center top; }
-
- .el-zoom-in-top-enter,
- .el-zoom-in-top-leave-active {
- opacity: 0;
- -webkit-transform: scaleY(0);
- transform: scaleY(0); }
-
- .el-zoom-in-bottom-enter-active,
- .el-zoom-in-bottom-leave-active {
- opacity: 1;
- -webkit-transform: scaleY(1);
- transform: scaleY(1);
- -webkit-transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
- transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
- transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1);
- transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
- -webkit-transform-origin: center bottom;
- transform-origin: center bottom; }
-
- .el-zoom-in-bottom-enter,
- .el-zoom-in-bottom-leave-active {
- opacity: 0;
- -webkit-transform: scaleY(0);
- transform: scaleY(0); }
-
- .el-zoom-in-left-enter-active,
- .el-zoom-in-left-leave-active {
- opacity: 1;
- -webkit-transform: scale(1, 1);
- transform: scale(1, 1);
- -webkit-transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
- transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
- transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1);
- transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
- -webkit-transform-origin: top left;
- transform-origin: top left; }
-
- .el-zoom-in-left-enter,
- .el-zoom-in-left-leave-active {
- opacity: 0;
- -webkit-transform: scale(0.45, 0.45);
- transform: scale(0.45, 0.45); }
-
- .collapse-transition {
- -webkit-transition: 0.3s height ease-in-out, 0.3s padding-top ease-in-out, 0.3s padding-bottom ease-in-out;
- transition: 0.3s height ease-in-out, 0.3s padding-top ease-in-out, 0.3s padding-bottom ease-in-out; }
-
- .horizontal-collapse-transition {
- -webkit-transition: 0.3s width ease-in-out, 0.3s padding-left ease-in-out, 0.3s padding-right ease-in-out;
- transition: 0.3s width ease-in-out, 0.3s padding-left ease-in-out, 0.3s padding-right ease-in-out; }
-
- .el-list-enter-active,
- .el-list-leave-active {
- -webkit-transition: all 1s;
- transition: all 1s; }
-
- .el-list-enter, .el-list-leave-active {
- opacity: 0;
- -webkit-transform: translateY(-30px);
- transform: translateY(-30px); }
-
- .el-opacity-transition {
- -webkit-transition: opacity 0.3s cubic-bezier(0.55, 0, 0.1, 1);
- transition: opacity 0.3s cubic-bezier(0.55, 0, 0.1, 1); }
-
- .el-collapse {
- border-top: 1px solid #EBEEF5;
- border-bottom: 1px solid #EBEEF5; }
-
- .el-collapse-item.is-disabled .el-collapse-item__header {
- color: #bbb;
- cursor: not-allowed; }
-
- .el-collapse-item__header {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- height: 48px;
- line-height: 48px;
- background-color: #FFFFFF;
- color: #303133;
- cursor: pointer;
- border-bottom: 1px solid #EBEEF5;
- font-size: 13px;
- font-weight: 500;
- -webkit-transition: border-bottom-color .3s;
- transition: border-bottom-color .3s;
- outline: none; }
- .el-collapse-item__arrow {
- margin: 0 8px 0 auto;
- -webkit-transition: -webkit-transform .3s;
- transition: -webkit-transform .3s;
- transition: transform .3s;
- transition: transform .3s, -webkit-transform .3s;
- font-weight: 300; }
- .el-collapse-item__arrow.is-active {
- -webkit-transform: rotate(90deg);
- transform: rotate(90deg); }
- .el-collapse-item__header.focusing:focus:not(:hover) {
- color: #409EFF; }
- .el-collapse-item__header.is-active {
- border-bottom-color: transparent; }
-
- .el-collapse-item__wrap {
- will-change: height;
- background-color: #FFFFFF;
- overflow: hidden;
- -webkit-box-sizing: border-box;
- box-sizing: border-box;
- border-bottom: 1px solid #EBEEF5; }
-
- .el-collapse-item__content {
- padding-bottom: 25px;
- font-size: 13px;
- color: #303133;
- line-height: 1.769230769230769; }
-
- .el-collapse-item:last-child {
- margin-bottom: -1px; }
|