123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127 |
- <%@ page language="java" contentType="text/html; charset=UTF-8"
- pageEncoding="UTF-8"%>
- <%@ include file="meta.jsp"%>
- <%-- <link rel="stylesheet" href="${base}/static/mui/css/mui.picker.all.css"> --%>
- <%-- <script src="${base}/static/mui/js/mui.picker.all.js"></script> --%>
- <title>${siteName}</title>
- <style>
- /* .mui-segmented-control.mui-segmented-control-inverted{ */
- /* width:60%; */
- /* top:0; */
- /* } */
- /* .mui-segmented-control .mui-control-item{ */
- /* line-height: 44px; */
- /* } */
- /* .mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active{ */
- /* border-bottom: 0; */
- /* } */
- .mui-segmented-control.mui-segmented-control-inverted{
- z-index: 111;
- border-bottom:1px solid #e4e3e6;
- border-top:1px solid #e4e3e6;
- padding: 0px 15px;
- }
- #item1 img,#item2 img{
- max-width: 100%;
- display: block;
- }
- #item1 p,#item2 p{
- color:inherit;
- margin-bottom: 0;
- }
- .mui-numbox [class*=numbox-btn], .mui-numbox [class*=btn-numbox] {
- width: 30px;
- }
- .mui-input-row .mui-numbox {
- float: right;
- margin: 5px 15px;
- }
- .mui-slider .mui-slider-group .mui-slider-item img {
- max-height: 225px;
- }
- </style>
- </head>
- <body>
- <header id="header" class="mui-bar mui-bar-nav">
- <a class="back-btn mui-action-back mui-icon mui-icon-left-nav mui-pull-left "></a>
- <h1 class="mui-title">商品详情</h1>
- <span class="mui-icon iconfont icon-gouwuche mui-pull-right"><span class="mui-badge mui-hidden"></span></span>
- </header>
- <div class="mui-bar mui-bar-tab">
- <a class="mui-tab-item" id="tel" style="width:0.5%;border-right: 1px solid #ddd;">
- <span class="mui-icon mui-icon-phone"></span>
- <span class="mui-tab-label">咨询</span>
- </a>
- <a class="mui-tab-item" style="width:0.5%;">
- <span class="mui-icon mui-icon-star"></span>
- <span class="mui-tab-label">收藏</span>
- </a>
- <a class="mui-tab-item price-bgcolor color0 fs14" style="color:#929292;">
- 加入水库
- </a>
- <a class="mui-tab-item main-bgcolor color0 fs14" id="toOrder">
- 立即购买
- </a>
- </div>
- <div class="mui-content">
- <div class="mui-slider bgcolor1" id="slider" style="height:230px;">
- <div class="mui-slider-group mui-slider-loop">
- </div>
- <div class="mui-slider-indicator">
- </div>
- </div>
- <div class="mui-table-view" id="skuInfo">
- <div class="mui-card-content-inner">
- <p class="color1 mb5 bold fs16" id="sku_name"></p>
- <p class="mb5" id="simple_dec"></p>
- <div class="mui-table">
- <div class="mui-table-cell mui-col-xs-6" id="count">
- </div>
- <div class="mui-table-cell mui-col-xs-6 mui-text-right price-color" id="sku_price">
- </div>
- </div>
- </div>
- </div>
- <div id="segmentedControls" class="mui-segmented-control
- mui-segmented-control-inverted mui-segmented-control-primary bgcolor1 mt10">
- <a class="mui-control-item mui-active" href="#item1">
- 商品详情
- </a>
- <a class="mui-control-item" href="#item2">
- 规格参数
- </a>
- <a class="mui-control-item" href="#item3">
- 用户评论
- </a>
- </div>
- <!-- <div class="mui-input-group mt10"> -->
- <!-- <div class="mui-input-row"> -->
- <!-- <label>购买数量</label> -->
- <!-- <div class="mui-numbox mui-pull-right" data-numbox-min="1"> -->
- <!-- <button class="mui-btn mui-btn-numbox-minus" type="button" disabled="">-</button> -->
- <!-- <input class="mui-input-numbox bgcolor1" type="number" value="1"> -->
- <!-- <button class="mui-btn mui-btn-numbox-plus" type="button">+</button> -->
- <!-- </div> -->
- <!-- </div> -->
- <!-- </div> -->
- <!-- <div class="mui-table-view mt10"> -->
- <!-- <div class="mui-table-view-cell fs14">热销推荐</div> -->
- <!-- </div> -->
- <!-- <ul class="mui-table-view product"><li class="mui-table-view-cell mui-media" data-id="2"><div class="product-img mui-pull-left"><img src="http://192.168.1.106:8010/product/a892453b08be4b37b3c3966b4ddbee6b.png"></div><div class="mui-media-body pl10"><p class="product-title">恒大(天然矿泉水) 18.9L</p><p>销量:0</p><p class="product-price"><em><b>¥</b>35</em></p></div></li></ul> -->
- <div style="margin-top:51px;">
- <div id="item1" class="mui-control-content mui-active bgcolor1 pd15">
- </div>
- <div id="item2" class="mui-control-content bgcolor1 pd15">
- </div>
- <div id="item3" class="mui-control-content">
- <ul class="mui-table-view">
-
- </ul>
- </div>
- </div>
- <div class="gotop mui-icon iconfont icon-dingbu main-color"></div>
- </div>
- </body>
- <script src="${base}/static/mobile/js/productDetail.js?v=${version}"></script>
- </html>
|