<!--components/2.0/taocan/card.wxml-->
<navigator url="/pages/taocan/index?sid={{detail.sid}}&pid={{detail.id}}" hover-class="navigator-hover">
<view class="view flex margin-bottom-lg card">
    <view class="view thumb" style="background-image: url('{{detail.main_url}}?imageView2/2/w/320')"></view>
    <view class="view margin-left">
        <view class="view text-bold txt-36-h">{{detail.name}}</view>
        <view class="view bg-white flex text-gray txt-28-h" style="margin-bottom:6rpx;margin-top: 6rpx;">
            <view class="view margin-right" wx:for="{{detail.services}}" wx:key="*this">
                {{item}}
            </view>
        </view>
        <view class="view flex align-end text-gray">
            <view class="text-orange txt-28-h" style="margin-bottom: 4rpx;">¥</view>
            <view class="text-orange txt-40-h margin-right-sm text-bold">{{detail.sale_price}}</view>
            <view class="huaxian flex align-end">
                <view class="txt-20-h" style="margin-bottom: 8rpx;">¥</view>
                <view class="txt-28-h" style="margin-bottom: 4rpx;">{{detail.market_price}}</view>
            </view>
        </view>
        <view class="view flex text-orange align-end" style="margin-top: 2rpx;" wx:if="{{detail.discount>0}}">
            <view class="view tag" style="margin-bottom: 6rpx;"></view>
            <view class="view margin-left-xs txt-24-h">{{(detail.discount*10)}}折</view>
        </view>
    </view>
    <view class="button bg-blue-blue txt-28-h text-bold flex align-center justify-center">抢购</view>
</view>
</navigator>