53 lines
1.7 KiB
Plaintext
53 lines
1.7 KiB
Plaintext
.page { min-height: 100vh; padding-bottom: calc(180rpx + env(safe-area-inset-bottom)); }
|
|
|
|
/* 用户卡 */
|
|
.user-row {
|
|
display: flex; align-items: center; gap: 24rpx;
|
|
padding: 32rpx;
|
|
border-bottom: 1rpx solid var(--line);
|
|
}
|
|
.user-avatar {
|
|
width: 100rpx; height: 100rpx; border-radius: 50%;
|
|
background: var(--surface-2);
|
|
display: flex; align-items: center; justify-content: center;
|
|
font-size: 52rpx;
|
|
}
|
|
.user-meta { flex: 1; }
|
|
.user-name { font-size: 30rpx; font-weight: 600; }
|
|
.user-sub { margin-top: 6rpx; font-size: 22rpx; color: var(--ink-2); }
|
|
|
|
.section-title { font-size: 24rpx; color: var(--ink-2); padding: 28rpx 32rpx 12rpx; }
|
|
|
|
/* 狗狗卡 */
|
|
.dogs { padding: 0 32rpx; }
|
|
.dog-card { display: flex; align-items: center; gap: 24rpx; padding: 24rpx; }
|
|
.dog-avatar {
|
|
width: 88rpx; height: 88rpx; border-radius: 50%;
|
|
background: var(--surface-2);
|
|
display: flex; align-items: center; justify-content: center;
|
|
font-size: 44rpx;
|
|
}
|
|
.dog-meta { flex: 1; }
|
|
.dog-name { font-size: 28rpx; font-weight: 600; }
|
|
.dog-sub { margin-top: 6rpx; font-size: 22rpx; color: var(--ink-2); }
|
|
.dog-sub .streak { color: var(--success); }
|
|
|
|
.add-dog {
|
|
margin-top: 20rpx;
|
|
border: 1rpx dashed var(--line-2);
|
|
border-radius: var(--radius);
|
|
padding: 24rpx;
|
|
text-align: center;
|
|
font-size: 26rpx; color: var(--ink-2);
|
|
}
|
|
|
|
/* 功能入口 */
|
|
.list { margin-top: 24rpx; border-top: 1rpx solid var(--line); }
|
|
.listrow {
|
|
display: flex; align-items: center;
|
|
padding: 28rpx 32rpx;
|
|
border-bottom: 1rpx solid var(--line);
|
|
}
|
|
.listrow .lbl { flex: 1; font-size: 28rpx; }
|
|
.chev { color: var(--ink-3); width: var(--icon-size); font-size: var(--icon-size); line-height: 1; text-align: center; }
|