比赛

2026-03-10 12:35:41 +08:00
parent 417cda952d
commit 3ada996915
9 changed files with 388 additions and 11 deletions
--- a/miniprogram/src/pages/competition/detail.scss
+++ b/miniprogram/src/pages/competition/detail.scss
@@ -0,0 +1,102 @@
+.comp-detail {
+  background-color: #000;
+  min-height: 100vh;
+  padding-bottom: 80px;
+
+  .banner {
+    width: 100%;
+    height: 300px;
+    display: block;
+  }
+
+  .content {
+    padding: 24px;
+    background: #111;
+    border-radius: 16px 16px 0 0;
+    margin-top: -24px;
+    position: relative;
+    z-index: 10;
+
+    .header {
+      display: flex;
+      justify-content: space-between;
+      align-items: flex-start;
+      margin-bottom: 24px;
+
+      .title {
+        font-size: 24px;
+        font-weight: bold;
+        color: #fff;
+        line-height: 1.4;
+      }
+
+      .status {
+        font-size: 14px;
+        padding: 4px 8px;
+        border-radius: 4px;
+        background: #333;
+        color: #ccc;
+        margin-left: 12px;
+        white-space: nowrap;
+
+        &.registration { background: #07c160; color: #fff; }
+        &.submission { background: #1890ff; color: #fff; }
+        &.judging { background: #faad14; color: #fff; }
+        &.ended { background: #ff4d4f; color: #fff; }
+      }
+    }
+
+    .section {
+      margin-bottom: 32px;
+
+      .section-title {
+        font-size: 18px;
+        font-weight: bold;
+        color: #fff;
+        margin-bottom: 12px;
+        display: block;
+        border-left: 4px solid #00b96b;
+        padding-left: 12px;
+      }
+
+      rich-text {
+        font-size: 16px;
+        color: #ccc;
+        line-height: 1.6;
+        white-space: pre-wrap;
+      }
+    }
+  }
+
+  .footer-action {
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    background: #1f1f1f;
+    padding: 16px 24px;
+    border-top: 1px solid #333;
+    z-index: 100;
+
+    .btn {
+      width: 100%;
+      height: 48px;
+      line-height: 48px;
+      border-radius: 24px;
+      font-size: 18px;
+      font-weight: bold;
+      color: #fff;
+      background: #00b96b;
+      border: none;
+
+      &.disabled {
+        background: #333;
+        color: #666;
+      }
+
+      &.enrolled {
+        background: #1890ff;
+      }
+    }
+  }
+}