chore: initialize qiming workspace repository

qiming-mobile/subpackages/pages/credit-records/styles/index.scss

@@ -0,0 +1,196 @@
+.credit-records-container {
+  height: 100vh;
+  display: flex;
+  flex-direction: column;
+  background-color: #f8f9fa;
+  overflow: hidden;
+
+  .header-icon-box {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 56rpx;
+    height: 56rpx;
+
+    .iconfont {
+      font-size: 32rpx;
+      color: #333333;
+    }
+  }
+
+  .filter-tabs-bar {
+    display: flex;
+    flex-direction: row;
+    background: #ffffff;
+    padding: 20rpx 0rpx;
+    border-bottom: 1rpx solid #e2e8f0;
+    width: 100%;
+
+    .filter-tab-item {
+      display: flex;
+      flex-direction: row;
+      align-items: center;
+      justify-content: center;
+      padding: 12rpx 28rpx;
+      background: #f1f5f9;
+      border-radius: 100rpx;
+      border: 1rpx solid transparent;
+      margin-left: 16rpx;
+
+      &:first-child {
+        margin-left: 24rpx;
+      }
+
+      &:last-child {
+        margin-right: 24rpx;
+      }
+
+      &.active {
+        background: rgba(81, 71, 255, 0.08);
+        border-color: rgba(81, 71, 255, 0.2);
+      }
+
+      .tab-label {
+        font-size: 24rpx;
+        color: #64748b;
+        font-weight: 500;
+
+        &.active {
+          color: #5147ff;
+          font-weight: 600;
+        }
+      }
+    }
+  }
+
+  .list-scroll-view {
+    flex: 1;
+    height: 0;
+  }
+
+  .list-content {
+    margin: 24rpx;
+    background: #ffffff;
+    border-radius: 24rpx;
+    display: flex;
+    flex-direction: column;
+    overflow: hidden;
+    border: 1rpx solid #e2e8f0;
+    box-shadow: 0 4rpx 20rpx rgba(0, 0, 0, 0.015);
+  }
+
+  .record-card {
+    background: #ffffff;
+    padding: 32rpx 32rpx;
+    display: flex;
+    flex-direction: row;
+    align-items: flex-start;
+    justify-content: space-between;
+    border-bottom: 1rpx solid #f1f5f9;
+
+    &:last-child {
+      border-bottom: none;
+    }
+
+    .card-left {
+      flex: 1;
+      display: flex;
+      flex-direction: column;
+      margin-right: 20rpx;
+
+      .record-name {
+        font-size: 28rpx;
+        font-weight: 600;
+        color: #0f172a;
+        margin-bottom: 8rpx;
+        line-height: 1.4;
+      }
+
+      .record-time {
+        font-size: 22rpx;
+        color: #94a3b8;
+        margin-bottom: 12rpx;
+      }
+
+      .badge-container {
+        display: flex;
+        flex-direction: row;
+      }
+
+      .record-badge {
+        display: flex;
+        flex-direction: row;
+        align-items: center;
+        padding: 4rpx 14rpx;
+        border-radius: 8rpx;
+
+        &.badge-increase {
+          background-color: rgba(16, 185, 129, 0.08);
+        }
+
+        &.badge-decrease {
+          background-color: rgba(239, 68, 68, 0.08);
+        }
+
+        .badge-text {
+          font-size: 20rpx;
+          font-weight: 500;
+
+          &.text-increase {
+            color: #10b981;
+          }
+
+          &.text-decrease {
+            color: #ef4444;
+          }
+        }
+      }
+    }
+
+    .card-right {
+      display: flex;
+      flex-direction: column;
+      align-items: flex-end;
+
+      .record-amount {
+        font-size: 34rpx;
+        font-weight: 700;
+        margin-bottom: 8rpx;
+        line-height: 1.2;
+
+        &.amount-increase {
+          color: #10b981;
+        }
+
+        &.amount-decrease {
+          color: #ef4444;
+        }
+      }
+
+      .record-balance {
+        font-size: 22rpx;
+        color: #94a3b8;
+      }
+    }
+  }
+
+  .loading-state, .no-more-state {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    padding: 32rpx 0;
+
+    .loading-text, .no-more-text {
+      font-size: 24rpx;
+      color: #94a3b8;
+    }
+  }
+
+  .empty-wrapper {
+    padding-top: 160rpx;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+  }
+}