更新代码：添加支付功能、任务队列系统和相关文档

demo/frontend/README.md

@@ -437,5 +437,6 @@ MIT License
 
 
 
+
 
 

demo/frontend/src/App-backup.vue

@@ -35,3 +35,4 @@ console.log('App.vue 加载成功')
 
 
 
+

demo/frontend/src/api/userWorks.js

@@ -61,3 +61,4 @@ export const getWorkStats = () => {
 
 
 
+

demo/frontend/src/components/Footer.vue

@@ -96,5 +96,6 @@
 
 
 
+
 
 

demo/frontend/src/components/PaymentModal.vue

@@ -9,6 +9,8 @@
     :close-on-press-escape="true"
     @close="handleClose"
     center
+    :show-close="true"
+    custom-class="payment-modal-dialog"
   >
     <div class="payment-content">
       <!-- 支付方式选择 -->
@@ -206,11 +208,46 @@ const showAgreement = () => {
   background: #0a0a0a;
 }
 
-.payment-modal :deep(.el-dialog) {
-  background: #0a0a0a;
+/* 移除所有可能的白边和边框 */
+.payment-modal :deep(.el-dialog),
+.payment-modal-dialog {
+  background: #0a0a0a !important;
   border-radius: 12px;
-  border: none;
+  border: none !important;
+  border-width: 0 !important;
   box-shadow: 0 8px 32px rgba(0, 0, 0, 0.6);
+  padding: 0 !important;
+  margin: 0 !important;
+  outline: none !important;
+  box-sizing: border-box !important;
+  overflow: hidden !important;
+}
+
+.payment-modal :deep(.el-dialog__body) {
+  padding: 0 !important;
+  margin: 0 !important;
+  background: #0a0a0a !important;
+  border: none !important;
+  overflow: hidden !important;
+}
+
+.payment-modal :deep(.el-dialog__wrapper) {
+  background: transparent !important;
+  padding: 0 !important;
+  margin: 0 !important;
+}
+
+.payment-modal :deep(.el-overlay) {
+  background: transparent !important;
+}
+
+.payment-modal :deep(.el-overlay-dialog) {
+  background: transparent !important;
+}
+
+/* 确保遮罩层没有白边 */
+.payment-modal :deep(.el-overlay.is-message-box) {
+  background: transparent !important;
 }
 
 .payment-modal :deep(.el-dialog__header) {
@@ -237,6 +274,7 @@ const showAgreement = () => {
   padding: 24px;
   background: #0a0a0a;
   color: white;
+  margin: 0;
 }
 
 /* 支付方式选择 */