<!--pages/common/red/red.wxml-->
<!-- <navigation-bar title="红包详情" back="{{false}}" color="black" background="#FFF"></navigation-bar> -->
<view class="body">
    <view class="bg"
        style="height: calc(100vh - {{safeBottom}}rpx - {{safeTop}}rpx);margin-top: {{safeTop}}rpx;">
        <view class="content"></view>

        <view class="item-container">
            <view class="content-item">
                <block wx:for="{{list}}" wx:key="openId">
                    <view class="item">
                        <image class="avatar" src="{{item.avatar ||defaultAvatarUrl}}"></image>
                        <view class="info">
                            <view class="nickname">
                                <text class="name">{{item.nickname}}</text>
                                <text class="price">{{item.amount / 100}}元</text>
                            </view>
                            <view class="time">
                                <text>{{item.date}}</text>
                                <text>{{item.stateText}}</text>
                            </view>
                        </view>
                    </view>
                </block>
            </view>
        </view>
    </view>
    <div class="safeBottom" style="height: {{safeBottom}}rpx;"></div>
</view>