比赛

miniprogram/src/pages/competition/project.scss

@@ -0,0 +1,93 @@
+.project-edit {
+  padding: 24px;
+  background: #000;
+  min-height: 100vh;
+  color: #fff;
+  padding-bottom: 100px;
+
+  .form-item {
+    margin-bottom: 24px;
+
+    .label {
+      font-size: 16px;
+      font-weight: bold;
+      margin-bottom: 12px;
+      display: block;
+      color: #ccc;
+    }
+
+    .input, .textarea {
+      background: #1f1f1f;
+      border-radius: 8px;
+      padding: 12px;
+      color: #fff;
+      font-size: 16px;
+      width: 100%;
+      box-sizing: border-box;
+    }
+
+    .textarea {
+      height: 200px;
+      
+      &.small {
+        height: 100px;
+      }
+    }
+
+    .upload-box {
+      width: 100%;
+      height: 200px;
+      background: #1f1f1f;
+      border-radius: 8px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      overflow: hidden;
+      border: 1px dashed #333;
+
+      .preview {
+        width: 100%;
+        height: 100%;
+      }
+
+      .placeholder {
+        color: #666;
+        font-size: 14px;
+      }
+    }
+  }
+
+  .footer-btns {
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    padding: 16px 24px;
+    background: #1f1f1f;
+    display: flex;
+    justify-content: space-between;
+    z-index: 100;
+    border-top: 1px solid #333;
+
+    .btn {
+      flex: 1;
+      height: 48px;
+      line-height: 48px;
+      border-radius: 24px;
+      font-size: 16px;
+      font-weight: bold;
+      border: none;
+      margin: 0 8px;
+      
+      &.save {
+        background: #333;
+        color: #fff;
+      }
+      
+      &.submit {
+        background: #00b96b;
+        color: #fff;
+      }
+    }
+  }
+}