@zhangqingcq/plug-r-qw/src/style/components/showHidePanel.less

A JS lib base on Vue and View-design, you can achieve some complex functions with simple code after install this lib.

/**
 * created 2020.07.06
 * @author ricky zhangqingcq@foxmail.com
 */

@import '../common/color';

.contentX {
	padding-left: 15px;
}

.arrowA {
	margin-top: 10px;
	text-align: center;
	font-size: 12px;
	&:before,
	&:after {
		content: '';
		display: block;
		width: calc(50% - 25px);
		position: relative;
		border-top: 1px dashed #ccc;
	}
	&:before {
		top: 12px;
	}
	&:after {
		bottom: 12px;
		left: calc(50% + 25px);
	}
	.btA {
		border: 1px dashed #ccc;
		border-radius: 20px;
		margin: 0 auto;
		width: 50px;
		text-align: center;
		background-color: #fff;
		position: relative;
		color: #888;
		&:hover {
			color: @primary;
			cursor: pointer;
		}
	}
}