107 lines
3.6 KiB
Plaintext
107 lines
3.6 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>
|
|
<view class="page-container shop-info">
|
|
<view class="name">椰岛造型</view>
|
|
<view class="time">营业时间 10:00-22:00</view>
|
|
<view class="spliter"></view>
|
|
<view class="address">
|
|
<view class="left">
|
|
<view class="l1">温江区光华大道三段1588号1栋合生汇…</view>
|
|
<view class="l2">距离958m</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="page-container group-buy">
|
|
<view class="head">
|
|
<image class="h-icon" src="/assets/icon/shop/group-buy@2x.png"/>
|
|
<view class="h-right">
|
|
<image class="avatar" src="/assets/imgs/for_test/avatar.png"/>
|
|
<label class="text">刚刚参与团购</label>
|
|
</view>
|
|
</view>
|
|
<view class="item" wx:for="{{2}}" wx:key="index">
|
|
<image class="image" src="/assets/imgs/for_test/woman.png"/>
|
|
<view class="right">
|
|
<view class="title">【督导】洗剪吹+修眉</view>
|
|
<view class="tags">
|
|
<view class="tag">周一至周五可用</view>
|
|
<view class="tag">随时退</view>
|
|
</view>
|
|
<view class="bottom">
|
|
<view class="b-left">
|
|
<view class="bl-money">
|
|
<label class="money">88</label>
|
|
<label class="money-disable">188</label>
|
|
</view>
|
|
<view class="promation">
|
|
<image class="icon" src="/assets/icon/shop/arrow-down@2x.png"/>
|
|
<label>消费金抵扣</label>
|
|
</view>
|
|
</view>
|
|
<button class="button" size="mini" type="primary" bind:tap="showConfirm">抢购</button>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
|
|
<page-container show="{{isShowConfirm}}" round close-on-slide-down>
|
|
<view class="content pc-content">
|
|
<view class="page-container">
|
|
<view class="info">
|
|
<image class="image" src="/assets/imgs/for_test/woman.png"/>
|
|
<view class="right">
|
|
<view class="title">【督导】洗剪吹+修眉</view>
|
|
<view class="tags">
|
|
<view class="tag">周一至周五可用</view>
|
|
<view class="tag">随时退</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="kv">
|
|
<view class="key">团购价</view>
|
|
<view class="value">
|
|
<label class="money-normal">88.0</label>
|
|
</view>
|
|
</view>
|
|
<view class="spliter"></view>
|
|
<view class="kv">
|
|
<view class="key">消费金抵扣</view>
|
|
<view class="value">
|
|
<label class="money-promation">9.0</label>
|
|
</view>
|
|
</view>
|
|
<view class="kv">
|
|
<view class="key"></view>
|
|
<view class="value">合计：<label class="money">79.0</label></view>
|
|
</view>
|
|
</view>
|
|
<button class="button" type="primary" bind:tap="goToSuccess">立即购买</button>
|
|
</view>
|
|
</page-container> |