jdvue/src/components/collapse/index.less

A Vue.js 2.0 Mobile UI components at JinDanLiCai

.v-collapse{
    &-item{
        &-title{
            .v-cell-right-icon{
                transition: .3s;
                transform: rotate(0deg);
            }
            &::after {
                visibility: hidden;
            }
        }
        
        &-expanded {
            .v-collapse-item-title {
                .v-cell-right-icon{
                    transform: rotate(90deg);
                }
                &::after {
                    visibility: visible;
                }
            }
        }

        &-content {
            padding: 15px;
            background-color: #fff;
        }
    } 
}

.collapse-enter-active, .collapse-leave-active {
    transition: opacity .3s;
}
.collapse-enter, .collapse-leave-to /* .collapse-leave-active below version 2.1.8 */ {
    opacity: 0;
}