123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243 |
- <%@ page language="java" contentType="text/html; charset=UTF-8"
- pageEncoding="UTF-8"%>
- <%@ include file="meta.jsp"%>
- <script src="${base}/static/mobile/frame/mui/js/location.js"></script>
- <script src="${base}/static/web/frame/jquery/jquery.lazyload.js"></script>
- <link rel="stylesheet" href="${base}/static/mobile/frame/dropload/dropload.css?v=${version}">
- <script src="${base}/static/mobile/frame/dropload/dropload.js?v=${version}"></script>
- <script src="${base}/static/web/frame/jquery/jquery.qrcode.min.js"></script>
- <script src="${base}/static/mobile/frame/mui/js/canvas.js"></script>
- <script type="text/javascript" src="http://api.map.baidu.com/api?v=3.0&ak=mHjQLONxGpRtrZHZkxr9t3cD3n0HupQ0"></script>
- <title>${siteName}</title>
- <style>
- #detail img {
- max-width: 100%;
- display: block;
- }
- #detail p {
- color: inherit;
- }
- .mui-slider .mui-slider-group .mui-slider-item img {
- width: 100%;
- height: 5rem;
- }
- .mui-bar-tab .mui-tab-item.mui-active {
- color: #929292;
- }
- #sendCode {
- padding: 0.14rem 0.24rem;
- position: absolute;
- right: 0.12rem;
- top: 0.12rem;
- width:auto;
- }
- #userMsg .mui-table-view:after{
- height:0;
- }
- .spilt-line{
- padding: 0px 10px;
- }
- .time-tip{
- background: #FF6666;
- padding: 3px;
- margin: 0px 5px;
- border-radius: 3px
- }
- .btns .mui-btn-primary{
- display: inline-block;
- margin: 0px 0.2rem;
- border-radius: 20px;
- border-top-left-radius: 20px;
- border-top-right-radius: 20px;
- border-bottom-right-radius: 20px;
- border-bottom-left-radius: 20px;
- }
- .btns .baoming{
- width: 40%;
- }
- .merchant .mui-media-object{
- line-height: 1rem;
- max-width: 1rem;
- height: 1rem;
- }
- .cut-user .comment-avatar{
- line-height: 0.8rem;
- max-width: 0.8rem;
- height: 0.8rem;
- }
- .footer{
- background-color: rgba(0, 0, 0, 0.6);
- padding: 0.2rem 0.3rem;
- color: #fff;
- position: fixed;
- bottom: 0;
- width: 100%;
- }
- </style>
- </head>
- <body>
- <div class="header">
- <div class="mui-table-view no-bg no-line" style="background-color: rgba(0, 0, 0, 0.5);height: 0.9rem;">
- <div class="mui-table-view-cell mui-media color0">
- <span class="fs14 visit_num">0人查看</span>
- <span class="spilt-line">|</span>
- <span class="fs14 share_num">0人分享</span>
- <span class="spilt-line">|</span>
- <span class="fs14 user_num">0人参与</span>
- <div class="mui-btn mui-btn-primary guanzhu" style="padding: 3px 13px; right: 15px;">关注</div>
- </div>
- </div>
- <div>
- <div
- class="back-btn mui-action-back mui-icon mui-icon-left-nav back item"></div>
- <div
- class="home-btn mui-icon iconfont icon-shouye back mui-pull-right fs20"></div>
- </div>
- </div>
- <div class="mui-content mui-hidden" style="padding-top: 0.9rem;">
- <div class="mui-slider bgcolor1" id="slider" style="height: 5rem;">
- <div class="mui-slider-group mui-slider-loop"></div>
- <div class="mui-slider-indicator"></div>
- <div class="mui-slider-name time mui-text-center fs14" style="padding: 0.1rem"></div>
- </div>
- <div class="mui-table-view product fs14" style="padding: 0.2rem 0.3rem">
- <div class="productName fs16 bold mb5"></div>
- <p class="old_price del-line mb5"></p>
- <div class="items mb5">
- <div class="product-price item"></div>
- <div class="product_num main-color"></div>
- </div>
- <div class="fs14 main-color use_time mb10"></div>
- <div class="btns mui-text-center">
- </div>
- <div class="items mt10 cut-info mui-hidden">
- <div class="item mui-text-center">
- <div class="circle cut-price">0元</div>
- 当前价格
- </div>
- <div class="item mui-text-center">
- <img id="userImg" style="width:1.6rem;height: 1.6rem;display: block;border-radius: 50%;margin: 0px auto;margin-bottom: 5px;">
- <span id="userName"></span>
- </div>
- <div class="item mui-text-center">
- <div class="circle help-num">0人</div>
- 支持人数
- </div>
- </div>
- <div class="items mt10 sale-num-div">
- <span class="mr10 sale-num" style="color:#8f8f94">已售0份</span>
- </div>
- </div>
- <div class="mui-table-view cut-user line-left product mt10 mui-hidden" id="cut-list-div">
- <div class="mui-table-view-cell">
- <div class="items">
- <span class="item fs16" style="border-left: 3px solid #ff6666;padding-left: 10px;">减价好友</span>
- </div>
- </div>
- <div class="mui-table-view-cell cut-list">
- </div>
- </div>
- <ul class="mui-table-view mt10 product fs14 line-left">
- <li class="mui-table-view-cell merchant">
- <img class="mui-media-object mui-pull-left">
- <div class="items fs16">
- <span class="item pr15 mui-ellipsis merchant_name"></span> <span
- class="color2 distance fs14"></span>
- </div>
- <p class="mui-ellipsis-2 fs13 mt10 address"></p>
- </li>
- <li class="mui-table-view-cell fs13 main-color"
- style="padding: 0.15rem 0">
- <div class="mui-table">
- <div class="mui-table-cell mui-col-xs-4 mui-text-center tel">
- <span class="mui-icon mui-icon-phone fs18 mr5"></span><span>电话</span>
- </div>
- <div class="mui-table-cell mui-col-xs-4 mui-text-center map">
- <span class="mui-icon iconfont icon-daohang fs18 mr5"></span><span>导航</span>
- </div>
- <div class="mui-table-cell mui-col-xs-4 mui-text-center comment">
- <span class="mui-icon iconfont icon-xin fs18 mr5"></span><span
- class="comment_num">评价</span>
- </div>
- </div>
- </li>
- </ul>
- <div class="mui-table-view line-left product mt10">
- <div class="mui-table-view-cell">
- <div class="items">
- <span class="item fs16" style="border-left: 3px solid #ff6666;padding-left: 10px;">活动信息</span>
- </div>
- </div>
- </div>
- <div id="detail" class="bgcolor1 pd15"></div>
- <div class="mui-table-view no-line line-left product mt10">
- <div class="mui-table-view-cell">
- <div class="items">
- <span class="item fs16" style="border-left: 3px solid #ff6666;padding-left: 10px;">减价规则</span>
- </div>
- </div>
- <div class="mui-table-view-cell pd5-15">
- <img src="${base}/static/mobile/image/cut-rule.png" style="width: 100%">
- <p class="mt10 color1">1.点击底部“我要报名”按钮参加活动。</p>
- <p class="mt10 color1">2.报名者自己每隔一段时间可以点击“自己减价”随机减少价格。</p>
- <p class="mt10 color1">3.奖品份数有限,不一定非要减到低价,减到您觉得划算就赶紧付款抢下哦。</p>
- <p class="mt10 color1">4.付款后奖品分数自动减少,领完则无法继续报名和减价,请速度哦。</p>
- <p class="mt10 color1">5.减价成功并在线支付后,即可前往活动店铺进行消费,详情请看商家信息。</p>
- </div>
- </div>
- <ul class="mui-table-view line-left product no-line mt10 fs13">
- <li class="mui-table-view-cell">
- <div class="items">
- <span class="item fs16" style="border-left: 3px solid #ff6666;padding-left: 10px;">减价排行榜</span>
- </div>
- </li>
- </ul>
- <div class="userMsg-content">
- <ul id="userMsg" class="mui-table-view line-left product fs14">
- </ul>
- </div>
- <div class="mui-table-view no-bg no-line footer">
- 我也要制作 发布减价活动 <span class="main-color">上饶网</span>
- </div>
- </div>
- <div id="share" style="display: none;">
- <div class="share-bg"></div>
- <img src="${base}/static/mobile/image/fenxiang.png" class="share-img">
- </div>
- <div id="login" class="mui-modal">
- <header class="mui-bar mui-bar-nav">
- <a class="mui-icon mui-icon-left-nav mui-pull-left"></a>
- <h1 class="mui-title">登录</h1>
- </header>
- <div class="mui-content">
- <div class="mui-input-group">
- <div class="mui-input-row">
- <label>手机号码</label> <input id="mobile" type="number"
- placeholder="请输入手机号码" maxlength="11">
- </div>
- <div class="mui-input-row">
- <label>验证码</label> <input id="code" type="text"
- placeholder="请输入验证码">
- <button type="button" id="sendCode"
- class="mui-btn mui-btn-primary mui-btn-outlined"></button>
- </div>
- </div>
- <div class="mui-content-padded">
- <button type="button" id="login-btn"
- class="mui-btn mui-btn-primary mui-btn-block">登录</button>
- </div>
- </div>
- </div>
- </body>
- <script src="${base}/static/mobile/js/cutProductDetail.js?v=${version}"></script>
- </html>
|