更改字体

src/views/nuic/nuic-3.vue

@@ -5,13 +5,25 @@
 		<div class="select-item">
 			<div class="title">{{ $t('Nuic.basedIn') }}</div>
 			<el-select v-model="data.based">
-				<el-option v-for="v in data.basedList" :key="v.value" :label="v.label" :value="v.value" />
+				<el-option
+					class="el-select__option"
+					v-for="v in data.basedList"
+					:key="v.value"
+					:label="v.label"
+					:value="v.value"
+				/>
 			</el-select>
 		</div>
 		<div class="select-item">
 			<div class="title">{{ $t('Nuic.role') }}</div>
 			<el-select v-model="data.role">
-				<el-option v-for="v in data.roleList" :key="v.value" :label="v.label" :value="v.value" />
+				<el-option
+					class="el-select__option"
+					v-for="v in data.roleList"
+					:key="v.value"
+					:label="v.label"
+					:value="v.value"
+				/>
 			</el-select>
 		</div>
 		<div class="btns">
@@ -49,8 +61,10 @@
 			font-weight: 500;
 			font-size: 4rem;
 			margin-bottom: 9.8rem;
-			> b {
+			&::v-deep > b {
 				font-size: 4.8rem;
+				font-family: Migra-Extrabold;
+				font-style: italic;
 			}
 		}
 		> .select-item {
@@ -62,11 +76,14 @@
 				font-size: 3.6rem;
 				font-weight: 800;
 				color: #252727;
+				font-family: Migra-Extrabold;
+				font-style: italic;
 			}
 			> .el-select {
 				width: 100%;
 				--el-border-radius-base: 0.8rem;
 				&::v-deep {
+					font-family: Regular;
 					.el-select__wrapper {
 						min-height: auto;
 						height: 6rem;
@@ -80,4 +97,8 @@
 			margin-top: 15.8rem;
 		}
 	}
+
+	.el-select__option {
+		padding: 0 1.8rem;
+	}
 </style>