51 lines
2.2 KiB
Plaintext
51 lines
2.2 KiB
Plaintext
<view class="app-shell app-shell--secondary {{bgImageUrl ? 'detail-immersive' : ''}}" style="{{layoutStyle}}">
|
||
<launch-transition />
|
||
<!-- pages/timeline-detail/timeline-detail.wxml -->
|
||
<page-meta page-style="{{bgImageUrl ? 'background: transparent;' : ''}}"></page-meta>
|
||
<!-- 背景图片（固定全屏，参考首页实现） -->
|
||
<image wx:if="{{bgImageUrl}}" src="{{bgImageUrl}}" mode="aspectFill" class="detail-bg-custom" />
|
||
<view class="detail-bg-overlay" wx:if="{{bgImageUrl}}"></view>
|
||
|
||
<app-nav wx:if="{{!bgImageUrl}}" title="记忆日详情" back="{{true}}" />
|
||
<view wx:else class="detail-photo-nav" style="height:{{barHeight}}px;" bindtap="goBack" aria-label="返回"><image src="/images/back-white.svg" mode="aspectFit" /></view>
|
||
|
||
<scroll-view class="page-bg {{bgImageUrl ? 'page-bg-has-bg' : ''}}" scroll-y show-scrollbar="{{false}}" bounces="{{true}}" style="height:100vh;"
|
||
bindtouchstart="onTouchStart" bindtouchend="onTouchEnd">
|
||
|
||
<view class="container {{bgImageUrl ? 'has-bg' : ''}}" bindtap="goEdit">
|
||
<page-state wx:if="{{loading}}" kind="loading" title="正在加载详情" /><page-state wx:elif="{{loadError}}" kind="error" title="详情加载失败" action="重试" bind:action="retryDetail" />
|
||
<block wx:else>
|
||
|
||
<!-- 大大的天数 -->
|
||
<view class="detail-hero">
|
||
<view class="detail-hero-num-wrap">
|
||
<text class="detail-hero-num">{{daysNumber}}</text>
|
||
<text class="detail-hero-sign">{{daysSign}}</text>
|
||
</view>
|
||
<!-- <text class="detail-hero-unit">天</text> -->
|
||
<view class="detail-hero-bar"></view>
|
||
</view>
|
||
|
||
<!-- 事件标题 -->
|
||
<view class="detail-title-wrap" wx:if="{{item.title}}">
|
||
<text class="detail-title">{{item.title}}</text>
|
||
</view>
|
||
|
||
<!-- 地点 . 备注 同排 -->
|
||
<view class="detail-info-line" wx:if="{{item.location || item.content}}">
|
||
<text>{{item.location}}{{item.location && item.content ? ' . ' : ''}}{{item.content}}</text>
|
||
</view>
|
||
|
||
<!-- 标签 + 日期同排 -->
|
||
<view class="detail-meta-line">
|
||
<text class="detail-meta-tag">{{isAnniversary ? '纪念日' : '目标日'}} {{item.event_date}}（{{weekdayText}}）</text>
|
||
</view>
|
||
</block>
|
||
</view>
|
||
|
||
</scroll-view>
|
||
|
||
|
||
|
||
</view>
|