yuming
3f30c9c017
部署到群晖 / deploy (push) Successful in 40s
原因：微信 <button> 自带 min-height 88rpx 和固有 line-height， 会顶歪自定义高度。改用 <view> + flex 居中。 - 5 个 button 改为 view（保留 class/bindtap/data-id） - action-btn / edit-btn / delete-btn 改 flex 居中 - add-btn 加 inline-flex 居中 Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
64 lines
2.6 KiB
Plaintext
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">
|
|
<view class="action-btn" bindtap="onEditPerson">编辑</view>
|
|
<view class="action-btn danger" bindtap="onDeletePerson">删除</view>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 纪念日列表 -->
|
|
<view class="section">
|
|
<view class="section-header">
|
|
<text class="section-title">纪念日列表 ({{anniversaries.length}})</text>
|
|
<view class="add-btn" bindtap="onAddAnniversary">+ 添加纪念日</view>
|
|
</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:elif="{{item.daysUntil === 1}}" class="days-text warning">明天</text>
|
|
<text wx:elif="{{item.daysUntil > 0}}" class="days-text">{{item.daysUntil}}天后</text>
|
|
<text wx:else class="days-text past">已过{{item.daysUntilAbs}}天</text>
|
|
</view>
|
|
|
|
<view wx:if="{{item.remark}}" class="anniversary-remark">{{item.remark}}</view>
|
|
|
|
<view class="anniversary-actions">
|
|
<view class="edit-btn" bindtap="onEditAnniversary" data-id="{{item.id}}">编辑</view>
|
|
<view class="delete-btn" bindtap="onDeleteAnniversary" data-id="{{item.id}}">删除</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|