admin/danyang-match
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

feat: redesign discovery and messages tabs

Browse Source
This commit is contained in:
Codex
2026-09-14 06:49:49 +08:00
parent 36b15d9ca8
commit b7dc52b517
12 changed files with 214 additions and 368 deletions
Download Patch File Download Diff File Expand all files Collapse all files
miniapp/components/user-card/index.wxss
+19 -33
View File
@@ -2,40 +2,20 @@
display: flex;
align-items: center;
background: var(--color-bg-card);
padding: var(--spacing-3) var(--spacing-page-x);
border-bottom: 1rpx solid var(--color-divider);
min-height: 148rpx;
padding: 14rpx 18rpx;
border-bottom: 1rpx solid #F0F1F6;
}
.ui-user-card__select {
margin-right: var(--spacing-3);
}
.ui-user-card__checkbox {
width: 40rpx;
height: 40rpx;
border-radius: 50%;
border: 2rpx solid var(--color-text-disabled);
position: relative;
background: var(--color-bg-card);
transition: all var(--motion-fast) var(--ease-standard);
}
.ui-user-card__checkbox--checked {
background: var(--color-primary);
border-color: var(--color-primary);
}
.ui-user-card__checkbox--checked::after {
content: '';
position: absolute;
left: 12rpx;
top: 6rpx;
width: 10rpx;
height: 18rpx;
border: solid #FFFFFF;
border-width: 0 3rpx 3rpx 0;
transform: rotate(45deg);
transform: scale(.82);
}
.ui-user-card__body {
flex: 1;
min-width: 0;
margin-left: var(--spacing-3);
margin-left: 16rpx;
}
.ui-user-card__name-row {
display: flex;
@@ -43,22 +23,28 @@
margin-bottom: var(--spacing-1);
}
.ui-user-card__name {
font-size: var(--font-size-lg);
font-weight: var(--font-weight-semibold);
color: var(--color-text-primary);
font-size: 26rpx;
font-weight: 700;
color: #222746;
margin-right: var(--spacing-2);
}
.ui-user-card__age {
font-size: var(--font-size-sm);
color: var(--color-text-tertiary);
font-size: 21rpx;
color: #596079;
}
.ui-user-card__online {
margin-left: auto;
color: #39A987;
font-size: 18rpx;
}
.ui-user-card__meta {
font-size: var(--font-size-sm);
color: var(--color-text-secondary);
line-height: var(--line-height-normal);
font-size: 20rpx;
color: #767C94;
line-height: 1.4;
margin-top: 4rpx;
}
.ui-user-card__actions {
flex-shrink: 0;
margin-left: var(--spacing-2);
}
.ui-user-card__tags{display:flex;gap:7rpx;margin-top:8rpx;overflow:hidden}.ui-user-card__tag{flex:none;padding:4rpx 9rpx;border-radius:12rpx;background:#F3EEFF;color:#7860AE;font-size:17rpx;white-space:nowrap}