Files
wxserver/pages/calendar/calendar.wxml
T
yuming 3f176924d0
部署到群晖 / deploy (push) Successful in 43s
视觉重构:紫渐变 SaaS 风 → 纸感编辑风(A 方案)
旧版多处违反 impeccable 设计规范(gradient text、6rpx 粗色条 border-left、
glassmorphism、bounce 动画)且整体呈现典型「AI/SaaS 通用紫渐变」(#6366f1 系、
#667eea 系),用户反馈「AI 味儿太浓」。

色板(OKLCH 概念,hex 落地):
- 背景:浅米黄 #FAF6ED
- 主文字:深墨蓝 #1F1D2B
- 暖灰副文字:#8A8278
- 强调(仅 today / FAB):墨红 #C8412F

涉及改动:
- app.wxss:删模板自带 .container padding 200rpx(首页/日历顶部空白真凶)+ 重写全局色板
- index.wxml/wxss:去紫渐变 Header + glassmorphism stats + border-left 大色条 + bounce
- calendar.wxml/wxss/json:去紫渐变月份头 + today 大色块 + section-title 6rpx 紫条
- settings.wxss:同款紫 Header + tips-card 6rpx 紫条 → 全卡边线 + 浅暖底
- add-anniversary.wxss:chip-active 紫 / 取消提交按钮渐变 / importance 高饱和色 → 统一
- add-person.wxss:gradient text + 紫 dashed 头像占位 + 多重渐变 → 全套重写
- person-detail.wxss:微信绿 + 灰底默认色 → 方向 A 色板
- utils/constants.js:IMPORTANCE_COLORS 高/中/低 = 墨红/焦糖/苔绿(替代橙红/橘/鲜绿)

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
2026-06-02 09:27:16 +08:00

55 lines
2.2 KiB
Plaintext
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<!--calendar.wxml-->
<view class="container">
<!-- 日历头部 -->
<view class="calendar-header">
<view class="month-navigation">
<view class="nav-btn" bindtap="onPrevMonth"></view>
<text class="month-title">{{currentYear}}年{{currentMonth}}月</text>
<view class="nav-btn" bindtap="onNextMonth"></view>
</view>
<view class="today-btn" bindtap="onGoToday">今天</view>
</view>
<!-- 星期标题 -->
<view class="week-header">
<view wx:for="{{['日', '一', '二', '三', '四', '五', '六']}}" wx:key="*this" class="week-title">
<text>{{item}}</text>
</view>
</view>
<!-- 日历内容 -->
<scroll-view class="calendar-content" scroll-y>
<view class="calendar-grid">
<view wx:for="{{calendarDays}}" wx:key="index" class="calendar-cell {{item.isToday ? 'today' : ''}} {{item.isOtherMonth ? 'other-month' : ''}}">
<text class="date-num">{{item.day}}</text>
<view class="events">
<view wx:for="{{item.events}}" wx:key="id" wx:for-item="event" class="event-dot" style="background-color: {{event.color}};"></view>
</view>
<view wx:if="{{item.hasMore}}" class="more-text">+{{item.moreCount}}</view>
</view>
</view>
<!-- 列表视图 -->
<view class="events-list">
<view class="section-title">本月纪念日</view>
<view wx:if="{{monthEvents.length === 0}}" class="empty-state">
<text class="icon">📅</text>
<text class="text">本月没有纪念日</text>
</view>
<view wx:for="{{monthEvents}}" wx:key="id" class="event-card" bindtap="onEventTap" data-id="{{item.id}}">
<view class="event-header">
<text class="event-icon">{{item.typeIcon}}</text>
<text class="event-title">{{item.personName}} - {{item.typeName}}</text>
<text class="event-date">{{item.dateText}}</text>
</view>
<view class="event-info">
<text wx:if="{{item.isLunar}}" class="lunar-badge">农历</text>
<text wx:if="{{item.daysUntil === 0}}" class="status urgent">今天</text>
<text wx:elif="{{item.daysUntil === 1}}" class="status warning">明天</text>
</view>
</view>
</view>
</scroll-view>
</view>