dm-wechat-mini/pages/shop/detail/index.wxml
2025-02-06 23:22:03 +08:00

101 lines
3.5 KiB
Plaintext

<!-- <view class="swiper-container">
<swiper class="swiper" >
<swiper-item class="item">
<image class="image" src="/assets/imgs/for_test/1.jpg" mode="aspectFit"/>
</swiper-item>
<swiper-item class="item">
<image class="image" src="/assets/imgs/for_test/2.jpg" mode="aspectFit"/>
</swiper-item>
</swiper>
<view class="nav">
<image src="/assets/icon/shop/image@2x.png" class="icon"/>
<label class="text">1/2</label>
<image src="/assets/icon/shop/right-arrow@2x.png" class="right-arrow"/>
</view>
</view> -->
<navBar/>
<view class="page-container shop-info">
<view class="head">
<view class="left">
<view class="name">{{detail.name}}</view>
<view class="time">营业时间 {{detail.business_hours}}</view>
</view>
<image class="image" wx:if="{{detail.images.length>0}}" src="{{detail.images[0].image_url}}"/>
</view>
<view class="spliter"></view>
<view class="address">
<view class="left">
<view class="l1">{{detail.address}}</view>
<view class="l2" wx-if="{{detail.distance}}">距离{{detail.distance}}</view>
</view>
<view class="right">
<view class="icon-con">
<image class="icon" src="/assets/icon/shop/location@2x.png"/>
</view>
<view class="text">地图</view>
</view>
<view class="right">
<view class="icon-con">
<image class="icon" src="/assets/icon/shop/phone@2x.png"/>
</view>
<view class="text">导航</view>
</view>
</view>
</view>
<view class="group-buy">
<view class="page-container item">
<view class="left">
<view class="title">快捷买单</view>
<view class="bl-money">
<label class="tips">在线买单 赠送蜂蜜</label>
</view>
</view>
<view class="right">
<navigator url="/pages/shop/bill/index?id={{detail.id}}&name={{detail.name}}">
<button class="button" size="mini" type="primary" data-item="{{item}}">买单</button>
</navigator>
</view>
</view>
<view class="page-container item ticket" wx:for="{{productList}}" wx:key="index">
<view class="left">
<view class="promation">
<image src="/assets/icon/shop/promation@2x.png" class="image"/>
<label>{{item.promotion_text}}</label>
</view>
<view class="title">{{item.name}}</view>
<view class="bl-money">
<label class="money">{{item.sale_price}}</label>
<label class="money-disable">{{item.product_price}}</label>
</view>
</view>
<view class="right">
<button class="button" size="mini" type="primary" loading="{{item.loading}}"
bind:tap="showConfirm" data-item="{{item}}">抢购</button>
</view>
</view>
</view>
<page-container show="{{isShowConfirm}}" round close-on-slide-down>
<view class="content pc-content">
<view class="title">{{currentProduct.name}}</view>
<view class="tags">
<view class="tag" wx:for="{{currentProduct.tags}}"
wx:for-item="tag" wx:for-index="tIndex" wx:key="tIndex">{{tag}}</view>
</view>
<view class="spliter"></view>
<view class="price">
<view class="left">
<label class="key">团购价</label>
<label class="money">{{calculatedPrice.amount}}</label>
</view>
<view class="right">
<label class="key">赠送蜂蜜</label>
<label class="weight">{{calculatedPrice.gift_points}}克</label>
</view>
</view>
<button class="button" type="primary" bind:tap="getOrder">立即抢购</button>
</view>
</page-container>