<!--components/2.0/reserve/card.wxml-->
<wxs src="../../../utils/util.wxs" module="util" />
<view class="view margin-lr margin-top-sm  solid radius padding padding-bottom-lg bg-white text-black" 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('{{seller.seller_image}}');">
        </view>
        <view class="view text-cut flex-treble">
            <view class="view text-lg text-cut Medium">{{seller.sellername}}</view>
        </view>
        <view class="view margin-left-sm text-blue text-lg Medium">
            <image src="http://nosqn.colorcun.com/detail/x%20%2815%29.png" style="width:28rpx;height: 30rpx;"></image>
        </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">{{reserve.ddateStr}}，{{ddate_Str}}</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;">
                {{util.replace(reserve.tables,',','，')}}
            </view>
        </view>
    </view>
</view>