|
@@ -1,115 +1,115 @@
|
|
|
{{ if showNavBar }}
|
|
|
<header class="bar bar-nav">
|
|
|
- <a class="left-button back-button">
|
|
|
- <div class="icon icon-left-nav"></div>
|
|
|
- </a>
|
|
|
+ <a class="left-button back-button">
|
|
|
+ <div class="icon icon-left-nav"></div>
|
|
|
+ </a>
|
|
|
|
|
|
- <h1 class="title">{{title}}</h1>
|
|
|
+ <h1 class="title">{{title}}</h1>
|
|
|
</header>
|
|
|
{{ /if }}
|
|
|
<div class="content">
|
|
|
- <div class="box-container">
|
|
|
- <div class="box-container box box-vertical">
|
|
|
- <div id="placeOrderScroll" class="scroll-container box-flex-1">
|
|
|
- <div class="scroller">
|
|
|
- <div class="">
|
|
|
- <ul class="table-view product-pic-o2o">
|
|
|
- <li id="product-pic-bg">
|
|
|
- <img class="lazy product-pic-o2o" src="{{imgSrc}}" style="width: 100%;" alt="">
|
|
|
- <div class="product-img"></div>
|
|
|
- </li>
|
|
|
- </ul>
|
|
|
- <!-- 选择extra -->
|
|
|
- {{if extra}}
|
|
|
- <div class="table-view main-service">
|
|
|
- <p class="main-service-title">请选择</p>
|
|
|
- {{each extra as e}}
|
|
|
- <div class="width-percent-50">
|
|
|
- <div class="btn btn-main-service" data-extra-type="{{e.type}}"
|
|
|
- data-extra-price="{{e.price}}">{{e.type}}
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- {{/each}}
|
|
|
- </div>
|
|
|
- {{/if}}
|
|
|
- <ul class="table-view">
|
|
|
- <!-- 选择数量 -->
|
|
|
- <li class="table-view-cell selected table-link-label">
|
|
|
- <div class="link-label selected">
|
|
|
- 购买数量
|
|
|
- <div class="service-count o2o-singles-day">
|
|
|
- <div class="btn btn-sub">-</div>
|
|
|
- <!--<span class="num">1</span>-->
|
|
|
- <input type="text" class="input-num"
|
|
|
- style="text-align: center;padding: 0;width: 24px;height: 24px;border-radius:0;"
|
|
|
- maxlength="3" value="1"/>
|
|
|
- <div class="btn btn-add">+</div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </li>
|
|
|
- <li class="table-view-cell">
|
|
|
- <a class="navigate-right select-address"
|
|
|
- style="display: flex; justify-content:space-between; align-items: center; padding-right: 2rem">
|
|
|
- 地址
|
|
|
- <div class="table-view-cell-right-label media-body has-address"
|
|
|
- style="display: block; position: static;">
|
|
|
- <span class="order-username"></span>
|
|
|
- <span class="order-mobile"></span>
|
|
|
- <p class="order-address"></p>
|
|
|
+ <div class="box-container">
|
|
|
+ <div class="box-container box box-vertical">
|
|
|
+ <div id="placeOrderScroll" class="scroll-container box-flex-1">
|
|
|
+ <div class="scroller">
|
|
|
+ <div class="">
|
|
|
+ <ul class="table-view product-pic-o2o">
|
|
|
+ <li id="product-pic-bg">
|
|
|
+ <img class="lazy product-pic-o2o" src="{{imgSrc}}" style="width: 100%;" alt="">
|
|
|
+ <div class="product-img"></div>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ <!-- 选择extra -->
|
|
|
+ {{if extra}}
|
|
|
+ <div class="table-view main-service">
|
|
|
+ <p class="main-service-title">请选择</p>
|
|
|
+ {{each extra as e}}
|
|
|
+ <div class="width-percent-50">
|
|
|
+ <div class="btn btn-main-service" data-extra-type="{{e.type}}"
|
|
|
+ data-extra-price="{{e.price}}">{{e.type}}
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ {{/each}}
|
|
|
+ </div>
|
|
|
+ {{/if}}
|
|
|
+ <ul class="table-view">
|
|
|
+ <!-- 选择数量 -->
|
|
|
+ <li class="table-view-cell selected table-link-label">
|
|
|
+ <div class="link-label selected">
|
|
|
+ <span class="orderNum">购买数量</span>
|
|
|
+ <div class="service-count o2o-singles-day">
|
|
|
+ <div class="btn btn-sub">-</div>
|
|
|
+ <!--<span class="num">1</span>-->
|
|
|
+ <input type="text" class="input-num"
|
|
|
+ style="text-align: center;padding: 0;width: 24px;height: 24px;border-radius:0;"
|
|
|
+ maxlength="3" value="1"/>
|
|
|
+ <div class="btn btn-add">+</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <li class="table-view-cell">
|
|
|
+ <a class="navigate-right select-address"
|
|
|
+ style="display: flex; justify-content:space-between; align-items: center; padding-right: 2rem">
|
|
|
+ 地址
|
|
|
+ <div class="table-view-cell-right-label media-body has-address"
|
|
|
+ style="display: block; position: static;">
|
|
|
+ <span class="order-username"></span>
|
|
|
+ <span class="order-mobile"></span>
|
|
|
+ <p class="order-address"></p>
|
|
|
|
|
|
- </div>
|
|
|
+ </div>
|
|
|
|
|
|
- </a>
|
|
|
- </li>
|
|
|
- <li class="table-view-cell table-link-label">
|
|
|
- <a class="navigate-right show-time-picker"
|
|
|
- style="display: flex; justify-content:space-between; align-items: center; padding-right: 2rem">
|
|
|
- 服务时间
|
|
|
- <span class="table-view-cell-right-label booking-time"
|
|
|
- style="display: block; position: static; text-align: right">选择服务时间</span>
|
|
|
- </a>
|
|
|
- </li>
|
|
|
+ </a>
|
|
|
+ </li>
|
|
|
+ <li class="table-view-cell table-link-label">
|
|
|
+ <a class="navigate-right show-time-picker"
|
|
|
+ style="display: flex; justify-content:space-between; align-items: center; padding-right: 2rem">
|
|
|
+ 服务时间
|
|
|
+ <span class="table-view-cell-right-label booking-time"
|
|
|
+ style="display: block; position: static; text-align: right">选择服务时间</span>
|
|
|
+ </a>
|
|
|
+ </li>
|
|
|
|
|
|
- </ul>
|
|
|
- <!-- 优惠券 -->
|
|
|
- <ul class="table-view">
|
|
|
- <li class="table-view-cell {{if !showCoupon }}disabled{{/if}}">
|
|
|
- <a class="navigate-right show-coupon-picker"
|
|
|
- style="display: flex; justify-content:space-between; align-items: center; padding-right: 2rem">
|
|
|
- 优惠券
|
|
|
- <span class="table-view-cell-right-label coupon-selected-name"
|
|
|
- style="display: block; position: static; text-align: right">选择优惠券</span>
|
|
|
- </a>
|
|
|
- </li>
|
|
|
- <li class="table-view-cell memo">
|
|
|
- <form class="input-group" id="order-form">
|
|
|
- <input type="text" class="order-memo" id="order-memo" placeholder="(备注)可填写附加要求">
|
|
|
- </form>
|
|
|
- </li>
|
|
|
- </ul>
|
|
|
- <!-- 用户协议 -->
|
|
|
- <div class="box bottom-box">
|
|
|
- <div class="agreement-box">
|
|
|
- <div class="agreement-touch-area">
|
|
|
- </div>
|
|
|
- <input type="checkbox" class="agreement-checkbox" checked="checked"/>
|
|
|
- <span>
|
|
|
+ </ul>
|
|
|
+ <!-- 优惠券 -->
|
|
|
+ <ul class="table-view">
|
|
|
+ <li class="table-view-cell {{if !showCoupon }}disabled{{/if}}">
|
|
|
+ <a class="navigate-right show-coupon-picker"
|
|
|
+ style="display: flex; justify-content:space-between; align-items: center; padding-right: 2rem">
|
|
|
+ 优惠券
|
|
|
+ <span class="table-view-cell-right-label coupon-selected-name"
|
|
|
+ style="display: block; position: static; text-align: right">选择优惠券</span>
|
|
|
+ </a>
|
|
|
+ </li>
|
|
|
+ <li class="table-view-cell memo">
|
|
|
+ <form class="input-group" id="order-form">
|
|
|
+ <input type="text" class="order-memo" id="order-memo" placeholder="(备注)可填写附加要求">
|
|
|
+ </form>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ <!-- 用户协议 -->
|
|
|
+ <div class="box bottom-box">
|
|
|
+ <div class="agreement-box">
|
|
|
+ <div class="agreement-touch-area">
|
|
|
+ </div>
|
|
|
+ <input type="checkbox" class="agreement-checkbox" checked="checked"/>
|
|
|
+ <span>
|
|
|
同意<a class="agreement">壹管家用户服务协议</a>
|
|
|
</span>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="result-item btn-container prevent-scroll"
|
|
|
- style="padding-left: 15px; display: flex; justify-content: space-between; align-items: center">
|
|
|
- <!--<div style="font-size: 0.8rem">账户余额<span class="order-cost" style="font-size: 0.8rem; color: #ec5330; text-align: right; display: inline">¥ {{balance}}</span></div>-->
|
|
|
- <div style="font-size: 0.8rem">费用总计:<span class="order-cost"
|
|
|
- style="font-size: 0.8rem; color: #ec5330; text-align: right; display: inline">¥ 0</span>
|
|
|
- </div>
|
|
|
- <a class="btn btn-main btn-block btn-place" style="margin-bottom: 0;">确认预约</a>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="result-item btn-container prevent-scroll"
|
|
|
+ style="padding-left: 15px; display: flex; justify-content: space-between; align-items: center">
|
|
|
+ <!--<div style="font-size: 0.8rem">账户余额<span class="order-cost" style="font-size: 0.8rem; color: #ec5330; text-align: right; display: inline">¥ {{balance}}</span></div>-->
|
|
|
+ <div style="font-size: 0.8rem">费用总计:<span class="order-cost"
|
|
|
+ style="font-size: 0.8rem; color: #ec5330; text-align: right; display: inline">¥ 0</span>
|
|
|
+ </div>
|
|
|
+ <a class="btn btn-main btn-block btn-place" style="margin-bottom: 0;">确认预约</a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|