fix

2026-09-07 13:50:02 +08:00
parent 1033136997
commit 89cd9d0404
6 changed files with 282 additions and 173 deletions
@@ -132,3 +132,109 @@
    line-height: 34rpx;
    margin-left: 4rpx;
 }
+/* ============================================
+   弹窗 — 设置头像和昵称
+   ============================================ */
+
+  .popup-title {
+    display: block;
+    font-size: 35rpx;
+    font-weight: 600;
+    color: #000;
+    text-align: center;
+    margin-bottom: 10rpx;
+  }
+
+  .popup-content {
+    display: flex;
+    flex-direction: column;
+    padding: 40rpx;
+
+    // 左右布局：左头像 + 右按钮组
+    .form-row {
+      display: flex;
+      align-items: center;
+      gap: 36rpx;
+      margin-bottom: 50rpx;
+
+      // 左侧：头像选择器
+      .avatar-picker {
+        flex-shrink: 0;
+        width: 140rpx;
+        height: 140rpx;
+        padding: 0;
+        background: transparent;
+        border: none;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        &::after {
+          border: none;
+        }
+
+        .popup-avatar {
+          width: 140rpx;
+          height: 140rpx;
+          border-radius: 50%;
+          border: 3rpx solid $primary-color;
+        }
+      }
+
+      // 右侧：按钮组（上下排列）
+      .btn-group {
+        flex: 1;
+        display: flex;
+        flex-direction: column;
+        gap: 20rpx;
+
+        .form-btn {
+          width: 100%;
+          height: 72rpx;
+          line-height: 72rpx;
+          font-size: 26rpx;
+          color: #fff;
+          background: linear-gradient(90deg, #005bea 0%, #00c6fb 99%);
+          border-radius: 36rpx;
+          border: none;
+          &::after {
+            border: none;
+          }
+
+        }
+
+        // 昵称输入：外观伪装成按钮，click 唤起微信昵称弹层
+        .form-input--nickname {
+          width: 100%;
+          height: 72rpx;
+          line-height: 72rpx;
+          font-size: 26rpx;
+          color: $primary-color;
+          background: transparent;
+          border: 2rpx solid $primary-color;
+          border-radius: 36rpx;
+          text-align: center;
+          padding: 0 20rpx;
+          box-sizing: border-box;
+        }
+      }
+    }
+
+    // 提交按钮
+    .form-submit {
+      width: 100%;
+
+      .submit-btn {
+        width: 100%;
+        height: 96rpx;
+        line-height: 96rpx;
+        background: linear-gradient(90deg, #005bea 0%, #00c6fb 99%);
+        color: #fff;
+        font-size: 34rpx;
+        border-radius: 48rpx;
+        border: none;
+        &::after {
+          border: none;
+        }
+      }
+    }
+  }