<view class="container">

    <!-- 卡片区域 -->
    <view class="card">
        <!-- 缩略图区域 -->
        <scroll-view 
            class="thumbnail-area" 
            scroll-y="true"
            enhanced="true"
            show-scrollbar="false">
            <block wx:if="{{imageUrl}}">
                <image src="{{imageUrl}}" mode="widthFix" bindload="onImageLoad" binderror="onImageError" bindtap="previewImage"/>
            </block>
            <block wx:else>
                <view class="empty-image">
                    <text>图片加载中...</text>
                </view>
            </block>
            <view class="text-content" wx:if="{{textContent}}">
                <text>{{textContent}}</text>
            </view>
        </scroll-view>
    </view>

    <!-- 底部工具栏 -->
    <view class="toolbar">
        <view class="toolbar-content">
            <view class="timer-container {{isCompleted ? 'completed' : ''}}">
                <text class="timer">{{timerText}}</text>
            </view>
            <text class="timer-tip">{{progressLoading ? '加载中...' : (isCompleted ? '任务已完成' : '倒计时结束后任务自动完成')}}</text>
        </view>
    </view>

</view> 