jhwxapp/miniprogram/components/@mkl/collapse-item/index.wxss

61 lines
1.4 KiB
Plaintext

@import "../common/index.wxss";
.van-collapse-item__title .van-cell__right-icon {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s;
}
.van-collapse-item__title--expanded .van-cell__right-icon {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.van-collapse-item__title--disabled .van-cell,
.van-collapse-item__title--disabled .van-cell__right-icon {
color: #c8c9cc !important;
}
.van-collapse-item__title--disabled .van-cell--hover {
background-color: #fff !important;
}
.van-collapse-item__wrapper {
overflow: hidden;
}
.van-collapse-item__wrapper--transition {
transition: height 0.3s ease-in-out;
}
.van-collapse-item__content {
padding: 0 25rpx;
color: #969799;
font-size: 13px;
line-height: 1.5;
}
.mkl-collapse {
padding: 0 25rpx;
margin-bottom: 40rpx;
}
.mkl-cell {
background: #fff;
padding: 25rpx;
border-radius: 20rpx;
/* border-top-left-radius: 20rpx;
border-top-right-radius: 20rpx; */
box-shadow: 0px 0px 10px #ddd;
/* margin-bottom: 40rpx; */
}
.mkl-cell__expanded {
border-radius: 20rpx 20rpx 0 0;
}
.mkl-cell__bottom {
height: 40rpx;
}
.mkl-collapse-container {
box-shadow: 0px 0px 10px #ddd;
transition: height 0.2s;
border-radius: 0 0 20rpx 20rpx;
background: #f5f5f5;
}