zhengwei
/
buying


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144
							<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ include file="meta.jsp"%>
<title>${siteName}</title>
<style>
 	.mui-segmented-control.mui-segmented-control-inverted{
 	    z-index: 111;
	    padding: 0px 15px;
	} 
	#item1 img,#item2 img{
		max-width: 100%;
		display: block;
	}
	#item1 p,#item2 p{
		color:inherit;
	    margin-bottom: 0;
	}
 	.mui-slider .mui-slider-group .mui-slider-item img { 
 	    max-height: 225px; 
 	}
 	.mui-bar-tab .mui-tab-item.mui-active {
	    color: #929292;
	}
	.mui-icon-star{
		color: #B5B5B5;
		font-size: 22px;
	}
	.mui-icon-star-filled{
		color: #FFB400;
		font-size: 22px;
	} 
</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 mui-icon-bars mui-pull-right"></span> -->
	</header>
	<div class="mui-bar mui-bar-tab mui-hidden">
		<a class="mui-tab-item main-bgcolor color0 fs14" href="#toOrder">
			立即兑换
		</a>
	</div>
	<div class="mui-content mui-hidden">
		<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="productInfo">
			<div class="mui-card-content-inner">
				<p class="color1 bold fs16 productName"></p>
				<p class="mb5 productDesc"></p>
				<div class="mui-table">
	                <div class="mui-table-cell mui-col-xs-6  product-price">
	                </div>
	                <div class="mui-table-cell mui-col-xs-6 mui-text-right saleNum">
	                </div>
	            </div>
			</div>
		</div>
		<ul class="mui-table-view mt10">
			<li class="mui-table-view-cell">
				<div class="mui-table">
	                <div class="mui-table-cell mui-col-xs-3">
	                	<span class="mui iconfont icon-complete fs16 color-red"></span><span class="fs12 color1">正品保证</span>
	                </div>
	                <div class="mui-table-cell mui-col-xs-3">
	                	<span class="mui iconfont icon-complete fs16 color-red"></span><span class="fs12 color1">假一赔千</span>
	                </div>
	                <div class="mui-table-cell mui-col-xs-3">
	                	<span class="mui iconfont icon-complete fs16 color-red"></span><span class="fs12 color1">无忧售后</span>
	                </div>
	                <div class="mui-table-cell mui-col-xs-3">
	                	<span class="mui iconfont icon-complete fs16 color-red"></span><span class="fs12 color1">极速配送</span>
	                </div>
	            </div>
			</li>
		</ul>
		<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 id="segmentedControlContents" style="margin-top:50px;">
			<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 line-left fs14">
			
				</ul>
			</div>
		</div>
		<div class="gotop mui-icon iconfont icon-dingbu main-color"></div>
	</div>
	<div id="toOrder" class="mui-popover mui-popover-action mui-popover-bottom bgcolor1">
		<div class="pd15">
			<div class="product-img-border mui-pull-left" style="position: absolute;top:-20px;">
				<img>
			</div>
			<div class="mui-media-body" style="padding-left:110px;">
				<div class="product-title mui-ellipsis-2 productName"></div>
				<div class="product-price"></div>
			</div>
			<div class="items pt15">
				<span class="item">兑换数量</span> 
				<span class="mui-numbox mui-pull-right"data-numbox-min="1">
					<button class="mui-btn mui-btn-numbox-minus" type="button">-</button>
						<input class="mui-input-numbox" type="number" readonly="" value="1">
					<button class="mui-btn mui-btn-numbox-plus" type="button">+</button>
				</span>
			</div>
		</div>
		<div class="mui-text-center main-bgcolor lh44 color0">确定</div>
	</div>
</body>
<script src="${base}/static/mobile/js/integralDetail.js?v=${version}"></script>
</html>