mov-mobile/lib/modal-select/style/index.less

Mov - 让你感到幸福的 Vue 组件库

@import "../../style/common";

.mona-modal-select {
	.mona-modal-select-header {
		.item {
			font-size: @modalSelectHeaderFontSize;
			height: @modalSelectHeaderHeight;
			padding: 0 16px;
			color: @modalSelectHeaderColor;
		}
		border-bottom: 1px solid @modalSelectHeaderBorderColor;
	}
	.mona-modal-select-con {
		max-height: 280px;
		min-height: 200px;
	}
	.mona-modal-select-item {
		height: @modalSelectItemHeight;
		font-size: @modalSelectItemFontSize;
		padding: 0 40px 0 20px;
		color: @modalSelectItemColor;
		line-height: 1;
		&.selected {
			background-color: @modalSelectItemSelectedBg;
			&:after {
				content: '';
				display: block;
				background: url(@modalSelectItemSelectedIcon) center no-repeat;
				width: 16px;
				height: 12px;
				position: absolute;
				top: 50%;
				transform: translateY(-50%);
				right: 20px;
				background-size: cover;
			}
		}
	}
}