wm
70ff806042
- miniprogram/config.js: BASE_URL 指向 http://192.227.237.8:3001 - 动作标题中文化(nameZh)，搜索匹配 name/nameZh/nameEn - 新增计划/收藏/我的 等页面与组件 - 后端 Docker 化(Dockerfile/.dockerignore)与翻译脚本 - .gitignore 补充 .DS_Store
104 lines
2.3 KiB
Plaintext
104 lines
2.3 KiB
Plaintext
/* ===== FITCOACH 设计系统：高端暗金奢华主题 ===== */
|
|
page {
|
|
/* 设计令牌 */
|
|
--bg: #0E1110;
|
|
--bg-grad: linear-gradient(160deg, #16201B 0%, #0E1110 55%);
|
|
--surface: #171C19;
|
|
--surface-2: #1F2622;
|
|
--gold: #D9B36C;
|
|
--gold-2: #F0D9A8;
|
|
--gold-soft: rgba(217,179,108,0.12);
|
|
--gold-line: rgba(217,179,108,0.28);
|
|
--teal: #58C9B9;
|
|
--text: #F3F5F2;
|
|
--text-2: #98A39B;
|
|
--text-3: #6B746D;
|
|
--line: rgba(255,255,255,0.07);
|
|
--radius: 28rpx;
|
|
--radius-sm: 18rpx;
|
|
--shadow: 0 12rpx 40rpx rgba(0,0,0,0.35);
|
|
|
|
background: var(--bg);
|
|
color: var(--text);
|
|
font-family: -apple-system, "PingFang SC", "Helvetica Neue", Helvetica, sans-serif;
|
|
font-size: 28rpx;
|
|
line-height: 1.5;
|
|
}
|
|
|
|
view, text, scroll-view, image, input {
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
/* ===== 通用工具类 ===== */
|
|
.eyebrow {
|
|
font-size: 22rpx;
|
|
letter-spacing: 4rpx;
|
|
color: var(--gold);
|
|
text-transform: uppercase;
|
|
font-weight: 600;
|
|
}
|
|
|
|
.section {
|
|
padding: 40rpx 32rpx;
|
|
}
|
|
.section + .section {
|
|
border-top: 1rpx solid var(--line);
|
|
}
|
|
|
|
.card {
|
|
background: var(--surface);
|
|
border-radius: var(--radius);
|
|
box-shadow: var(--shadow);
|
|
border: 1rpx solid var(--line);
|
|
}
|
|
|
|
.chip {
|
|
display: inline-flex;
|
|
align-items: center;
|
|
padding: 10rpx 24rpx;
|
|
border-radius: 999rpx;
|
|
background: var(--surface-2);
|
|
color: var(--text-2);
|
|
font-size: 24rpx;
|
|
border: 1rpx solid var(--line);
|
|
}
|
|
|
|
.gold-text { color: var(--gold); }
|
|
.muted { color: var(--text-2); }
|
|
.row { display: flex; flex-direction: row; align-items: center; }
|
|
.col { display: flex; flex-direction: column; }
|
|
|
|
.empty {
|
|
color: var(--text-3);
|
|
font-size: 26rpx;
|
|
text-align: center;
|
|
padding: 80rpx 0;
|
|
}
|
|
|
|
.tag {
|
|
font-size: 20rpx;
|
|
color: var(--text-2);
|
|
background: var(--surface-2);
|
|
padding: 4rpx 12rpx;
|
|
border-radius: 999rpx;
|
|
}
|
|
.tag--gold {
|
|
color: var(--gold-2);
|
|
background: var(--gold-soft);
|
|
}
|
|
|
|
/* ===== 横向滚动提示：右侧渐隐遮罩，提示「还可向右滑动」 ===== */
|
|
.hscroll, .chip-scroll, .filterbar, .emoji-row, .prog-scroll {
|
|
position: relative;
|
|
}
|
|
.hscroll::after, .chip-scroll::after, .filterbar::after, .emoji-row::after, .prog-scroll::after {
|
|
content: '';
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
width: 56rpx;
|
|
pointer-events: none;
|
|
background: linear-gradient(90deg, rgba(14,17,16,0) 0%, rgba(14,17,16,0.9) 100%);
|
|
}
|