Sākums Izpētīt Palīdzība
Reģistrēties Pierakstīties
zhengwei
/
buying
1
0
Atdalīts 0
Faili Problēmas 0 Izmaiņu pieprasījumi 0 Vikivietne
Koks: 9d8ea01bb4
Atzari Tagi
buying
/
WebContent
/
mobile
/
integralDetail.jsp

integralDetail.jsp 5.4 KB
Vēsture Neapstrādāts

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144 
  1. <%@ page language="java" contentType="text/html; charset=UTF-8"
    2. 

  2. 	pageEncoding="UTF-8"%>
    3. 

  3. <%@ include file="meta.jsp"%>
    4. 

  4. <title>${siteName}</title>
    5. 

  5. <style>
    6. 

  6.  	.mui-segmented-control.mui-segmented-control-inverted{
    7. 

  7.  	    z-index: 111;
    8. 

  8. 	    padding: 0px 15px;
    9. 

  9. 	} 
    10. 

  10. 	#item1 img,#item2 img{
    11. 

  11. 		max-width: 100%;
    12. 

  12. 		display: block;
    13. 

  13. 	}
    14. 

  14. 	#item1 p,#item2 p{
    15. 

  15. 		color:inherit;
    16. 

  16. 	    margin-bottom: 0;
    17. 

  17. 	}
    18. 

  18.  	.mui-slider .mui-slider-group .mui-slider-item img { 
    19. 

  19.  	    max-height: 225px; 
    20. 

  20.  	}
    21. 

  21.  	.mui-bar-tab .mui-tab-item.mui-active {
    22. 

  22. 	    color: #929292;
    23. 

  23. 	}
    24. 

  24. 	.mui-icon-star{
    25. 

  25. 		color: #B5B5B5;
    26. 

  26. 		font-size: 22px;
    27. 

  27. 	}
    28. 

  28. 	.mui-icon-star-filled{
    29. 

  29. 		color: #FFB400;
    30. 

  30. 		font-size: 22px;
    31. 

  31. 	} 
    32. 

  32. </style>
    33. 

  33. </head>
    34. 

  34. 

  35. <body>
    36. 

  36. 	<header id="header" class="mui-bar mui-bar-nav">
    37. 

  37. 		<a class="back-btn mui-action-back mui-icon mui-icon-left-nav mui-pull-left "></a>
    38. 

  38. 		<h1 class="mui-title">商品详情</h1>
    39. 

  39. <!-- 		<span class="mui-icon mui-icon-bars mui-pull-right"></span> -->
    40. 

  40. 	</header>
    41. 

  41. 	<div class="mui-bar mui-bar-tab mui-hidden">
    42. 

  42. 		<a class="mui-tab-item main-bgcolor color0 fs14" href="#toOrder">
    43. 

  43. 			立即兑换
    44. 

  44. 		</a>
    45. 

  45. 	</div>
    46. 

  46. 	<div class="mui-content mui-hidden">
    47. 

  47. 		<div class="mui-slider bgcolor1" id="slider" style="height:230px;">
    48. 

  48. 			<div class="mui-slider-group mui-slider-loop">
    49. 

  49. 			</div>
    50. 

  50. 			<div class="mui-slider-indicator">
    51. 

  51. 			</div>
    52. 

  52. 		</div>
    53. 

  53. 		<div class="mui-table-view" id="productInfo">
    54. 

  54. 			<div class="mui-card-content-inner">
    55. 

  55. 				<p class="color1 bold fs16 productName"></p>
    56. 

  56. 				<p class="mb5 productDesc"></p>
    57. 

  57. 				<div class="mui-table">
    58. 

  58. 	                <div class="mui-table-cell mui-col-xs-6  product-price">
    59. 

  59. 	                </div>
    60. 

  60. 	                <div class="mui-table-cell mui-col-xs-6 mui-text-right saleNum">
    61. 

  61. 	                </div>
    62. 

  62. 	            </div>
    63. 

  63. 			</div>
    64. 

  64. 		</div>
    65. 

  65. 		<ul class="mui-table-view mt10">
    66. 

  66. 			<li class="mui-table-view-cell">
    67. 

  67. 				<div class="mui-table">
    68. 

  68. 	                <div class="mui-table-cell mui-col-xs-3">
    69. 

  69. 	                	<span class="mui iconfont icon-complete fs16 color-red"></span><span class="fs12 color1">正品保证</span>
    70. 

  70. 	                </div>
    71. 

  71. 	                <div class="mui-table-cell mui-col-xs-3">
    72. 

  72. 	                	<span class="mui iconfont icon-complete fs16 color-red"></span><span class="fs12 color1">假一赔千</span>
    73. 

  73. 	                </div>
    74. 

  74. 	                <div class="mui-table-cell mui-col-xs-3">
    75. 

  75. 	                	<span class="mui iconfont icon-complete fs16 color-red"></span><span class="fs12 color1">无忧售后</span>
    76. 

  76. 	                </div>
    77. 

  77. 	                <div class="mui-table-cell mui-col-xs-3">
    78. 

  78. 	                	<span class="mui iconfont icon-complete fs16 color-red"></span><span class="fs12 color1">极速配送</span>
    79. 

  79. 	                </div>
    80. 

  80. 	            </div>
    81. 

  81. 			</li>
    82. 

  82. 		</ul>
    83. 

  83. 		<div id="segmentedControls" class="mui-segmented-control 
    84. 

  84. 			mui-segmented-control-inverted mui-segmented-control-primary bgcolor1 mt10">
    85. 

  85. 			<a class="mui-control-item mui-active" href="#item1">
    86. 

  86. 				商品详情
    87. 

  87. 			</a>
    88. 

  88. 			<a class="mui-control-item" href="#item2">
    89. 

  89. 				规格参数
    90. 

  90. 			</a>
    91. 

  91. 			<a class="mui-control-item" href="#item3">
    92. 

  92. 				用户评论
    93. 

  93. 			</a>
    94. 

  94. 		</div>
    95. 

  95. <!-- 			<div class="mui-input-group mt10"> -->
    96. 

  96. <!-- 				<div class="mui-input-row"> -->
    97. 

  97. <!-- 					<label>购买数量</label> -->
    98. 

  98. <!-- 					<div class="mui-numbox mui-pull-right" data-numbox-min="1"> -->
    99. 

  99. <!-- 						<button class="mui-btn mui-btn-numbox-minus" type="button" disabled="">-</button> -->
    100. 

  100. <!-- 						<input class="mui-input-numbox bgcolor1" type="number" value="1"> -->
    101. 

  101. <!-- 						<button class="mui-btn mui-btn-numbox-plus" type="button">+</button> -->
    102. 

  102. <!-- 					</div> -->
    103. 

  103. <!-- 				</div> -->
    104. 

  104. <!-- 			</div> -->
    105. 

  105. <!-- 	        <div class="mui-table-view mt10"> -->
    106. 

  106. <!-- 				<div class="mui-table-view-cell fs14">热销推荐</div> -->
    107. 

  107. <!-- 			</div> -->
    108. 

  108. <!-- 			<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> -->
    109. 

  109. 		<div id="segmentedControlContents" style="margin-top:50px;">
    110. 

  110. 			<div id="item1" class="mui-control-content mui-active bgcolor1 pd15">
    111. 

  111. 			</div>
    112. 

  112. 			<div id="item2" class="mui-control-content bgcolor1 pd15">
    113. 

  113. 			</div>
    114. 

  114. 			<div id="item3" class="mui-control-content">
    115. 

  115. 				<ul class="mui-table-view line-left fs14">
    116. 

  116. 			
    117. 

  117. 				</ul>
    118. 

  118. 			</div>
    119. 

  119. 		</div>
    120. 

  120. 		<div class="gotop mui-icon iconfont icon-dingbu main-color"></div>
    121. 

  121. 	</div>
    122. 

  122. 	<div id="toOrder" class="mui-popover mui-popover-action mui-popover-bottom bgcolor1">
    123. 

  123. 		<div class="pd15">
    124. 

  124. 			<div class="product-img-border mui-pull-left" style="position: absolute;top:-20px;">
    125. 

  125. 				<img>
    126. 

  126. 			</div>
    127. 

  127. 			<div class="mui-media-body" style="padding-left:110px;">
    128. 

  128. 				<div class="product-title mui-ellipsis-2 productName"></div>
    129. 

  129. 				<div class="product-price"></div>
    130. 

  130. 			</div>
    131. 

  131. 			<div class="items pt15">
    132. 

  132. 				<span class="item">兑换数量</span> 
    133. 

  133. 				<span class="mui-numbox mui-pull-right"data-numbox-min="1">
    134. 

  134. 					<button class="mui-btn mui-btn-numbox-minus" type="button">-</button>
    135. 

  135. 						<input class="mui-input-numbox" type="number" readonly="" value="1">
    136. 

  136. 					<button class="mui-btn mui-btn-numbox-plus" type="button">+</button>
    137. 

  137. 				</span>
    138. 

  138. 			</div>
    139. 

  139. 		</div>
    140. 

  140. 		<div class="mui-text-center main-bgcolor lh44 color0">确定</div>
    141. 

  141. 	</div>
    142. 

  142. </body>
    143. 

  143. <script src="${base}/static/mobile/js/integralDetail.js?v=${version}"></script>
    144. 

  144. </html>
    145.