补分销中心页面

src/dealer/index.scss

@@ -0,0 +1,77 @@
+// 分销中心页面样式
+.dealer-page {
+  min-height: 100vh;
+  background: linear-gradient(180deg, #60A5FA 0%, #3B82F6 50%, #1D4ED8 100%);
+}
+
+// 导航栏样式
+.navigation-bar {
+  position: relative;
+  z-index: 100;
+}
+
+// 用户卡片样式
+.user-card {
+  background: white;
+  border-radius: 16px;
+  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
+  margin: 16px;
+  padding: 16px;
+}
+
+// 收益卡片样式
+.earnings-card {
+  background: linear-gradient(135deg, #8B5CF6 0%, #A855F7 50%, #C084FC 100%);
+  border-radius: 16px;
+  margin: 16px;
+  padding: 16px;
+  position: relative;
+  overflow: hidden;
+}
+
+// 功能菜单样式
+.function-menu {
+  background: white;
+  border-radius: 16px;
+  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
+  margin: 16px;
+  padding: 16px;
+
+  .menu-grid {
+    display: grid;
+    grid-template-columns: repeat(2, 1fr);
+    gap: 16px;
+
+    .menu-item {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      justify-content: center;
+      padding: 24px 16px;
+      border-radius: 12px;
+      cursor: pointer;
+      transition: all 0.2s ease;
+
+      &:active {
+        transform: scale(0.98);
+      }
+
+      .menu-icon {
+        width: 48px;
+        height: 48px;
+        border-radius: 50%;
+        background: white;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        font-size: 24px;
+        margin-bottom: 8px;
+      }
+
+      .menu-text {
+        font-size: 14px;
+        font-weight: 500;
+      }
+    }
+  }
+}