feat: redesign public relationship services

2026-09-14 08:51:26 +08:00
parent a6037ded59
commit 1aea6f7791
13 changed files with 178 additions and 199 deletions
@@ -1,113 +1 @@
-/**
- * 公益红娘服务页 U33
- */
-
-.mm-page {
-  min-height: 100vh;
-  background: var(--color-bg-page);
-  padding-bottom: var(--spacing-section);
-}
-
-/* ============ 加载 ============ */
-.mm-loading {
-  padding: var(--spacing-3) var(--spacing-page-x);
-}
-
-.mm-body {
-  padding-top: var(--spacing-2);
-}
-
-.mm-section {
-  padding: var(--spacing-2) var(--spacing-page-x);
-}
-
-/* ============ 空状态 ============ */
-.mm-empty {
-  padding-top: 80rpx;
-}
-
-/* ============ 红娘能力说明 ============ */
-.mm-cap {
-  margin-top: var(--spacing-2);
-}
-
-.mm-cap__list {
-  margin-top: var(--spacing-3);
-}
-
-.mm-cap__item {
-  display: flex;
-  align-items: flex-start;
-  gap: var(--spacing-2);
-  padding: var(--spacing-1) 0;
-}
-
-.mm-cap__dot {
-  width: 12rpx;
-  height: 12rpx;
-  margin-top: 14rpx;
-  border-radius: 50%;
-  background: var(--color-primary);
-  flex-shrink: 0;
-}
-
-.mm-cap__text {
-  flex: 1;
-  font-size: var(--font-size-sm);
-  color: var(--color-text-secondary);
-  line-height: var(--line-height-relaxed);
-}
-
-.mm-cap__note {
-  margin-top: var(--spacing-3);
-  padding-top: var(--spacing-3);
-  border-top: var(--border-width) solid var(--color-divider);
-  font-size: var(--font-size-xs);
-  color: var(--color-success);
-}
-
-/* ============ 历史服务 ============ */
-.mm-history {
-  display: flex;
-  flex-direction: column;
-  gap: var(--spacing-2);
-  margin-top: var(--spacing-2);
-}
-
-.mm-history__item {
-  padding: var(--spacing-3);
-}
-
-.mm-history__row {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  margin-bottom: var(--spacing-1);
-}
-
-.mm-history__title {
-  font-size: var(--font-size-md);
-  font-weight: var(--font-weight-semibold);
-  color: var(--color-text-primary);
-}
-
-.mm-history__status {
-  font-size: var(--font-size-xs);
-  padding: var(--spacing-1) var(--spacing-2);
-  border-radius: var(--radius-sm);
-  background: var(--color-bg-disabled);
-  color: var(--color-text-tertiary);
-}
-
-.mm-history__status--completed,
-.mm-history__status--cancelled {
-  background: var(--color-bg-disabled);
-  color: var(--color-text-disabled);
-}
-
-.mm-history__meta {
-  font-size: var(--font-size-xs);
-  color: var(--color-text-tertiary);
-  line-height: var(--line-height-normal);
-  margin-top: var(--spacing-1);
-}
+.mm-page{min-height:100vh;padding-bottom:calc(136rpx + env(safe-area-inset-bottom));background:#F4F5FA}.mm-promises{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);margin:-22rpx 24rpx 0;padding:22rpx 8rpx;border-radius:28rpx;background:#fff;box-shadow:var(--mini-shadow)}.mm-promise{display:flex;flex-direction:column;align-items:center;padding:0 8rpx;text-align:center;color:#8A8FA4;font-size:17rpx;line-height:1.35}.mm-promise image{width:46rpx;height:46rpx;margin-bottom:8rpx}.mm-promise__title{margin-bottom:4rpx;color:#303654;font-size:21rpx;font-weight:650}.mm-loading{padding:30rpx 24rpx}.mm-body{padding-top:8rpx}.mm-section{padding:8rpx 24rpx}.mm-no-service{display:flex;align-items:center;gap:18rpx;margin-top:10rpx;padding:24rpx;border-radius:26rpx;background:#fff;box-shadow:0 8rpx 28rpx rgba(35,35,95,.06)}.mm-no-service image{width:68rpx;height:68rpx}.mm-no-service>view{display:flex;flex:1;flex-direction:column}.mm-no-service__title{color:#283056;font-size:25rpx;font-weight:650}.mm-no-service__desc{margin-top:7rpx;color:#858A9E;font-size:20rpx;line-height:1.5}.mm-capability-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14rpx;margin-top:10rpx}.mm-capability{display:flex;align-items:center;gap:12rpx;min-height:88rpx;padding:16rpx;border-radius:22rpx;background:#fff;color:#555D79;font-size:20rpx;line-height:1.4;box-shadow:0 8rpx 24rpx rgba(35,35,95,.05)}.mm-capability image{width:36rpx;height:36rpx;flex:none}.mm-history{overflow:hidden;margin-top:10rpx;border-radius:24rpx;background:#fff}.mm-history__item{display:flex;align-items:center;min-height:92rpx;padding:0 20rpx;border-bottom:1rpx solid #EFF0F5}.mm-history__item:last-child{border-bottom:0}.mm-history__item>view{display:flex;flex:1;flex-direction:column}.mm-history__title{color:#303654;font-size:23rpx;font-weight:600}.mm-history__meta{margin-top:5rpx;color:#8A8FA4;font-size:18rpx}.mm-history__status{margin-right:8rpx;color:#8A6F91;font-size:19rpx}.mm-history__item>image{width:24rpx;height:24rpx}.mm-fixed-action{position:fixed;z-index:100;right:0;bottom:0;left:0;padding:18rpx 24rpx calc(18rpx + env(safe-area-inset-bottom));border-top:1rpx solid #EFF0F5;background:rgba(255,255,255,.96)}.mm-apply{display:flex;align-items:center;justify-content:center;height:88rpx;border-radius:44rpx;background:linear-gradient(135deg,var(--mini-accent-coral),var(--mini-accent-pink));color:#fff;font-size:28rpx;font-weight:650;box-shadow:0 10rpx 24rpx rgba(255,92,130,.22)}