card.wxml 2.65 KB
<!--components/2.0/seller/card.wxml-->
<view class="view seller padding-sm margin-sm">
    <view class="view flex avatar-block">
        <view class="view avatar">
            <image src="" class="avatar-image" mode="aspectFill" lazy-load></image>
            <view class="avatar-txt text-white text-xs text-center">111</view>
        </view>
        <view class="view detail margin-left-sm flex-treble margin-top-sm">
            <view class="view flex align-center justify-between" style="height: 52rpx;">
                <view class="title">123{{seller.seller_name}}</view>
                <view class="text-gray" style="font-size: 26rpx;">123</view>
            </view>
            <view class="view flex align-center text-gray margin-top-xs" style="height: 36rpx;">
                <view class="caixi">123{{seller.seller_name}}</view>
                <view class="renjun flex margin-left-lg align-center">
                    <view class="text-22">¥</view>
                    <view class="text-26" style="margin: 0 4rpx;">123</view>
                    <view class="text-22">/人</view>
                </view>
            </view>
            <view class="view flex align-center margin-top-xs active" style="height: 36rpx;">
                <view class="cu-tag line-yellow text-orange view">123</view>
                <view class="cu-tag  view">123</view>
                <view class="cu-tag  view">123</view>
                <view class="cu-tag  view">123</view>
            </view>
        </view>
    </view>
    <view class="view flex align-center justify-between margin-top-sm reserve-view">
        <view class="view rooms flex-treble flex" style="overflow-x: auto">
            <view class="cu-tag round line-blue text-blue view">123</view>
            <view class="cu-tag round line-blue text-blue view">123</view>
            <view class="cu-tag round line-blue text-blue view">123</view>
            <view class="cu-tag round line-blue text-blue view">123</view>
            <view class="cu-tag round line-blue text-blue view">123</view>
            <view class="cu-tag round line-blue text-blue view">123</view>
            <view class="cu-tag round line-blue text-blue view">123</view>
            <view class="cu-tag round line-blue text-blue view">123</view>
            <view class="cu-tag round line-blue text-blue view">123</view>
            <view class="cu-tag round line-blue text-blue view">123</view>
            <view class="cu-tag round view cu-tag-end"></view>
        </view>
        <view class="view button-view flex justify-end">
            <view class="cu-btn bg-blue text-white round reserve-button text-df text-bold view">111</view>
        </view>
    </view>
</view>