Files
wxserver/pages/person-detail/person-detail.wxml
T
2025-10-26 19:29:30 +08:00

64 lines
2.6 KiB
Plaintext

<!--person-detail.wxml-->
<view class="container">
<!-- 人员信息卡片 -->
<view class="person-card">
<view class="person-header">
<image class="avatar" src="{{person.avatar || '/images/default-avatar.png'}}" mode="aspectFill" />
<view class="person-info">
<text class="person-name">{{person.name}}</text>
<text wx:if="{{person.nickname}}" class="person-nickname">{{person.nickname}}</text>
</view>
</view>
<text wx:if="{{person.remark}}" class="person-remark">{{person.remark}}</text>
<view class="actions">
<button class="action-btn" bindtap="onEditPerson">编辑</button>
<button class="action-btn danger" bindtap="onDeletePerson">删除</button>
</view>
</view>
<!-- 纪念日列表 -->
<view class="section">
<view class="section-header">
<text class="section-title">纪念日列表 ({{anniversaries.length}})</text>
<button class="add-btn" bindtap="onAddAnniversary">+ 添加纪念日</button>
</view>
<view wx:if="{{anniversaries.length === 0}}" class="empty-state">
<text class="icon">📅</text>
<text class="text">还没有添加纪念日</text>
</view>
<view wx:for="{{anniversaries}}" wx:key="id" class="anniversary-card">
<view class="anniversary-header">
<view class="anniversary-type">
<text class="type-icon">{{item.typeIcon}}</text>
<text class="type-text">{{item.typeName}}</text>
</view>
<text class="importance-badge importance-{{item.importance}}">{{item.importanceText}}</text>
</view>
<view class="anniversary-date">
<text class="date-label">日期:</text>
<text class="date-text">{{item.dateText}}</text>
<text wx:if="{{item.isLunar}}" class="lunar-badge">农历</text>
</view>
<view wx:if="{{item.daysUntil !== undefined}}" class="days-info">
<text wx:if="{{item.daysUntil === 0}}" class="days-text urgent">今天</text>
<text wx:else-if="{{item.daysUntil === 1}}" class="days-text warning">明天</text>
<text wx:else-if="{{item.daysUntil > 0}}" class="days-text">{{item.daysUntil}}天后</text>
<text wx:else class="days-text past">已过{{Math.abs(item.daysUntil)}}天</text>
</view>
<view wx:if="{{item.remark}}" class="anniversary-remark">{{item.remark}}</view>
<view class="anniversary-actions">
<button class="edit-btn" bindtap="onEditAnniversary" data-id="{{item.id}}">编辑</button>
<button class="delete-btn" bindtap="onDeleteAnniversary" data-id="{{item.id}}">删除</button>
</view>
</view>
</view>
</view>