feat: redesign activity and profile tabs

2026-09-14 07:05:20 +08:00
parent b7dc52b517
commit a6037ded59
14 changed files with 143 additions and 358 deletions
@@ -1,44 +1 @@
-/**
- * 公益活动列表页 U31
- */
-
-.act-page {
-  min-height: 100vh;
-  background: var(--color-bg-page);
-  padding-bottom: var(--spacing-section);
-}
-
-.act-page__topbar {
-  padding: var(--spacing-3) var(--spacing-page-x) var(--spacing-1);
-}
-
-/* ============ 加载骨架 ============ */
-.act-loading {
-  padding: var(--spacing-3) var(--spacing-page-x);
-}
-
-/* ============ 列表 ============ */
-.act-list {
-  padding: var(--spacing-2) var(--spacing-page-x) 0;
-  display: flex;
-  flex-direction: column;
-  gap: var(--spacing-3);
-}
-
-.act-list__more {
-  padding: var(--spacing-3) 0;
-  display: flex;
-  justify-content: center;
-}
-
-.act-list__end {
-  padding: var(--spacing-3) 0;
-  text-align: center;
-  font-size: var(--font-size-xs);
-  color: var(--color-text-placeholder);
-}
-
-/* ============ 空状态 ============ */
-.act-empty {
-  padding-top: 160rpx;
-}
+.act-page{min-height:100vh;padding-bottom:40rpx;background:#F4F5FA}.activity-hero{padding:env(safe-area-inset-top) 24rpx 26rpx;border-radius:0 0 36rpx 36rpx;background:linear-gradient(160deg,var(--mini-night-start),var(--mini-night-end));box-shadow:var(--mini-shadow)}.activity-nav{position:relative;display:flex;align-items:center;justify-content:center;height:88rpx}.activity-title{color:#fff;font-size:31rpx;font-weight:700}.activity-calendar{position:absolute;right:0;display:flex;align-items:center;justify-content:center;width:62rpx;height:62rpx;border:1rpx solid rgba(255,255,255,.18);border-radius:31rpx;background:rgba(255,255,255,.1)}.activity-calendar image{width:34rpx;height:34rpx;filter:brightness(0) invert(1)}.activity-categories{white-space:nowrap}.activity-category-row{display:inline-flex;gap:12rpx}.activity-category{padding:11rpx 22rpx;border-radius:25rpx;background:rgba(255,255,255,.1);color:rgba(255,255,255,.72);font-size:20rpx}.activity-category.active{background:#fff;color:var(--mini-accent-pink);font-weight:650}.activity-heading{display:flex;align-items:flex-end;justify-content:space-between;padding:32rpx 28rpx 16rpx}.activity-heading>view{display:flex;flex-direction:column}.heading-title{color:#252A49;font-size:30rpx;font-weight:700}.heading-subtitle{margin-top:5rpx;color:#8A8FA4;font-size:20rpx}.my-activity-link{color:var(--mini-accent-pink);font-size:21rpx}.act-loading{padding:12rpx 24rpx}.act-list{display:flex;flex-direction:column;gap:20rpx;padding:8rpx 24rpx 0}.act-list__more{display:flex;justify-content:center;padding:24rpx 0}.act-list__end{text-align:center;padding:24rpx 0;color:#9A9EB0;font-size:20rpx}.act-empty{padding-top:70rpx}