Blizzard
b854d2873e
Gate record features and storage entry points with invitation guidance; enforce record access in the backend. Add homepage greetings, right-swipe profile dismissal, and move the smoking switch to settings. Simplify API base configuration and remove the unused legacy tab bar component.
68 lines
5.3 KiB
Plaintext
68 lines
5.3 KiB
Plaintext
@import '../../styles/common.wxss';
|
|
@import '../../styles/design.wxss';
|
|
@import '../../styles/journal.wxss';
|
|
|
|
/* 首页标题与系统胶囊位于同一行，状态栏和右侧空间按设备计算。 */
|
|
.home-fixed-header { position:fixed; top:0; left:0; right:0; z-index:900; padding:var(--status-height,20px) 0 0; margin:0; text-align:left; box-sizing:border-box; }
|
|
.home-scroll { position:fixed; top:var(--nav-height,64px); left:0; right:0; height:calc(100vh - var(--nav-height,64px)); padding-top:0!important; }
|
|
.home-body { padding-top:48rpx; }
|
|
.home-fixed-heading { display:flex; flex-direction:column; align-items:flex-start; justify-content:center; box-sizing:border-box; padding-left:44rpx; }
|
|
.home-fixed-heading .j-eyebrow { font-size:20rpx; line-height:1.2; letter-spacing:2rpx; white-space:nowrap; }
|
|
/* 用楷体的自然笔画呈现手写感，不对文字做倾斜或旋转。 */
|
|
.home-handwritten-title { position:relative; flex-shrink:0; margin-top:5rpx; }
|
|
.home-handwritten-title::before { content:''; position:absolute; left:-4rpx; right:-5rpx; bottom:2rpx; height:12rpx; background:rgba(225,133,159,.22); border-radius:8rpx 3rpx 10rpx 5rpx; }
|
|
.home-fixed-heading .home-handwritten-title .j-page-title { position:relative; font-family:'Kaiti SC','STKaiti','KaiTi',cursive; font-size:34rpx; font-weight:400; font-style:normal; line-height:1.35; letter-spacing:1rpx; margin:0; white-space:nowrap; color:#64424D; }
|
|
|
|
@media (max-width:350px) { .home-fixed-heading { padding-left:32rpx; } }
|
|
|
|
/* 在一起天数使用参考图中的亮粉色。 */
|
|
.home-body .j-days-number { color:#F47FA5; }
|
|
|
|
/* 身份、地址、距离与生日分层呈现，长地址允许完整换行。 */
|
|
.home-couple-panel { margin-top:40rpx; padding-top:28rpx; border-top:1rpx dashed #E9DDD0; }
|
|
.home-couple-identity { display:flex; align-items:center; gap:12rpx; }
|
|
.home-couple-avatars { display:flex; align-items:center; flex-shrink:0; }
|
|
.home-couple-avatars .j-avatar { width:64rpx; height:64rpx; }
|
|
.home-couple-avatars .j-avatar-partner { margin-left:-16rpx; }
|
|
.home-couple-names { flex:1; min-width:0; font-size:26rpx; line-height:1.5; color:#64424D; overflow-wrap:break-word; }
|
|
.home-couple-locations { margin-top:22rpx; }
|
|
.home-location-row { display:flex; align-items:flex-start; gap:14rpx; margin-top:12rpx; }
|
|
.home-location-label { flex-shrink:0; width:42rpx; padding:3rpx 0; border-radius:10rpx; text-align:center; font-size:19rpx; line-height:1.5; color:#B74768; background:#F8E6ED; }
|
|
.home-location-partner { color:#526B57; background:#E4EBE3; }
|
|
.home-location-text { flex:1; min-width:0; padding-top:2rpx; font-size:23rpx; line-height:1.6; color:#85776D; overflow-wrap:break-word; word-break:break-all; }
|
|
.home-distance-pill { display:inline-block; flex-shrink:0; white-space:nowrap; padding:8rpx 14rpx; border-radius:24rpx; background:#FBE4ED; color:#B74768; font-size:22rpx; line-height:1.5; }
|
|
.home-birthday-row { display:flex; flex-wrap:wrap; align-items:center; gap:8rpx 28rpx; margin-top:18rpx; color:#A65A73; font-size:22rpx; line-height:1.6; }
|
|
|
|
@import '../../styles/button-theme.wxss';
|
|
|
|
@import '../../styles/typography.wxss';
|
|
|
|
/* 自定义照片铺满首页，降低洗白遮罩；卡片透出照片且保留阅读底色。 */
|
|
.home-has-background .j-background { z-index:0; pointer-events:none; }
|
|
.home-has-background .j-background > image { display:block; }
|
|
.home-has-background .j-background-wash {
|
|
background:linear-gradient(180deg,rgba(253,228,236,.24) 0%,rgba(255,240,245,.32) 48%,rgba(255,247,250,.42) 100%);
|
|
}
|
|
.home-has-background .home-scroll { z-index:1; }
|
|
.home-has-background .home-fixed-header { background:rgba(253,228,236,.72); }
|
|
.home-has-background .j-cover {
|
|
background:rgba(255,253,248,.78);
|
|
border-color:rgba(255,253,248,.7);
|
|
}
|
|
.home-has-background .j-story,
|
|
.home-has-background .j-memory,
|
|
.home-has-background .j-invite { background:rgba(255,253,248,.9); }
|
|
.home-has-background .j-section-head { text-shadow:0 1rpx 5rpx rgba(255,253,248,.85); }
|
|
|
|
.home-has-background .home-couple-panel { padding:24rpx; border:1rpx solid rgba(233,221,208,.65); border-radius:24rpx; background:rgba(255,253,248,.82); }
|
|
|
|
.notice-overlay {position:fixed;inset:0;z-index:12000;display:flex;align-items:center;justify-content:center;background:rgba(49,36,42,.46);padding:48rpx;box-sizing:border-box;}.notice-dialog{width:100%;max-width:640rpx;background:#FFFCF8;border-radius:36rpx;padding:44rpx;box-sizing:border-box;}.notice-label{display:block;color:#9B7B83;font-size:22rpx;}.notice-title{display:block;font-size:36rpx;color:#64424D;margin:16rpx 0 28rpx;}.notice-content{max-height:50vh;white-space:pre-wrap;font-size:28rpx;line-height:1.8;color:#5F5557;}.notice-dismiss{margin-top:32rpx;background:#667E75;color:#fff;border-radius:20rpx;font-size:28rpx;}
|
|
|
|
/* 首页问候沿用手账字体与柔和玫瑰色，随正文一起滚动。 */
|
|
.home-greeting { margin:0 0 48rpx; padding:0 4rpx; }
|
|
.home-greeting-date { display:block; color:#9C747F; font-size:24rpx; line-height:1.6; letter-spacing:1rpx; }
|
|
.home-greeting-title { display:block; color:#A44E6B; font-size:44rpx; line-height:1.45; margin-top:8rpx; overflow-wrap:break-word; word-break:break-all; }
|
|
.home-greeting-note { display:block; color:#948179; font-size:25rpx; line-height:1.7; margin-top:10rpx; }
|
|
.home-has-background .home-greeting { background:rgba(255,253,248,.86); border-radius:24rpx; padding:24rpx 28rpx; }
|
|
@media (max-width:350px) { .home-greeting-title { font-size:38rpx; } }
|