Files
wx_pbzc/components/ui-btn/ui-btn.wxss
T
lc 1d55df72b3 feat: v1.5 — plan editor, voice prompts, UI polish
Major features:
- Training plan editor: edit preset days/duration per plan (in-place
  override via custom_plans storage; preset ids preserved so existing
  records stay valid)
- Voice prompts at 4 fixed points during training (halfway / 30s /
  10s / done) via Tencent Cloud TTS (cloudfunctions/tts + utils/voice.js)
- Free-training button: switched from outline (transparent) to ghost
  variant (theme-tinted) for visual weight

Bug fixes:
- 4 functional pages: SVG data URIs failed to render in WeChat because
  '\#' in colors was parsed as a data-URI fragment delimiter. encode the
  whole SVG via encodeURIComponent in utils/icons.js build().
- Old records (saved before id field was added) could not be deleted
  (data-id was empty, triggered defensive guard). Backfill stable
  legacy-<month>-<index>-<duration> ids in getRecords() and persist.
- settings.js plan-row editor button event was bubbling up to the row's
  bindtap (which also fired onSelectPlan). Wrapped in catch:tap.

UI:
- Settings page: 3 hardcoded plans replaced with dynamic buildPlansList
  that overlays custom_plans on top of presets
- Plan editor: bottom-sheet modal in settings page (regular view, not
  ui-modal — WeChat custom component root element drops position:fixed
  in this runtime)
- Free-training button: rounded pill style, full-width, 24rpx gap from
  primary action; bottom sheet uses max-height: 88vh + internal scroll
- Version bumped to v1.5, last updated 2026-06-10

Removed:
- Daily reminder section (dailyReminder / reminderTime) — replaced by
  the 4 voice prompts which cover the same user need without requiring
  long-term scheduling that WeChat mini-programs can't actually do

Misc:
- utils/plan.js refactored to formula-driven: presets declare
  totalDays/startTarget/increment/cycleDays, days[] is generated. Same
  formula applies to custom plans.
- Timer _remind() guards each prompt on minimum duration so short
  free-mode sessions don't fire 'last30' at the start
- Cloud storage cloud_plans field added to data push payload; restored
  on first install via _restoreFromCloud
- .gitignore added for local AI tool caches (.reasonix/, reasonix.toml,
  .codegraph/daemon.pid)
2026-06-10 17:23:13 +08:00

93 lines
2.1 KiB
Plaintext

.ui-btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8rpx;
border: none;
padding: 0 32rpx;
font-weight: 600;
border-radius: 48rpx;
line-height: 1;
box-sizing: border-box;
transition: transform 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
}
.ui-btn::after { border: none; }
.ui-btn:active:not(.is-disabled) {
transform: scale(0.96);
}
.ui-btn--block {
width: 100%;
display: flex;
}
/* Sizes */
.ui-btn--sm { height: 64rpx; font-size: 26rpx; padding: 0 24rpx; }
.ui-btn--md { height: 80rpx; font-size: 30rpx; }
.ui-btn--lg { height: 96rpx; font-size: 34rpx; padding: 0 40rpx; }
.ui-btn--xl { height: 108rpx; font-size: 36rpx; padding: 0 48rpx; }
/* Variants */
.ui-btn--primary {
background: linear-gradient(135deg, var(--primary), var(--primary-light));
color: #FFFFFF;
box-shadow: 0 8rpx 24rpx rgba(var(--primary-rgb), 0.3);
}
.ui-btn--primary:active:not(.is-disabled) {
box-shadow: 0 4rpx 12rpx rgba(var(--primary-rgb), 0.2);
}
.ui-btn--outline {
background: transparent;
color: var(--text-secondary);
border: 2rpx solid rgba(var(--primary-rgb), 0.3);
}
.ui-btn--outline:active:not(.is-disabled) {
background: var(--primary-bg);
border-color: var(--primary);
color: var(--primary);
}
.ui-btn--danger {
background: #FFFFFF;
color: #E53935;
border: 2rpx solid rgba(229, 57, 53, 0.3);
}
.ui-btn--danger:active:not(.is-disabled) {
background: rgba(229, 57, 53, 0.05);
border-color: #E53935;
}
.ui-btn--ghost {
/* Use rgba on the theme's RGB triplet instead of --primary-bg (~5% alpha)
so the soft secondary reads as colored rather than near-white. */
background: rgba(var(--primary-rgb), 0.14);
color: var(--primary);
border: 2rpx solid rgba(var(--primary-rgb), 0.22);
}
.ui-btn--ghost:active:not(.is-disabled) {
background: rgba(var(--primary-rgb), 0.22);
border-color: rgba(var(--primary-rgb), 0.35);
}
.ui-btn.is-disabled {
opacity: 0.5;
pointer-events: none;
}
.ui-btn__icon {
width: 1em;
height: 1em;
flex-shrink: 0;
}
.ui-btn__text {
white-space: nowrap;
}