| | |
| | | |
| | | <script> |
| | | import uniIcons from '../uni-icons/uni-icons.vue' |
| | | /** |
| | | * CollapseItem 折叠面板子组件 |
| | | * @description 折叠面板子组件 |
| | | * @property {String} title 标题文字 |
| | | * @property {String} thumb 标题左侧缩略图 |
| | | * @property {Boolean} disabled = [true|false] 是否展开面板 |
| | | * @property {Boolean} showAnimation = [true|false] 开启动画 |
| | | */ |
| | | export default { |
| | | name: 'UniCollapseItem', |
| | | components: { |
| | |
| | | </script> |
| | | |
| | | <style lang="scss" scoped> |
| | | @import '@/uni.scss'; |
| | | |
| | | .uni-collapse-cell { |
| | | flex-direction: column; |
| | | border-color: $uni-border-color; |
| | |
| | | |
| | | |
| | | .uni-collapse-cell--hide { |
| | | height: 48px; |
| | | height: 44px; |
| | | } |
| | | |
| | | .uni-collapse-cell--animation { |
| | |
| | | } |
| | | |
| | | .uni-collapse-cell__title { |
| | | padding: 12px 12px; |
| | | padding: 12px 0; |
| | | position: relative; |
| | | /* #ifndef APP-NVUE */ |
| | | display: flex; |
| | | width: 100%; |
| | | box-sizing: border-box; |
| | | /* #endif */ |
| | | height: 48px; |
| | | height: 44px; |
| | | line-height: 24px; |
| | | flex-direction: row; |
| | | justify-content: space-between; |