艺术评测随机组卷——样式问题

TEAMModelOS/ClientApp/src/common/BaseQuickArtPaper.vue

@@ -72,7 +72,7 @@
 							</span>
 						</span>
 						<span style="margin: 0 10px">{{ $t('evaluation.quickPaper.relateTag') }}:</span>
-						<Select v-model="item.tags" clearable style="width: 100px; margin-right: 15px;">
+						<Select v-model="item.tags" transfer clearable style="width: 100px; margin-right: 15px;">
 							<Option v-for="(tag, index) in tags" :value="tag" :key="index">
 								{{ tag }}
 							</Option>
@@ -776,122 +776,123 @@
 	}
 </style>
 <style lang="less" scoped>
-	.quick-paper-container {
-		width: 100%;
-		height: 100%;
-		padding: 0 15px;
-		padding-bottom: 100px;
-		box-sizing: border-box;
-		overflow: auto;
-		position: relative;
+.quick-paper-container {
+	width: 100%;
+	height: 100%;
+	padding: 0 15px;
+	padding-bottom: 100px;
+	box-sizing: border-box;
+	overflow: auto;
+	position: relative;
 
-		.upper-tip {
-			font-size: 12px;
-			color: red;
-			margin-left: 10px;
-		}
+	.upper-tip {
+		font-size: 12px;
+		color: red;
+		margin-left: 10px;
+	}
 
-		/*隐藏-input-number 上下箭头*/
-		.ivu-input-number-handler-wrap {
-			display: none;
-			width: 22px;
-			height: 100%;
-			border-left: 1px solid #dcdee2;
-			border-radius: 0 4px 4px 0;
-			background: #fff;
-			position: absolute;
-			top: 0;
-			right: 0;
-			opacity: 0;
-			-webkit-transition: opacity 0.2s ease-in-out;
-			transition: opacity 0.2s ease-in-out;
-		}
+	/*隐藏-input-number 上下箭头*/
+	.ivu-input-number-handler-wrap {
+		display: none;
+		width: 22px;
+		height: 100%;
+		border-left: 1px solid #dcdee2;
+		border-radius: 0 4px 4px 0;
+		background: #fff;
+		position: absolute;
+		top: 0;
+		right: 0;
+		opacity: 0;
+		-webkit-transition: opacity 0.2s ease-in-out;
+		transition: opacity 0.2s ease-in-out;
+	}
 
-		.order-quick-part {
-			.type-item {
-				margin: 10px 5px;
+	.order-quick-part {
+		.type-item {
+			margin: 10px 5px;
+			display: inline-block;
+			padding: 5px 15px;
+			background-color: #26bad4;
+			color: #fff;
+			cursor: pointer;
+		}
+		.order-item {
+			position: relative;
+			.order {
+				display: inline-block;
+				width: 20px;
+				text-align: center;
+			}
+			.item-type {
+				display: inline-block;
+				background: #ededed;
+				padding: 8px 15px;
+				margin: 10px;
+				text-align: center;
+			}
+			.exercise-item-point {
+				position: relative;
 				display: inline-block;
+				margin: 6px;
 				padding: 5px 15px;
-				background-color: #26bad4;
+				background: #00d523;
 				color: #fff;
-				cursor: pointer;
-			}
-			.order-item {
-				.order {
-					display: inline-block;
-					width: 20px;
-					text-align: center;
-				}
-				.item-type {
-					display: inline-block;
-					background: #ededed;
-					padding: 8px 15px;
-					margin: 10px;
-					text-align: center;
-				}
-				.exercise-item-point {
-					position: relative;
-					display: inline-block;
-					margin: 6px;
-					padding: 5px 15px;
-					background: #00d523;
-					color: #fff;
-					border-radius: 5px;
-				}
+				border-radius: 5px;
 			}
 		}
+	}
 
-		.title {
-			margin: 20px 2px 10px 4px;
-			font-size: 16px;
-			&::before {
-				content: "";
-				display: inline-block;
-				border: 4px solid rgb(32, 187, 207);
-				margin-right: 8px;
-				margin-bottom: 2px;
-			}
+	.title {
+		margin: 20px 2px 10px 4px;
+		font-size: 16px;
+		&::before {
+			content: "";
+			display: inline-block;
+			border: 4px solid rgb(32, 187, 207);
+			margin-right: 8px;
+			margin-bottom: 2px;
 		}
+	}
 
-		.type-item {
-			// margin: 20px 0;
+	.type-item {
+		// margin: 20px 0;
 
-			.txt {
-				margin: 0 20px;
-			}
+		.txt {
+			margin: 0 20px;
 		}
-		.type {
-			display: inline-block;
-			background: #ededed;
-			padding: 8px 15px;
-			width: 78px;
-			margin: 10px 0;
-			text-align: center;
+	}
+	.type {
+		display: inline-block;
+		background: #ededed;
+		padding: 8px 15px;
+		width: 78px;
+		margin: 10px 0;
+		text-align: center;
+	}
+
+	.img-list {
+		display: flex;
+		flex-wrap: wrap;
+		img {
+			width: 120px;
+			margin-right: 10px;
 		}
+	}
+	.btn-upload {
+		font-size: 14px;
+		margin-left: 10px;
+		color: #2686d4;
+		cursor: pointer;
+	}
 
-		.img-list {
-			display: flex;
-			flex-wrap: wrap;
-			img {
-				width: 120px;
-				margin-right: 10px;
-			}
+	.answer-item {
+		/deep/ .ivu-input {
+			height: 36px;
+			border-radius: 0;
 		}
-		.btn-upload {
-			font-size: 14px;
+		/deep/ .ivu-select {
 			margin-left: 10px;
-			color: #2686d4;
-			cursor: pointer;
-		}
-
-		.answer-item {
-			/deep/ .ivu-input {
-				height: 36px;
-				border-radius: 0;
-			}
-			/deep/ .ivu-select {
-				margin-left: 10px;
-			}
 		}
 	}
+}
 </style>