更改字体

src/views/nuic/index.vue

@@ -15,7 +15,11 @@
 				:key="i"
 				:state="active === i ? 1 : active > i ? 0 : 2"
 			>
-				<img v-show="i === active" src="@/assets/images/nuic/nav-active.png" draggable="false" />
+				<img
+					v-show="i === active"
+					src="@/assets/images/nuic/nav-active.png"
+					draggable="false"
+				/>
 			</div>
 		</div>
 		<component class="view" :is="list[active]" @next="onNext" />
@@ -68,6 +72,7 @@
 			> span {
 				font-weight: 600;
 				font-size: 3.3rem;
+				font-family: SemiBold;
 			}
 		}
 		> .header {
@@ -133,6 +138,7 @@
 					cursor: pointer;
 					margin-right: 3.4rem;
 					background-color: #fff;
+					font-family: SemiBold;
 					&:last-child {
 						margin-right: 0;
 					}

src/views/nuic/nuic-1.vue

@@ -39,6 +39,8 @@
 			margin-bottom: 2rem;
 			&::v-deep > b {
 				font-size: 4.8rem;
+				font-family: Migra-Extrabold;
+				font-style: italic;
 			}
 		}
 		> .tip {
@@ -46,6 +48,7 @@
 			font-size: 2rem;
 			color: #585858;
 			margin-bottom: 8.7rem;
+			font-family: Regular;
 		}
 	}
 </style>

src/views/nuic/nuic-2.vue

@@ -45,6 +45,8 @@
 			margin-bottom: 6rem;
 			&::v-deep > b {
 				font-size: 4.8rem;
+				font-family: Migra-Extrabold;
+				font-style: italic;
 			}
 		}
 		> .list {
@@ -85,6 +87,7 @@
 						color: #fff;
 						margin-bottom: 1rem;
 						text-shadow: 1px 1px 4.7px #d9692b;
+						font-family: SemiBold;
 					}
 				}
 			}

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>