同步小程序与管理端更新,完善抽烟记录和解绑冷静期
This commit is contained in:
@@ -0,0 +1,24 @@
|
||||
/* 所有页面和独立组件共用按钮配色,与首页天数一致。 */
|
||||
button:not(.modal-close),
|
||||
.btn-primary,
|
||||
.btn-camera,
|
||||
.access-panel-action {
|
||||
background:#F47FA5!important;
|
||||
color:#FFFFFF!important;
|
||||
border-color:#F47FA5!important;
|
||||
box-shadow:none!important;
|
||||
}
|
||||
/* 次要操作保留描边形式,统一使用同一粉色。 */
|
||||
.btn-outline,
|
||||
.btn-secondary,
|
||||
button.smoke-secondary,
|
||||
button.photo-editor-cancel {
|
||||
background:#FFF7FA!important;
|
||||
color:#F47FA5!important;
|
||||
border:1rpx solid #F47FA5!important;
|
||||
}
|
||||
button[disabled] {
|
||||
background:#F0E2E8!important;
|
||||
color:#A39386!important;
|
||||
border-color:#F0E2E8!important;
|
||||
}
|
||||
@@ -26,7 +26,8 @@ page {
|
||||
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Helvetica Neue', sans-serif;
|
||||
font-size: 28rpx;
|
||||
color: var(--text);
|
||||
background: #FFF5F5;
|
||||
background: linear-gradient(180deg, #FDE4EC 0%, #FFF0F5 48%, #FFF7FA 100%);
|
||||
background-attachment: fixed;
|
||||
min-height: 100vh;
|
||||
}
|
||||
|
||||
@@ -445,7 +446,7 @@ page {
|
||||
|
||||
/* ========== 布局 ========== */
|
||||
.page-bg {
|
||||
background: linear-gradient(180deg, #F4E2E3 0%, #FAF5EE 55%, #FAF5EE 100%);
|
||||
background: linear-gradient(180deg, #FDE4EC 0%, #FFF0F5 48%, #FFF7FA 100%);
|
||||
height: 100vh;
|
||||
overflow-y: scroll;
|
||||
position: relative;
|
||||
@@ -869,7 +870,8 @@ page {
|
||||
.edit-page {
|
||||
position: fixed;
|
||||
top: 0; left: 0; right: 0; bottom: 0;
|
||||
background: #FFF5F5;
|
||||
background: linear-gradient(180deg, #FDE4EC 0%, #FFF0F5 48%, #FFF7FA 100%);
|
||||
background-attachment: fixed;
|
||||
z-index: 9999;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
@@ -955,7 +957,7 @@ page {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
background: linear-gradient(180deg, #F4E2E3 0%, #FAF5EE 55%, #FAF5EE 100%);
|
||||
background: linear-gradient(180deg, #FDE4EC 0%, #FFF0F5 48%, #FFF7FA 100%);
|
||||
}
|
||||
.top-nav-card .nav-back {
|
||||
position: absolute;
|
||||
|
||||
@@ -8,9 +8,10 @@ page {
|
||||
--text: #352E2A;
|
||||
--text-primary: #352E2A;
|
||||
--text-secondary: #85776D;
|
||||
--bg: #FAF5EE;
|
||||
--bg: #FFF7FA;
|
||||
--radius: 28rpx;
|
||||
background: #FAF5EE!important;
|
||||
background: linear-gradient(180deg, #FDE4EC 0%, #FFF0F5 48%, #FFF7FA 100%)!important;
|
||||
background-attachment: fixed;
|
||||
color: #352E2A;
|
||||
}
|
||||
|
||||
@@ -18,7 +19,8 @@ page {
|
||||
--primary-color: #B74768;
|
||||
--secondary-color: #D5A6AE;
|
||||
min-height: 100vh;
|
||||
background: #FAF5EE;
|
||||
background: linear-gradient(180deg, #FDE4EC 0%, #FFF0F5 48%, #FFF7FA 100%);
|
||||
background-attachment: fixed;
|
||||
}
|
||||
|
||||
.page-bg {
|
||||
@@ -142,7 +144,8 @@ button:after {
|
||||
.edit-root {
|
||||
padding-top: var(--nav-height,64px)!important;
|
||||
box-sizing: border-box;
|
||||
background: #FAF5EE!important;
|
||||
background: linear-gradient(180deg, #FDE4EC 0%, #FFF0F5 48%, #FFF7FA 100%)!important;
|
||||
background-attachment: fixed;
|
||||
}
|
||||
|
||||
.edit-body {
|
||||
@@ -256,7 +259,7 @@ button:after {
|
||||
.edit-nav {
|
||||
top: var(--status-height,20px)!important;
|
||||
height: 44px!important;
|
||||
background: #FAF5EE!important;
|
||||
background: transparent!important;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
@@ -270,7 +273,7 @@ button:after {
|
||||
}
|
||||
|
||||
.bg-gradient {
|
||||
background: linear-gradient(180deg,#FCEBF1 0%,#FAF5EE 58%)!important;
|
||||
background: linear-gradient(180deg, #FDE4EC 0%, #FFF0F5 48%, #FFF7FA 100%)!important;
|
||||
}
|
||||
|
||||
|
||||
|
||||
@@ -44,7 +44,7 @@
|
||||
.j-story-photo { position: relative; margin-top: 20rpx; }.j-story-photo image { display: block; width: 100%; height: 330rpx; border-radius: 20rpx; background: #EEE5DA; }
|
||||
.j-photo-count { position: absolute; right: 14rpx; bottom: 14rpx; color: #FFFFFF; background: rgba(53,46,42,.55); font-size: 21rpx; padding: 6rpx 14rpx; border-radius: 8rpx; }
|
||||
.j-story-footer { display: flex; align-items: center; gap: 8rpx; font-size: 22rpx; color: #85776D; padding-top: 22rpx; line-height: 1.6; flex-wrap: wrap; }.j-story-footer image { width: 25rpx; height: 25rpx; }
|
||||
.j-background { position: fixed; inset: 0; }.j-background > image { width: 100%; height: 100%; }.j-background-wash { position: absolute; inset: 0; background: rgba(250,245,238,.88); }
|
||||
.j-background { position: fixed; inset: 0; }.j-background > image { width: 100%; height: 100%; }.j-background-wash { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(253,228,236,.88) 0%, rgba(255,240,245,.88) 48%, rgba(255,247,250,.88) 100%); }
|
||||
.j-photo-strip { display: flex; gap: 20rpx; }.j-photo-print { min-width: 0; flex: 1; border-radius: 24rpx; padding: 12rpx 12rpx 20rpx; border: 1rpx solid #E9DDD0; background: #FFFDF8; box-shadow: 0 8rpx 20rpx rgba(114,82,64,.05); }.j-photo-print:nth-child(2) { transform: rotate(3deg); }.j-photo-print image { width: 100%; height: 160rpx; display: block; border-radius: 16rpx; }.j-photo-print text { display: block; font-size: 22rpx; color: #85776D; margin-top: 14rpx; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
|
||||
.j-filters { display: flex; gap: 38rpx; border-bottom: 1rpx solid #E9DDD0; margin: -10rpx 0 42rpx; }.j-filter { color: #85776D; padding: 22rpx 4rpx; min-height: 44rpx; font-size: 27rpx; }.j-filter.is-active { color: #B74768; border-bottom: 3rpx solid #B74768; font-weight: 600; }
|
||||
/* Compact photo books: two columns, real covers, restrained empty states. */
|
||||
@@ -69,10 +69,53 @@
|
||||
@media (max-width: 350px) { .j-body { padding-left: 32rpx; padding-right: 32rpx; }.j-page-title { font-size: 36rpx; }.j-shortcuts > view { gap: 6rpx; font-size: 22rpx; }.j-cover { padding-left: 32rpx; padding-right: 32rpx; }.j-tool-grid { gap: 10rpx; } }
|
||||
|
||||
/* 主页面页眉与胶囊对齐,内容独立滚动。 */
|
||||
.j-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; background:#FAF5EE; }
|
||||
.j-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; background:#FDE4EC; }
|
||||
.j-fixed-heading { display:flex; flex-direction:column; align-items:flex-start; justify-content:center; box-sizing:border-box; padding-left:44rpx; }
|
||||
.j-fixed-heading .j-eyebrow { font-size:20rpx; line-height:1.2; letter-spacing:2rpx; white-space:nowrap; }
|
||||
.j-fixed-heading .j-page-title { font-size:34rpx; line-height:1.35; margin:4rpx 0 0; white-space:nowrap; }
|
||||
scroll-view.j-main-scroll { position:fixed; top:var(--nav-height,64px); left:0; right:0; height:calc(100vh - var(--nav-height,64px)); padding-top:0!important; }
|
||||
.j-main-scroll > .j-body { padding-top:48rpx; }
|
||||
@media (max-width:350px) { .j-fixed-heading { padding-left:32rpx; } }
|
||||
|
||||
/* 页面与分区标题统一使用手账笔迹,列表正文、字段和操作保持原有字体。 */
|
||||
.j-page-title,
|
||||
.j-section-head > text,
|
||||
.records-action-row > .j-small-title {
|
||||
font-family:'Kaiti SC','STKaiti','KaiTi',cursive;
|
||||
font-weight:400;
|
||||
font-style:normal;
|
||||
letter-spacing:1rpx;
|
||||
color:#64424D;
|
||||
}
|
||||
.j-section-head > text,
|
||||
.records-action-row > .j-small-title {
|
||||
display:inline-block;
|
||||
}
|
||||
|
||||
/* 分区右侧入口与手写标题配套,较小字号和粉色区分操作层级。 */
|
||||
.j-section-head > .j-link {
|
||||
display:flex;
|
||||
align-items:center;
|
||||
font-family:'Kaiti SC','STKaiti','KaiTi',cursive;
|
||||
font-weight:400;
|
||||
font-style:normal;
|
||||
font-size:26rpx;
|
||||
letter-spacing:1rpx;
|
||||
white-space:nowrap;
|
||||
}
|
||||
|
||||
/* 记录、我的:入口文字与页眉统一,正文和输入内容仍使用常规字体。 */
|
||||
.j-handwritten-page .j-link,
|
||||
.j-handwritten-page .j-small-title,
|
||||
.j-handwritten-page .j-filter,
|
||||
.j-handwritten-page .j-button,
|
||||
.j-handwritten-page .j-outline-label,
|
||||
.j-handwritten-page .j-tool-grid > view > text,
|
||||
.j-handwritten-page .j-publish-grid > view > text {
|
||||
font-family:'Kaiti SC','STKaiti','KaiTi',cursive;
|
||||
font-weight:400;
|
||||
font-style:normal;
|
||||
letter-spacing:1rpx;
|
||||
}
|
||||
.j-handwritten-page .j-link { font-size:26rpx; }
|
||||
.j-handwritten-page .j-profile-setting .j-link { font-size:32rpx; }
|
||||
|
||||
@@ -0,0 +1,15 @@
|
||||
/* 小程序统一字体:端正手写体,覆盖页面及组件中的旧字体。 */
|
||||
page,
|
||||
view,
|
||||
text,
|
||||
scroll-view,
|
||||
button,
|
||||
input,
|
||||
textarea,
|
||||
label,
|
||||
picker,
|
||||
.handwritten-placeholder {
|
||||
font-family:'Kaiti SC','STKaiti','KaiTi',cursive!important;
|
||||
font-style:normal!important;
|
||||
font-weight:400!important;
|
||||
}
|
||||
Reference in New Issue
Block a user