taocan-card.wxml
2.23 KB
<view class="taocan-card bg-white flex-vc">
<navigator url="/pages/taocan/index?sid={{item.sid}}&pid={{item.id}}" hover-class="navigator-hover" class="flex-ll taocan-main">
<image mode="aspectFill"
src="{{item.main_url?item.main_url+'?imageView2/2/w/320/interlace/0/q/100':'http://nosqn.colorcun.com/reserve/images/3x/%E6%9A%82%E6%97%A0.png'}}" class="taocan-image"></image>
<view class="taocan-info flex-vl">
<view class="black-font font36r font-bold font-more" style="line-height: 50rpx;margin-bottom: 6rpx;width:100%;">{{item.name}}</view>
<view class="gray-deep-font font28r" style="line-height: 40rpx;margin-bottom: 6rpx;">{{item.service}}</view>
<view class="flex-ll" style="align-items: flex-end;">
<view class="text-orange" style="margin-right: 20rpx;">
<text class="font28r">¥</text>
<text class="font40r font-bold" style="line-height: 56rpx;">{{item.sale_price}}</text>
</view>
<view class="text-gray" style="text-decoration:line-through;margin-bottom: 4rpx; ">
<text class="font20r">¥</text>
<text class="font28r" style="line-height: 40rpx;">{{item.market_price}}</text>
</view>
</view>
<view class="view flex text-orange align-end" style="margin-top: 6rpx;" wx:if="{{item.discount>0}}">
<view class="view tag" style="margin-bottom: 6rpx;"></view>
<view class="view margin-left-xs txt-24-h">{{item.discount}}折</view>
</view>
<view class="button txt-28-h text-bold flex align-center justify-center">抢购</view>
</view>
</navigator>
<navigator url="./detail?id={{item.sid}}" hover-class="navigator-hover" class="taocan-seller flex-lr">
<view class="flex-ll">
<image mode="aspectFill" src="{{item.seller_image ? item.seller_image+'?imageView2/2/w/84/interlace/0/q/100' : 'http://nosqn.colorcun.com/reserve/images/3x/%E6%9A%82%E6%97%A0.png'}}" style="width: 84rpx;height: 80rpx;border-radius:6rpx;"></image>
<view class="flex-vl seller-info">
<view class="font-bold font26r black-font font-more" style="line-height: 36rpx;margin-bottom: 6rpx;width:100%;">{{item.sellername}}</view>
<view class="gray-font font24r font-more" style="line-height: 34rpx;width:100%;">{{item.map_address}}</view>
</view>
</view>
<view class="more"></view>
</navigator>
</view>