<template>
	<el-collapse class="ui-collapse" v-bind="$attrs" v-on="$listeners">
		<slot></slot>
	</el-collapse>
</template>

<script>
export default {
    props: {

    }
}
</script>

<style scoped lang="less">
.el-collapse.ui-collapse{
	::v-deep .el-collapse-item {
		padding:8px 20px;
		background: var(--white);
		box-shadow: 0 2px 4px 0 rgba(0,0,0,.2);
		&+.el-collapse-item{
			margin-top: 1px;
		}
		.el-collapse-item__header{
			color:var(--black);
			font-size:18px;
			font-weight: 800;
			&.is-active {
				margin-bottom: 10px;
				border-bottom: 1px dashed var(--collapse-border-color);
				font-size:18px;
			}
		}
		.el-collapse-item__arrow:before{
			display:none;
		}
	}
}
</style>