fix

src/assets/style/style.css

@@ -954,4 +954,21 @@ i {
   display: flex;
   align-items: center;
   justify-content: center;
+  flex-direction: column;
+}
+.mark_loading .mark_loading_text div {
+  margin-top: 1rem;
+  text-align: center;
+}
+.mark_loading .mark_loading_text .mark_loading_title span {
+  color: red;
+  font-size: 1.6rem;
+  margin: 0 1rem;
+}
+.mark_loading .mark_loading_text .mark_loading_text_btn {
+  border: 2px solid;
+  border-radius: 20px;
+  padding: 0 10px;
+  display: inline-block;
+  cursor: pointer;
 }

src/assets/style/style.less

@@ -1042,4 +1042,25 @@ i{
     display: flex;
     align-items: center;
     justify-content: center;
+	flex-direction: column;
+	.mark_loading_text{
+		div{
+			margin-top: 1rem;
+			text-align: center;
+		}
+		.mark_loading_title{
+			span{
+				color: red;
+				font-size: 1.6rem;
+				margin: 0 1rem;
+			}
+		}
+		.mark_loading_text_btn{
+			border: 2px solid;
+			border-radius: 20px;
+			padding: 0 10px;
+			display: inline-block;
+			cursor: pointer;
+		}
+	}
 }

src/component/HomePage/Generate.vue

@@ -177,6 +177,10 @@
 		<scaleImage ref="scaleImage"></scaleImage>
 		<div class="mark_loading" v-show="loadingShow">
 			<a-spin size="large" />
+			<!-- <div class="mark_loading_text">
+				<div class="mark_loading_title">您当前排队人数为<span>2</span>人</div>
+				<div class="mark_loading_text_btn">取消等待</div>
+			</div> -->
 		</div>
     </div>
 </template>