refactor: 重构多个组件以支持 Vue 3 语法和功能

- 将多个组件转换为 `<script setup>` 语法，提升可读性和性能
- 优化状态管理和事件处理逻辑，简化代码结构
- 更新样式和布局以适应新组件结构
- 添加新功能和修复已知问题，提升用户体验

pages.json

@@ -580,6 +580,7 @@
 					}
 				},
 				
+				// #ifndef MP-WEIXIN
 				{
 					"path": "live/room",
 					"style": {
@@ -588,6 +589,7 @@
 						"disableScroll": true
 					}
 				},
+				// #endif
 				 {
 					"path": "joinGroup",
 					"style": {
@@ -599,14 +601,17 @@
 							"bounce": "none"
 						}
 					}
-				},{
+				},
+				// #ifndef MP-WEIXIN
+				{
 					"path": "lives",
 					"style": {
 						"navigationStyle": "custom",
 						"navigationBarTextStyle": "black"
-
 					}
-				},{
+				},
+				// #endif
+				{
 					"path": "bargain/list",
 					"style": {
 						"navigationStyle": "custom",
@@ -699,6 +704,17 @@
 						}
 					}
 				},
+				{
+					"path": "payment/error",
+					"style": {
+						"navigationBarTitleText": "支付失败",
+						"navigationStyle": "custom",
+						"navigationBarTextStyle": "black",
+						"app-plus": {
+							"popGesture": "none"
+						}
+					}
+				},
 				{
 					"path": "payment/shareOrderGoods",
 					"style": {