card.wxml 1.89 KB
<!--components/2.0/reserve/card.wxml-->
<wxs src="../../../utils/util.wxs" module="util" />
<view class="view margin-lr-lg margin-top-sm  solid radius padding padding-bottom-lg" style="box-shadow: 0px 0px 20rpx 0px #EEF0F2;">
    <view class="view flex padding-bottom solid-bottom align-center">
        <view class="view round margin-right-sm"
              style="width: 60rpx;height: 60rpx; background-image: url('{{reserve.seller.seller_image}}');">
        </view>
        <view class="view text-cut flex-treble">
            <view class="view text-lg text-cut Medium" style="margin-bottom: 16rpx;">{{reserve.seller.sellername}}</view>
            <view class="view text-df bg-white text-cut">{{reserve.seller.map_address}}</view>
        </view>
        <view class="view margin-left-sm text-blue text-lg Medium" style="min-width: 100rpx;">
            {{reserve.getStatusStr}}
        </view>
    </view>
    <view class="view margin-top">
        <view class="view flex align-center" style="margin-bottom: 44rpx;">
            <view class="view flex-sub bg-white Medium">预订时间</view>
            <view class="view flex-treble text-bold" style="font-size: 36rpx;">
                <view class="value" wx:if="{{reserve.hasOnlineReserve || reserve.hasUpdateDate || reserve.type==0}}">
                    <text wx:if="{{reserve.ddate>0}}">{{util.unixtoTime(reserve.ddate||'','MM月DD日')}} {{reserve.soltName}}</text>
                </view>
                <view class="value" wx:else="">{{reserve.rdateStr}}</view>
            </view>
        </view>
        <view class="view flex align-center">
            <view class="view flex-sub bg-white Medium" style="min-width: 140rpx;">包间类型</view>
            <view class="view flex-treble text-bold text-cut" style="font-size: 36rpx;">
                {{reserve.tableFirst||util.getRoomName(reserve.room_demand)}}
            </view>
        </view>
    </view>
</view>