From d3844c85578e133289a4b0f992df8596696ce989 Mon Sep 17 00:00:00 2001
From: X1627315083 <1627315083@qq.com>
Date: Mon, 22 Jan 2024 09:30:54 +0800
Subject: [PATCH] fix

---
 src/assets/style/style.css          | 17 +++++++++++++++++
 src/assets/style/style.less         | 21 +++++++++++++++++++++
 src/component/HomePage/Generate.vue |  4 ++++
 3 files changed, 42 insertions(+)

diff --git a/src/assets/style/style.css b/src/assets/style/style.css
index decd4e67..45f97f6a 100644
--- a/src/assets/style/style.css
+++ b/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;
 }
diff --git a/src/assets/style/style.less b/src/assets/style/style.less
index 398b1cc0..183e8614 100644
--- a/src/assets/style/style.less
+++ b/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;
+		}
+	}
 }
diff --git a/src/component/HomePage/Generate.vue b/src/component/HomePage/Generate.vue
index 5bcbaa74..96e11305 100644
--- a/src/component/HomePage/Generate.vue
+++ b/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>