goods.html 21 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428
  1. <html lang="en">
  2. <head>
  3. <meta charset="UTF-8">
  4. <meta content="yes" name="apple-mobile-web-app-capable">
  5. <meta content="yes" name="apple-touch-fullscreen">
  6. <meta content="telephone=no" name="format-detection">
  7. <meta http-equiv="Content-type" content="text/html" charset="UTF-8">
  8. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  9. <meta name="viewport" content="width=320, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
  10. <meta name="viewport" content="width=device-width, target-densityDpi=medium-dpi">
  11. <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
  12. <meta name="viewport"
  13. content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
  14. <meta name="fragment" content="!">
  15. <meta name="HandheldFriendly" content="true">
  16. <link rel="stylesheet" href="css/new.css">
  17. <link rel="stylesheet" href="css/new2.css">
  18. <script src="js/jquery-2.2.3.min.js"></script>
  19. <script src="js/glide.min.js"></script>
  20. <script src="js/new.js"></script>
  21. </head>
  22. <body>
  23. <!--页面加载loading-->
  24. <div id="PageLoading" style="position: fixed;top: 50%;left: 50%;margin-left: -64px;margin-top: -64px;">
  25. <img src="/taiwan/images/loading.gif">
  26. </div>
  27. <!--页面内容-->
  28. <div id="PageWarp" class="page" style="display: none">
  29. <!--&lt;!&ndash;头部导航&ndash;&gt;-->
  30. <!--<div class="detail-header-bg">-->
  31. <!--&lt;!&ndash;transparent&ndash;&gt;-->
  32. <!--<div id="head" class="header-dom">-->
  33. <!--<div class="mui-flex main-dom">-->
  34. <!--<ul class="cell header-nav">-->
  35. <!--<li class="active" onclick="ToTop()">產品</li>-->
  36. <!--<li onclick="ToProductInfo()">產品詳情</li>-->
  37. <!--&lt;!&ndash; <li onclick="ToProductEvaluate()">產品評論</li> &ndash;&gt;-->
  38. <!--</ul>-->
  39. <!--</div>-->
  40. <!--</div>-->
  41. <!--</div>-->
  42. <!--banner区域-->
  43. <div id="content" class="content">
  44. <div class="container">
  45. <div class="group-warp">
  46. <div class="module-wrap">
  47. <div class="module-preview glide">
  48. <div class="nav">
  49. <!--<i class="current">-->
  50. <!--<span class="pagination">1/5</span>-->
  51. <!--</i>-->
  52. <!--<i class="">-->
  53. <!--<span class="pagination">2/5</span>-->
  54. <!--</i>-->
  55. <!--<i class="">-->
  56. <!--<span class="pagination">3/5</span>-->
  57. <!--</i>-->
  58. <!--<i class="">-->
  59. <!--<span class="pagination">4/5</span>-->
  60. <!--</i>-->
  61. <!--<i class="">-->
  62. <!--<span class="pagination">5/5</span>-->
  63. <!--</i>-->
  64. </div>
  65. <div class="mui-slider preview-slider glide__track" data-glide-el="track">
  66. <ul class="scroller preview-scroller glide__slides">
  67. <!--<li class="item slide">-->
  68. <!--<img src="//img.alicdn.com/imgextra/i3/515258907/TB2b0FZC1OSBuNjy0FdXXbDnVXa_!!515258907-0-item_pic.jpg_760x760Q50s50.jpg_.webp">-->
  69. <!--</li>-->
  70. </ul>
  71. </div>
  72. </div>
  73. </div>
  74. <div class="module-wrap">
  75. <div class="module-jhs">
  76. <div class="pricebar">
  77. <div class="subleft avil ">
  78. <div class="price">NT$<strong id="ProductPrice">3000</strong></div>
  79. <div class="information" style="display: inline-block;padding: 0;">
  80. <div class="soldcount"><span id="Discount">ลดราคา54%</span></div>
  81. </div>
  82. <div class="information">
  83. <div class="oprice">NT$
  84. <del id="ProductPrimeCost">149</del>
  85. </div>
  86. <div class="soldcount"><span id="Sold">ยอดขาย1000ชิ้น</span></div>
  87. </div>
  88. </div>
  89. <div class="countdown">
  90. <div id="J_CountDownTxt" class="txt">活動倒計時</div>
  91. <div class="clockrun">
  92. <span class="tuan" id="J_tuanTime"></span>
  93. <span class="num" id="J_TimeHour">36</span><span class="dot">:</span>
  94. <span class="num" id="J_TimeMin">37</span><span class="dot">:</span>
  95. <span class="num" id="J_TimeSec">02</span>
  96. </div>
  97. </div>
  98. </div>
  99. </div>
  100. </div>
  101. </div>
  102. </div>
  103. </div>
  104. <!--产品标题-->
  105. <div class="module-wrap">
  106. <div class="module-title">
  107. <div class="share-warp mui-flex">
  108. <div class="main cell" id="ProductName" style="font-size: 18px;">
  109. หูฟังบรูทูธไร้สายแบบเสียบหู4.1หูฟังแบบเอียร์บัดรองรับ4.0หูฟังสำหรับการขับรถ3
  110. </div>
  111. </div>
  112. </div>
  113. </div>
  114. <!--产品说明-->
  115. <div class="module-wrap">
  116. <div class="module-adds">
  117. <span class="postage" id="Promotion" style="font-size: 16px;font-weight: bolder;">เก็บเงินปลายทาง ค่าไปรษณีย์ฟรี ราคาพิเศษในเวลาจำกัด </span>
  118. </div>
  119. </div>
  120. <!--产品详情-->
  121. <div class="group-warp ProductInfo">
  122. <div class="module-wrap">
  123. <div class="module-desc" id="p-desc">
  124. <div class="scrolltips">
  125. <div class="part-title mui-flex align-center" style="padding:10px 0;color: #fff;background: -webkit-gradient(linear, 0 0, 0 100%, from(#fa215f), to(#fa215f));text-align: left;position: relative;">
  126. <span class="txt fixed" style="color:#fff">產品描述</span>
  127. <span class="txt fixed" style="color:#fff;text-align: right;position: absolute;right: 0;top: 5px;">∨</span>
  128. <span class="txt fixed" style="color:#fff;text-align: right;position: absolute;right: 0;top: 15px;">∨</span></div>
  129. </div>
  130. <div class="container" id="ProductInfo">
  131. </div>
  132. </div>
  133. </div>
  134. </div>
  135. <!--产品评价-->
  136. <div class="group-warp ProductEvaluate">
  137. <div class="module-wrap">
  138. <div class="module-review">
  139. <div class="mui-tagscloud">
  140. <div class="mui-tagscloud-main">
  141. <div class="mui-tagscloud-title" style="font-size: 16px;">產品評論</div>
  142. <div class="mui-tagscloud-comments">
  143. <div class="marquee">
  144. <ul id="comment" style="width: 100%">
  145. <li>
  146. <div>
  147. <span>Oliver </span>
  148. <span style="float: right;"><span
  149. lass="reviewStar size1 star5"></span></span>
  150. </div>
  151. <div>
  152. <p style="margin-bottom: 8px;font-size: 14px">
  153. ได้รับสินค้าแล้วคุณภาพดีมาก
  154. ละเอียดประณีตดูเรียบง่ายและมีระดับ</p>
  155. <p style="position: relative;min-height: 10px;">
  156. <span style="position: absolute;bottom: 0;right: 15px;color:#8f8f94">05/08/2018</span>
  157. </p>
  158. </div>
  159. </li>
  160. <li>
  161. <div>
  162. <span>Muhammed</span>
  163. <span style="float: right;"><span
  164. lass="reviewStar size1 star5"></span></span>
  165. </div>
  166. <div>
  167. <p style="margin-bottom: 8px;font-size: 14px">
  168. ได้รับสินค้าแล้ว คุณภาพดีมาก ละเอียดประณีต
  169. ดูเรียบง่ายและมีระดับ</p>
  170. <p style="position: relative;min-height: 10px;">
  171. <span style="position: absolute;bottom: 0;right: 15px;color:#8f8f94">23/06/2018</span>
  172. </p>
  173. </div>
  174. </li>
  175. <li>
  176. <div>
  177. <span>Harley</span>
  178. <span style="float: right;"><span
  179. lass="reviewStar size1 star5"></span></span>
  180. </div>
  181. <div>
  182. <p style="margin-bottom: 8px;font-size: 14px">
  183. คุณภาพดีมาก บริการลูกค้าดีมาก ส่งของเร็ว ฉันรู้สึกพอใจมาก</p>
  184. <p style="position: relative;min-height: 10px;">
  185. <span style="position: absolute;bottom: 0;right: 15px;color:#8f8f94">23/06/2018</span>
  186. </p>
  187. </div>
  188. </li>
  189. <li>
  190. <div>
  191. <span>Harper </span>
  192. <span style="float: right;"><span
  193. lass="reviewStar size1 star5"></span></span>
  194. </div>
  195. <div>
  196. <p style="margin-bottom: 8px;font-size: 14px">
  197. สินค้ารุ่นนี้คุณภาพดีเยี่ยม จัดส่งรวดเร็ว
  198. พนักงานร้านค้าอัธยาศัยดี</p>
  199. <p style="position: relative;min-height: 10px;">
  200. <span style="position: absolute;bottom: 0;right: 15px;color:#8f8f94">20/04/2018</span>
  201. </p>
  202. </div>
  203. </li>
  204. <li>
  205. <div>
  206. <span>Jenson </span>
  207. <span style="float: right;"><span
  208. lass="reviewStar size1 star5"></span></span>
  209. </div>
  210. <div>
  211. <p style="margin-bottom: 8px;font-size: 14px">
  212. คุ้มค่ามาก</p>
  213. <p style="position: relative;min-height: 10px;">
  214. <span style="position: absolute;bottom: 0;right: 15px;color:#8f8f94">17/07/2018</span>
  215. </p>
  216. </div>
  217. </li>
  218. <li>
  219. <div>
  220. <span>Stanley</span>
  221. <span style="float: right;"><span
  222. lass="reviewStar size1 star5"></span></span>
  223. </div>
  224. <div>
  225. <p style="margin-bottom: 8px;font-size: 14px">
  226. คุณภาพดี วันหลังจะมาซื้อใหม่</p>
  227. <p style="position: relative;min-height: 10px;">
  228. <span style="position: absolute;bottom: 0;right: 15px;color:#8f8f94">25/07/2018</span>
  229. </p>
  230. </div>
  231. </li>
  232. <li>
  233. <div>
  234. <span>Darcie</span>
  235. <span style="float: right;"><span
  236. lass="reviewStar size1 star5"></span></span>
  237. </div>
  238. <div>
  239. <p style="margin-bottom: 8px;font-size: 14px">
  240. ไม่รับของแล้ว ดีมาก</p>
  241. <p style="position: relative;min-height: 10px;">
  242. <span style="position: absolute;bottom: 0;right: 15px;color:#8f8f94">10/05/2018</span>
  243. </p>
  244. </div>
  245. </li>
  246. <li>
  247. <div>
  248. <span>Luna </span>
  249. <span style="float: right;"><span
  250. lass="reviewStar size1 star5"></span></span>
  251. </div>
  252. <div>
  253. <p style="margin-bottom: 8px;font-size: 14px">
  254. ได้รับพัสดุแล้ว พนักงานร้านค้าอัธยาศัยดีมาก</p>
  255. <p style="position: relative;min-height: 10px;">
  256. <span style="position: absolute;bottom: 0;right: 15px;color:#8f8f94">05/6/2018</span>
  257. </p>
  258. </div>
  259. </li>
  260. <li>
  261. <div>
  262. <span>Bluebell</span>
  263. <span style="float: right;"><span
  264. lass="reviewStar size1 star5"></span></span>
  265. </div>
  266. <div>
  267. <p style="margin-bottom: 8px;font-size: 14px">
  268. พนักงานอบอุ่นดี คุณภาพสินค้าก็โอเค</p>
  269. <p style="position: relative;min-height: 10px;">
  270. <span style="position: absolute;bottom: 0;right: 15px;color:#8f8f94">02/07/2018</span>
  271. </p>
  272. </div>
  273. </li>
  274. </ul>
  275. </div>
  276. </div>
  277. </div>
  278. </div>
  279. </div>
  280. </div>
  281. </div>
  282. <!--购买按钮-->
  283. <section class="actionBar-bg">
  284. <div id="s-actionBar-container">
  285. <div class="action-bar-wrap j-bottom-bar">
  286. <div class="trade">
  287. <a class="buy" onclick="showPage()" href="javascript:void(0);">購買</a>
  288. </div>
  289. </div>
  290. </div>
  291. </section>
  292. <!--客服按钮-->
  293. <div class="show_contact" style="display: block;position: fixed;bottom: 75px;right: 15px;z-index: 99;">
  294. <div class="show_contact_box"
  295. style="background: #129BF4;border-radius: 50%;width: 50px;height: 50px;display: block;text-align: center;">
  296. <a href="https://www.facebook.com/pg/MinimatterTimes" style="display: block">
  297. <img src="images/kf.png" style="margin-top: 5px;width: 40px;display: inline-block;">
  298. </a>
  299. </div>
  300. </div>
  301. </div>
  302. <div id="page-order">
  303. <div class="tt" style="font-size: 16px;">
  304. <div class="back" onclick="showPage()" href="javascript:void(0);"></div>
  305. 選擇產品功能
  306. </div>
  307. <div class="dt-paramselect">
  308. <div class="u-format count_classs">
  309. <div class="tt">系列</div>
  310. <div class="con">
  311. </div>
  312. </div>
  313. <div class="meal">
  314. <div class="u-format count_atrr">
  315. <div class="tt">顏色分類:<span></span></div>
  316. <div class="con">
  317. </div>
  318. </div>
  319. <div class="u-format count_size">
  320. <div class="tt">大小</div>
  321. <div class="con">
  322. </div>
  323. </div>
  324. </div>
  325. <!--<div class="meal secondsetmeal" style="display:none">-->
  326. <!--</div>-->
  327. <div class="u-fornum">
  328. <span>購買數量 :</span>
  329. <div class="con">
  330. <div class="m-selnum dr">
  331. <div onclick="minnumber()" class="less z-dis">-</div>
  332. <div class="textWrap">
  333. <div class="num" id="number">1</div>
  334. </div>
  335. <div onclick="addnumber()" class="more">+</div>
  336. </div>
  337. <div>
  338. <a onclick="goShop()" href="javascript:void(0);">購買</a>
  339. </div>
  340. </div>
  341. </div>
  342. </div>
  343. </div>
  344. <!--position: fixed;-->
  345. <!--top: 0px;-->
  346. <!--scroll-behavior: unset;-->
  347. <script type="text/javascript">
  348. window._pt_lt = new Date().getTime();
  349. window._pt_sp_2 = [];
  350. _pt_sp_2.push('setAccount,19c40fc9');
  351. var _protocol = (("https:" == document.location.protocol) ? " https://" : " http://");
  352. (function () {
  353. var atag = document.createElement('script');
  354. atag.type = 'text/javascript';
  355. atag.async = true;
  356. atag.src = _protocol + 'js.ptengine.cn/19c40fc9.js';
  357. var s = document.getElementsByTagName('script')[0];
  358. s.parentNode.insertBefore(atag, s);
  359. })();
  360. </script>
  361. </body>
  362. </html>
  363. <!-- Global site tag (gtag.js) - Google Analytics -->
  364. <script async="" src="https://www.googletagmanager.com/gtag/js?id=UA-122583135-1"></script>
  365. <script>
  366. window.dataLayer = window.dataLayer || [];
  367. function gtag() {
  368. dataLayer.push(arguments);
  369. }
  370. gtag('js', new Date());
  371. gtag('config', 'UA-122583135-1');
  372. </script>
  373. <!-- Facebook Pixel Code -->
  374. <script>
  375. !function(f,b,e,v,n,t,s)
  376. {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
  377. n.callMethod.apply(n,arguments):n.queue.push(arguments)};
  378. if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
  379. n.queue=[];t=b.createElement(e);t.async=!0;
  380. t.src=v;s=b.getElementsByTagName(e)[0];
  381. s.parentNode.insertBefore(t,s)}(window, document,'script',
  382. 'https://connect.facebook.net/en_US/fbevents.js');
  383. fbq('init', '524976641351633');
  384. fbq('track', 'PageView');
  385. </script>
  386. <noscript>< img height="1" width="1" style="display:none"
  387. src="https://www.facebook.com/tr?id=524976641351633&ev=PageView&noscript=1"
  388. /></noscript>
  389. <!-- End Facebook Pixel Code -->