mirror of
https://github.com/youzan/vant.git
synced 2025-10-22 20:04:09 +00:00
[new feature] add Collapse component (#674)
This commit is contained in:
31
packages/vant-css/src/collapse.css
Normal file
31
packages/vant-css/src/collapse.css
Normal file
@@ -0,0 +1,31 @@
|
||||
@import './common/var.css';
|
||||
|
||||
.van-collapse-item {
|
||||
&__title {
|
||||
.van-cell__right-icon::before {
|
||||
transition: .3s;
|
||||
transform: rotate(90deg);
|
||||
}
|
||||
|
||||
&::after {
|
||||
visibility: hidden;
|
||||
}
|
||||
}
|
||||
|
||||
&__content {
|
||||
padding: 15px;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
&--expanded {
|
||||
.van-collapse-item__title {
|
||||
.van-cell__right-icon::before {
|
||||
transform: rotate(-90deg);
|
||||
}
|
||||
|
||||
&::after {
|
||||
visibility: visible;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
@@ -13,6 +13,7 @@
|
||||
@import './button.css';
|
||||
@import './cell.css';
|
||||
@import './circle.css';
|
||||
@import './collapse.css';
|
||||
@import './loading.css';
|
||||
@import './nav-bar.css';
|
||||
@import './notice-bar.css';
|
||||
|
Reference in New Issue
Block a user