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

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

@import '../common/color';
@import '../common/size';

.transferBoxRL {
	height: 100%;
	overflow: hidden;
	display: flex;
	align-items: center;

	.leftBoxLLL,
	.rightBoxLLL {
		width: calc(50% - 60px);
		height: 100%;
		border: 1px solid @borderColor;

		.titleLLL {
			height: @headerH;
			line-height: @headerH;
			border-bottom: 1px solid @borderColor;
			padding-left: 10px;
			background-color: @tableTheadBg;
			font-weight: bold;
		}
	}

	.middleBoxLLL {
		width: 120px;
		height: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;

		.middleBtLLL {
			width: 90%;

			&:not(:first-child) {
				margin-top: 20px;
				margin-left: 0;
			}

			&:not([disabled]) {
				i.ivu-icon-ios-arrow-back {
					color: #fff;
				}
			}
		}
	}

	.msgLoadingLOIM {
		position: fixed;
		top: calc(50% + 88px);
		left: calc(50% - 110px);
		font-size: 16px;
	}
}