0.0.0
This commit is contained in:
52
miniprogram/pages/home/home.wxss
Normal file
52
miniprogram/pages/home/home.wxss
Normal file
@@ -0,0 +1,52 @@
|
||||
.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; }
|
||||
Reference in New Issue
Block a user