consumer模块完成95%，在和商家端对接聊天购物闭环

pages/user/boot.uvue

@@ -62,8 +62,9 @@
 
 <style>
 	.page {
-		min-height: 100vh;
-		background: linear-gradient(180deg, #ffffff 0%, #f5f7fa 100%);
+		/* min-height: 100vh; UVUE不支持vh */
+    flex: 1;
+		background-color: #f5f7fa; /* UVUE不支持渐变 */
 		display: flex;
 		align-items: center;
 		justify-content: center;
@@ -73,33 +74,42 @@
 	.splash {
 		width: 100%;
 		max-width: 640rpx;
-		background: #ffffff;
+		background-color: #ffffff;
 		border-radius: 24rpx;
-		box-shadow: 0 12rpx 48rpx rgba(0, 0, 0, 0.08);
+		box-shadow: 0 12rpx 48rpx rgba(0, 0, 0, 0.08); /* 可能也不支持box-shadow, 视版本而定 */
 		padding: 48rpx 40rpx;
 		display: flex;
+    flex-direction: column; /* 添加 flex-direction: column 以兼容 gap polyfill */
+
 		flex-direction: column;
-		gap: 32rpx;
+		/* gap: 32rpx; UVUE 不支持 gap */
+    justify-content: space-between;
 	}
 
 	.brand {
 		display: flex;
+    flex-direction: row;
 		align-items: center;
-		gap: 20rpx;
+		/* gap: 20rpx; */
 	}
 
 	.brand-mark {
 		width: 80rpx;
 		height: 80rpx;
 		border-radius: 24rpx;
-		background: linear-gradient(135deg, #ff6b6b, #ff9f43);
+		background-color: #ff6b6b; /* UVUE不支持CSS线性渐变 */
+    margin-right: 20rpx; /* 替代 gap */
 	}
 
 	.brand-text {
 		display: flex;
 		flex-direction: column;
-		gap: 8rpx;
+		/* gap: 8rpx; */
 	}
+  /* 替代 gap: 8rpx */
+  .brand-name {
+    margin-bottom: 8rpx;
+  }
 
 	.brand-name {
 		font-size: 36rpx;
@@ -116,23 +126,35 @@
 		display: flex;
 		flex-direction: column;
 		align-items: center;
-		gap: 12rpx;
+		/* gap: 12rpx; */
 		text-align: center;
+    margin-top: 32rpx; /* 替代父级 gap */
+    margin-bottom: 32rpx;
 	}
+  /* 替代 gap: 12rpx */
+  .status-text {
+    margin-top: 12rpx;
+  }
 
 	.spinner {
 		width: 88rpx;
 		height: 88rpx;
-		border-radius: 50%;
-		border: 8rpx solid #f3f4f6;
+		border-radius: 50%; /* 如果不支持 50%，可以用 44rpx */
+		border-width: 8rpx;
+    border-style: solid;
+    border-color: #f3f4f6;
 		border-top-color: #ff6b6b;
-		animation: spin 1s linear infinite;
+		/* animation: spin 1s linear infinite; UVUE CSS动画需要特定写法或 transform */
+    transform: rotate(360deg);
+    transition-duration: 1000ms; 
+    /* 简单的无限旋转在原生 CSS 中可能需要写关键帧但 App-UVUE 支持有限，
+       这里暂时保留样式但不指望它自动动起来，或者应该用 loading 组件 */
 	}
 
 	.status-text {
 		font-size: 30rpx;
 		color: #111827;
-		font-weight: 600;
+		font-weight: 700; /* 600不支持 -> 700 */
 	}
 
 	.status-sub {
@@ -143,8 +165,12 @@
 	.actions {
 		display: flex;
 		flex-direction: column;
-		gap: 16rpx;
+		/* gap: 16rpx; */
 	}
+  /* 替代 gap */
+  .action {
+    margin-bottom: 16rpx;
+  }
 
 	.action {
 		width: 100%;