showgoods.html 52 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430143114321433143414351436143714381439144014411442144314441445144614471448144914501451145214531454145514561457145814591460146114621463146414651466146714681469147014711472147314741475147614771478147914801481148214831484148514861487148814891490149114921493149414951496149714981499150015011502150315041505150615071508150915101511151215131514151515161517151815191520152115221523152415251526152715281529153015311532153315341535153615371538153915401541
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
  6. <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
  7. <title></title>
  8. <link rel="stylesheet" type="text/css" href="../../css/api.css" />
  9. <link rel="stylesheet" type="text/css" href="../../css/weui.min.css" />
  10. <link rel="stylesheet" type="text/css" href="../../css/iconfont.css" />
  11. <link rel="stylesheet" type="text/css" href="../../css/style.css" />
  12. <link rel="stylesheet" type="text/css" href="../../css/star-rating-svg.css" />
  13. <link rel="stylesheet" type="text/css" href="../../css/swiper.min.css" />
  14. <style>
  15. .back-header {
  16. background: rgb(0, 0, 0, 0);
  17. }
  18. .swiper-container {
  19. width: 100% !important;
  20. height: 7.5rem;
  21. }
  22. .swiper-slide img {
  23. width: 7.5rem;
  24. height: 7.5rem;
  25. object-fit:cover;
  26. }
  27. .goods-btn{
  28. margin:auto;
  29. width:60%;
  30. }
  31. .goods-btn span{
  32. height:100%;
  33. width:50%;
  34. float:left;
  35. }
  36. .goods-btn-active{
  37. border-bottom:2px solid #D9251C;
  38. }
  39. .goods-desc{
  40. /*height:86px;*/
  41. }
  42. .font-rem11 {
  43. color: #000;
  44. }
  45. .goods-costprice {
  46. color: #999;
  47. }
  48. .goods-desc li{
  49. float:left;
  50. /*width:50%;*/
  51. }
  52. .buy-btn{
  53. width:100%;
  54. height: 1rem;
  55. /*border-top: 0.02rem solid #e8e8e8;*/
  56. position:fixed;
  57. bottom:0px;
  58. background:#ffffff;
  59. z-index: 9;
  60. }
  61. .buy-btn-wid{
  62. width:50px;
  63. }
  64. .buy-btn li{
  65. float: right;
  66. border-right: 0.01rem solid #e8e8e8;
  67. text-align:center;
  68. height: 1rem;
  69. line-height: 1rem;
  70. }
  71. .home-ads {
  72. height: auto;
  73. }
  74. .buy-btn img{
  75. width: 0.42rem;
  76. vertical-align: middle;
  77. }
  78. .buy-btn-item{
  79. width:50%;
  80. float:right;
  81. background: #d9251c;
  82. color:#ffffff;
  83. }
  84. .goods-desc-right{
  85. /*width:120px;height:100%;*/
  86. float:right;
  87. }
  88. .goods-desc-right ul{
  89. width:100%;
  90. margin:0px;
  91. }
  92. .goods-desc-right li{
  93. float:right;
  94. }
  95. .goods-desc-mtotal {
  96. /*width:100%;*/
  97. text-align:right;
  98. padding: 0.5rem 0 0.3rem 0;
  99. clear:both;
  100. font-size: 0.24rem;
  101. color: #999;
  102. }
  103. span#goods_name.goods-desc-item.font-rem11 {
  104. white-space: nowrap;
  105. overflow: hidden;
  106. text-overflow: ellipsis;
  107. height: auto;
  108. line-height: unset;
  109. width: inherit;
  110. }
  111. .goods-desc-mtotal span#sale-number {
  112. color: #999;
  113. }
  114. .goods-desc-percentage{
  115. text-align: right;
  116. border-left: 0.01rem solid #e8e8e8;
  117. width: auto;
  118. padding: 0 0.07rem 0px 15px;
  119. font-size: 0.24rem;
  120. }
  121. .mask-goods{
  122. position:fixed;
  123. left:0px;right:0px;bottom: 1.001rem;
  124. background: rgba(0, 0, 0, 0.5);
  125. z-index:999999;
  126. }
  127. .goods-size{
  128. width:100%;
  129. position:absolute;
  130. left:0px;right:0px;
  131. bottom:0px;
  132. background:#ffffff;
  133. padding: 0 0.32rem 0.48rem 0.32rem;
  134. box-sizing:border-box;
  135. z-index:9999;
  136. }
  137. .goods-size-title li img#goods_image {
  138. width: 1.76rem;
  139. /*height: 1.76rem;*/
  140. position: absolute;
  141. top: -0.33rem;
  142. border-radius: 0.2em;
  143. }
  144. .goods-size-title li{
  145. float:left;
  146. }
  147. #regoods_price {
  148. font-size: 0.28rem;
  149. color: #000;
  150. padding: 0.28rem 0;
  151. }
  152. #goods-size-item {
  153. color: #777;
  154. font-size: 0.22rem;
  155. }
  156. .goods-tag-item{
  157. font-size: 0.24rem;
  158. width:100%;
  159. line-height: 0.6rem;
  160. height: 0.6rem;
  161. }
  162. .iconfont {
  163. color: #ffffff;
  164. }
  165. .goods-tag{
  166. font-size: 0.28rem;
  167. padding:8px;
  168. border:1px solid #e8e8e8;
  169. border-radius:3px;
  170. margin-right:5px;
  171. margin-top:5px;
  172. }
  173. .goods-tag-active{
  174. border:1px solid #d9251c;
  175. color:#d9251c;
  176. }
  177. .close-goods-size{
  178. font-size: 0.4rem;
  179. position:absolute;
  180. right: 0.32rem;
  181. top: 0rem;
  182. color:#999999;
  183. font-weight: 300;
  184. padding-top: 0.28rem;
  185. }
  186. .goods-tab-b-line{
  187. width: 100%;
  188. height: 0.8rem;
  189. line-height: 0.8rem;
  190. background: #fafafa;
  191. /*position: fixed;*/
  192. z-index: 3;
  193. }
  194. .goods-tab2 {
  195. padding-bottom: 1rem;
  196. /*padding-top: 0.7rem;*/
  197. }
  198. .goods-tab-b-line div{
  199. float:left;
  200. width:50%;
  201. text-align:center;
  202. box-sizing:border-box;
  203. }
  204. .goods-tab-active{
  205. color:#D9251C;
  206. border-bottom:2px solid #D9251C;
  207. }
  208. #goods-content img{
  209. width: 100%;
  210. margin-bottom: -0.03rem;
  211. }
  212. .add-num li {
  213. height: 0.6rem;
  214. line-height: 0.6rem;
  215. }
  216. .goods-tab-btn2{
  217. min-width:60px;
  218. }
  219. .chances{
  220. color:#d9251c;
  221. }
  222. .back-imgs{
  223. position: absolute;
  224. left:15px;
  225. top:15px;
  226. }
  227. #goods-issue{
  228. width: 100%;
  229. word-wrap:break-word;
  230. }
  231. .share-item{
  232. position:fixed;
  233. left:0px;right:0px;
  234. bottom:0px;
  235. height: 3.9rem;
  236. background:#f2f2f2;
  237. border-top:1px solid #E8E8E8;
  238. z-index:9999;
  239. }
  240. .share-item-tips{
  241. height: 0.28rem;
  242. line-height: 0.28rem;
  243. width:100%;
  244. text-align:center;
  245. font-size: 0.28rem;
  246. padding: 0.38rem 0;
  247. }
  248. .share-item-cent{
  249. height: 1.8rem;
  250. width: 100%;
  251. }
  252. .share-item-cent li{
  253. width:33.3%;
  254. text-align:center;
  255. float:left;
  256. font-size: 0.28rem;
  257. }
  258. .share-item-cent img{
  259. width: 0.9rem;
  260. }
  261. .share-item-cancel{
  262. height: 0.98rem;
  263. line-height: 0.98rem;
  264. width:100%;
  265. text-align:center;
  266. background:#ffffff;
  267. font-size: 0.28rem;
  268. }
  269. .header-mask{
  270. position:fixed;width:100%;height:70px;z-index:2;background:#ffffff;
  271. }
  272. .weui-mask {
  273. position: fixed;
  274. z-index: 3;
  275. top: 0;
  276. right: 0;
  277. left: 0;
  278. bottom: 0;
  279. background: rgba(0, 0, 0, .6);
  280. }
  281. .weui-mask_transparent{
  282. position: fixed;
  283. z-index: 3;
  284. top: 0;
  285. right: 0;
  286. left: 0;
  287. bottom: 0;
  288. }
  289. .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
  290. bottom: 0;
  291. }
  292. .swiper-pagination-bullet {
  293. background: #fff;
  294. opacity: .8;
  295. }
  296. .swiper-pagination-bullet-active {
  297. background: #d9251c;
  298. }
  299. #goods_price_span span.down {
  300. color: #d9251c;
  301. padding-left: 0.2rem;
  302. font-size: 0.24rem;
  303. }
  304. .feed-item{
  305. /*width:100%;*/
  306. border-bottom: 1px solid #e8e8e8;
  307. position:relative;
  308. padding: 0.2rem 0.32rem;
  309. }
  310. .feed-item ul{
  311. width:100%;
  312. clear: both;
  313. }
  314. .fl {
  315. float:left;
  316. }
  317. .feed-item-right{
  318. padding-left: 0.2rem;
  319. }
  320. .feed-item-titel{
  321. font-size: 0.24rem;
  322. color: #999;
  323. padding: 0.2rem 0;
  324. }
  325. .user-head{
  326. width: 0.7rem;
  327. height: 0.7rem;
  328. border-radius:50%;
  329. }
  330. .feed-img{
  331. float: left;
  332. width: 1.2rem;
  333. height: 1.2rem;
  334. padding-right: 0.3rem;
  335. }
  336. .my-rating{
  337. position: absolute;
  338. right: 0.32rem;
  339. top: 0.2rem;
  340. }
  341. .my-rating .jq-star {
  342. width: 0.3rem !important;
  343. height: 0.3rem !important;
  344. }
  345. .no_active {
  346. border: #eee 1px solid;
  347. color: #aaa;
  348. }
  349. .back-top {
  350. bottom: 60px;
  351. }
  352. .nav_fixed {
  353. position: fixed;
  354. margin-top: 0.86rem;
  355. top: 0;
  356. }
  357. .goods-tab-b.goods-tab img {
  358. max-width: 100% !important;
  359. height: auto !important;
  360. }
  361. .buy-kuc-tip {
  362. display: none;
  363. }
  364. </style>
  365. <script>
  366. (function(w, d, m) {
  367. function r() {
  368. var t = 100,
  369. o = 750,
  370. e = d.documentElement.clientWidth || w.innerWidth,
  371. n = m.max(m.min(e, 480), 320),
  372. h = 50;
  373. 320 >= n && (h = m.floor(n / o * t * .99)),
  374. n > 320 && 362 >= n && (h = m.floor(n / o * t * 1)),
  375. n > 362 && 375 >= n && (h = m.floor(n / o * t * 1)),
  376. n > 375 && (h = m.floor(n / o * t * .97)),
  377. d.querySelector("html").style.fontSize = (e/7.5) + "px"
  378. };
  379. r();
  380. w.onresize = function() {
  381. r()
  382. }
  383. })(window, document, Math);
  384. </script>
  385. </head>
  386. <body class="box">
  387. <div class="topbar"></div>
  388. <header class="back-header" id="fix1">
  389. <ul>
  390. <li style="width: 0.66rem;" class="back-btn">
  391. <div class="hotel-top-back"><span class="iconfont">&#xe61e;</span></div>
  392. </li>
  393. <li style="width: 5.5rem;">
  394. <div class="goods-btn font-rem11" style="text-align: center;margin: auto;">
  395. <span class="goods-btn-active goods-tab-btn font-rem11 goods-tab-btn-a" tag="goods-tab-a">商品</span>
  396. <span class="goods-tab-btn font-rem11 goods-tab-btn-b" tag="goods-tab-b">详情</span>
  397. </div>
  398. </li>
  399. <li style="width: 0.66rem;">
  400. <div class="hotel-top-back" id="share-btn" style="float:right;"><span class="iconfont">&#xe648;</span></div>
  401. </li>
  402. </ul>
  403. </header>
  404. <div class="goods-tab-a goods-tab">
  405. <div class="home-ads">
  406. <div class="swiper-container">
  407. <div class="swiper-wrapper">
  408. </div>
  409. <div class="swiper-pagination"></div>
  410. </div>
  411. </div>
  412. <div class="h10"></div>
  413. <section>
  414. <div class="goods-desc">
  415. <ul>
  416. <li style="width: 5.1rem;">
  417. <span class="goods-desc-item font-rem11" id="goods_name"></span>
  418. <p style="font-size: 0.26rem;color: #999;padding: 0.2rem 0 0.2rem 0px;">购买得<span class="goods-costprice">0</span>圈币</p>
  419. <p class="goods-desc-item color-red" id="goods_price_span" style="color: #d9251c;">¥<span id="goods_price" class="color-red" style="color: #d9251c;"></span> <span class="line-through"></span></p>
  420. </li>
  421. <li style="width: 1.7rem;">
  422. <div class="goods-desc-right">
  423. <ul class="show-feedgoods">
  424. <li style="line-height: 0.58rem;"><span class="iconfont" style="color: #999;">&#xe62e;</span></li>
  425. <li class="goods-desc-percentage"><span class="goods-desc-item color-red" style="color: #d9251c;"><span id="praise" style="color: #d9251c;">0</span>%</span>
  426. <p>好评率</p>
  427. </li>
  428. </ul>
  429. <div class="goods-desc-mtotal">月销售 <span id="sale-number">0</span></div>
  430. </div>
  431. </li>
  432. </ul>
  433. </div>
  434. </section>
  435. <div class="back-h50"></div>
  436. <div class="my-order padding-08 select-goods-size font-rem11" style="border-bottom: none;">规格数量选择<span class="right-tag iconfont" style="color: #999;">&#xe62e;</span></div>
  437. <div class="back-h50"></div>
  438. <div class="feed-list">
  439. <div class="my-order padding-08 feedgoods font-rem11" style="border-bottom: none;">
  440. 评价<span class="right-tag iconfont" style="color: #999;">&#xe62e;</span>
  441. </div>
  442. </div>
  443. <div class="back-h50"></div>
  444. </div>
  445. <div class="mask-goods mask-hidden">
  446. <div class="goods-size mask-hidden">
  447. <div class="goods-size-title">
  448. <ul>
  449. <li style="position: relative;"><img id="goods_image" src="../../image/0002.jpg" /></li>
  450. <li style="margin-left: 1.95rem;color: #000;">¥<span id="regoods_price"></span>
  451. <p id="goods-size-item">
  452. <span class="default-item1">请选择规格数量</span>
  453. </p>
  454. </li>
  455. <li><span class="close-goods-size iconfont">&#xeb6a;</span></li>
  456. </ul>
  457. </div>
  458. <div class="h2" style="padding-top: 0.33rem;"></div>
  459. <div class="goods-size-item">
  460. </div>
  461. <div class="goods-tag-item"><span>数量</span>
  462. <div class="add-num">
  463. <ul>
  464. <li class="num-down">-</li>
  465. <li><input class="buy-num" id="buy-num" data-kuc="1" type="tel" value="1" /></li>
  466. <li style="border-right:none;" class="num-up">+</li>
  467. </ul>
  468. </div>
  469. </div>
  470. </div>
  471. </div>
  472. <div class="goods-tab-b goods-tab">
  473. <div class="goods-tab-b-line" id="nav_fixed">
  474. <div><span class="goods-tab-active font-rem11 goods-tab-btn2" tag="goods-tab-c">详情</span></div>
  475. <div><span class="font-rem11 goods-tab-btn2" tag="goods-tab-d">常见问题</span></div>
  476. </div>
  477. <section>
  478. <div id="goods-content" class="goods-tab2 goods-tab-c"></div>
  479. <div id="goods-issue" class="mask-hidden goods-tab2 goods-tab-d"></div>
  480. </section>
  481. </div>
  482. <div class="share-item mask-hidden">
  483. <div>
  484. <div class="share-item-tips">分享至</div>
  485. <div class="share-item-cent">
  486. <ul>
  487. <li class="share-item-friend"><img src="../../image/share_friend.png" />
  488. <p>微信好友</p>
  489. </li>
  490. <li class="share-item-cale"><img src="../../image/share_cale.png" />
  491. <p>微信朋友圈</p>
  492. </li>
  493. <li class="share-item-qq"><img src="../../image/share_qq.png" />
  494. <p>QQ</p>
  495. </li>
  496. </ul>
  497. </div>
  498. <div class="share-item-cancel">取消</div>
  499. </div>
  500. </div>
  501. <div class="buy-btn">
  502. <ul>
  503. <li class="buy-btn-item" style="width: 2.2rem;border-right:0px;">立即购买</li>
  504. <li class="add-buycar" style="width: 2.2rem">加入购物车</li>
  505. <li style="width: 1rem;" class="go-buycar">
  506. <img src="../../image/goods_buy_car.png" />
  507. <span class="msg-total mask-hidden" style="position: absolute;transform: translateY(75%) translateX(-37%);animation: bounceOut 2s;">10</span>
  508. </li>
  509. <li style="width: 1rem;" class="add-favorite"><img id="favorite" src="../../image/goods_buy_favorite.png" /></li>
  510. <li style="width: 1rem;" class="go-home"><img src="../../image/goods_buy_home.png" /></li>
  511. </ul>
  512. </div>
  513. <div class="weui-mask mask-hidden"></div>
  514. <div class="back-top mask-hidden" id="fix2"></div>
  515. </body>
  516. <script type="text/javascript" src="../../script/api.js"></script>
  517. <script type="text/javascript" src="../../script/jquery.min.js"></script>
  518. <script type="text/javascript" src="../../script/jquery.tap.js"></script>
  519. <script type="text/javascript" src="../../script/swiper.min.js"></script>
  520. <script type="text/javascript" src="../../script/imagesloaded.pkgd.min.js"></script>
  521. <script type="text/javascript" src="../../script/jquery.star-rating-svg.js"></script>
  522. <script type="text/javascript">
  523. var _keyid = '';
  524. var _size_item = new Array();
  525. var _single_price = '0.00';
  526. var _goods_id = '';
  527. var _sku_open = false;
  528. var _spot = '1';
  529. var _storeid = '';
  530. var _freight = '';
  531. var _images = [];
  532. var _isfavorite = false;
  533. var _shareimg = '';
  534. var _description = '';
  535. var _title = '';
  536. var _shareurl = '';
  537. var _storeid_url = '';
  538. var _sku_data = {};
  539. var _sku_spec_map = {};
  540. var imgUrl="";
  541. apiready = function() {
  542. _keyid = api.pageParam.keyid;
  543. _storeid = api.pageParam.storeid;
  544. // _spot = api.pageParam.spot;
  545. setIosTopBar();
  546. getRouteData(_keyid, _storeid);
  547. // chkfavorite();
  548. getfeed();
  549. api.addEventListener({
  550. name: 'longpress'
  551. }, function(ret, err) {
  552. save_img();
  553. });
  554. };
  555. function getRouteData(_keyid, _storeid) {
  556. $.ajax({
  557. url: siteurl + 'v2/goods/detail',
  558. data: {
  559. goods_commonid: _keyid,
  560. store_id: _storeid
  561. },
  562. headers: { "X-TOKEN": $api.getStorage("accesstoken") },
  563. dataType: 'json',
  564. type: 'post',
  565. success: function(datas) {
  566. if (datas.result) {
  567. if (datas.data.is_platform_store == '1') {
  568. _storeid_url = datas.data.store_id;
  569. _spot = '2';//公共商品,未进货
  570. } else {
  571. _storeid_url = datas.data.public_store_id;
  572. }
  573. $("#goods_name").html(datas.data.goods_name);
  574. _title = datas.data.goods_name;
  575. // _spot = datas.data.is_platform_store;
  576. _description = datas.data.goods_name;
  577. _shareurl = siteurl + 'v1/view/market.html'; //'home/goods/index/goods_id/' + datas.data.goods_commonid + '.html';
  578. $("#goods_price").html(datas.data.goods_price);
  579. $("#goods_image").attr("src", siteurl + "uploads/home/store/goods/" + datas.data.goods_image.substr(0, datas.data.goods_image.indexOf("\_")) + "/" + datas.data.goods_image);
  580. _shareimg = siteurl + "uploads/home/store/goods/" + datas.data.goods_image.substr(0, datas.data.goods_image.indexOf("\_")) + "/" + datas.data.goods_image;
  581. $("#regoods_price").html(datas.data.goods_price);
  582. $(".line-through").html(datas.data.goods_marketprice);
  583. $("#goods-content").html('<p></p>'+datas.data.goods_body);
  584. $("#goods-issue").html(datas.data.issue);
  585. $(".msg-total").html(datas.data.cart);
  586. if ( datas.data.cart > 0 ) {
  587. $(".msg-total").html(datas.data.cart);
  588. $(".msg-total").removeClass("mask-hidden");
  589. }
  590. if ( datas.data.has_collected == 1 ) {
  591. $("#favorite").attr("src", "../../image/favorite2.png");
  592. }
  593. if ( datas.data.hide_collect == 1 ) {
  594. $("#favorite").parent(".add-favorite").attr("nofav", true);
  595. }
  596. if (datas.data.store_id == 1) {//goods_storage
  597. $("#goods_price_span").append('<span class="down"> 已下架</span>');
  598. $(".add-buycar").data('state', '0');
  599. $(".buy-btn-item").data('state', '0');
  600. _spot = 2;
  601. } else {
  602. if ( datas.data.goods_state != 1 || datas.data.goods_storage < 1 ) {
  603. $("#goods_price_span").append('<span class="down"> 已下架</span>');
  604. $(".add-buycar").data('state', '0');
  605. $(".buy-btn-item").data('state', '0');
  606. _spot = 2;
  607. }
  608. }
  609. if (datas.data.points == 0) {
  610. $(".goods-costprice").css("color", "rgba(0, 0, 0, 0)");
  611. $(".goods-costprice").parent("p").css("color", "rgba(0, 0, 0, 0)");
  612. } else {
  613. $(".goods-costprice").html(datas.data.points);
  614. }
  615. $("#sale-number").html(datas.data.sale_number);
  616. $("#praise").html(datas.data.praise);
  617. $("#goods-costprice").html(datas.data.goods_costprice);
  618. var _html = '';
  619. if ( datas.data.spec_list.length > 0 ) {
  620. _sku_data = datas.data.goods_list;
  621. _sku_spec_map = datas.data.spec_map;
  622. var i = 0;
  623. $.each(datas.data.spec_name, function(index, item) {
  624. _html += '<div class="goods-tag-item" ptag="item' + index + '">' + item + '</div><div class="h2"></div><div class="tag_item">';
  625. $.each(datas.data.spec_value, function(index2, item2) {
  626. if (index == index2) {
  627. // var x = 0;
  628. $.each(item2, function(index3, item3) {
  629. // console.log(i)
  630. // console.log(index3)
  631. // if ( item2.length == 1 ) {
  632. _html += '<span class="goods-tag" id="sku_'+i+'_'+index3+'" ptag="item' + index + '" index="' + index2 + '" tag="' + index3 + '" spec_goods_image="" spec_goods_price="" spec_id="">' + item3 + '</span>';
  633. // } else {
  634. // if ( datas.data.goods_list[x].goods_storage > 0 ) {
  635. // _html += '<span class="goods-tag" ptag="item' + index + '" index="' + index2 + '" tag="' + index3 + '" spec_goods_image="'+datas.data.goods_list[x].goods_image+'" spec_goods_price="'+datas.data.goods_list[x].goods_price+'" spec_id="'+datas.data.goods_list[x].goods_id+'">' + item3 + '</span>';
  636. // } else {
  637. // _html += '<span class="goods-tag no_active" ptag="item' + index + '" index="' + index2 + '" tag="' + index3 + '" spec_goods_image="'+datas.data.goods_list[x].goods_image+'" spec_goods_price="'+datas.data.goods_list[x].goods_price+'" spec_id="'+datas.data.goods_list[x].goods_id+'">' + item3 + '</span>';
  638. // }
  639. // console.log(x)
  640. // x++;
  641. // }
  642. })
  643. // console.log(index, index2)
  644. }
  645. })
  646. _html += '</div><div class="h10"></div>';
  647. $("#goods-size-item").append('<span tag="" class="size-item item' + index + '"></span> ');
  648. i++;
  649. })
  650. $("#goods-size-item").append('<span class="buy-num-tip"></span><span class="buy-kuc-tip"></span>');
  651. } else {
  652. $("#goods-size-item").html('<span class="buy-num-tip"></span><span class="buy-kuc-tip"></span>');
  653. // 无规格
  654. $.each(datas.data.goods_list, function (index_n_spec, item_n_p) {
  655. // body...
  656. $("#regoods_price").html(item_n_p.goods_price);
  657. _goods_id = item_n_p.goods_id;
  658. _sku_open = true;
  659. _single_price = item_n_p.goods_price;
  660. if (item_n_p.goods_image) {
  661. $("#goods_image").attr("src", siteurl + "uploads/home/store/goods/" + item_n_p.goods_image.substr(0, item_n_p.goods_image.indexOf("\_")) + "/" + item_n_p.goods_image);
  662. }
  663. $("#buy-num").data("kuc", item_n_p.goods_storage);
  664. function_name();
  665. $(".buy-num-tip").text("x" + $("#buy-num").val());
  666. $(".buy-kuc-tip").text(' ( 库存 '+ item_n_p.goods_storage +' ) ');
  667. var _num = parseInt($("#buy-num").val());
  668. var _goods_price = _single_price * _num;
  669. $("#regoods_price").html(_goods_price.toFixed(2));
  670. });
  671. }
  672. if (datas.data.images.length > 0) {
  673. $.each(datas.data.images, function(index_b, item_b) {
  674. $(".swiper-wrapper").append('<div class="swiper-slide"><img src="' + siteurl + "uploads/home/store/goods/" + item_b.goodsimage_url.substr(0, item_b.goodsimage_url.indexOf("\_")) + "/" + item_b.goodsimage_url + '"/></div>');
  675. _images.push(siteurl + "uploads/home/store/goods/" + item_b.goodsimage_url.substr(0, item_b.goodsimage_url.indexOf("\_")) + "/" + item_b.goodsimage_url);
  676. })
  677. }
  678. if(datas.data.images.length > 0){
  679. imgUrl=_images[0];
  680. }
  681. var swiper = new Swiper('.swiper-container', {
  682. allowSlidePrev: true,
  683. pagination: {
  684. el: '.swiper-pagination',
  685. },
  686. });
  687. $(".goods-size-item").append(_html);
  688. set_checked_list();
  689. } else {
  690. errcode(datas, datas.code);
  691. }
  692. function_name();
  693. }
  694. });
  695. }
  696. $(function() {
  697. $(window).scroll(function() {
  698. var a = document.getElementById("nav_fixed").offsetTop;
  699. var b = document.getElementById("fix1").offsetTop;
  700. if (a > $(window).scrollTop() && a < ($(window).scrollTop() + $(window).height())) {
  701. $("#nav_fixed").removeClass("nav_fixed");
  702. }
  703. if (($("#nav_fixed").outerHeight() + a) <= $(window).scrollTop()) {
  704. $("#nav_fixed").removeClass("mask-hidden");
  705. $("#nav_fixed").addClass("nav_fixed");
  706. $(".goods-tab-b-line.nav_fixed").css("top", (b - 1) + 'px');
  707. }
  708. if ( a === 0 || a == b ) {
  709. $("#nav_fixed").addClass("mask-hidden");
  710. $(".goods-tab-a").removeClass("mask-hidden");
  711. }
  712. });
  713. var aa = [];
  714. var i = 0;
  715. var src = [];
  716. var json = null;
  717. aa = $('img');
  718. for (i = 1; i < aa.length; i++) {
  719. src[i] = aa[i].src;
  720. }
  721. $("img").click(function() {
  722. var index = $('img').index(this);
  723. // imagePreview(src[index],src);
  724. });
  725. })
  726. function spot_msg() {
  727. // body...
  728. if ( _spot == 2 ) {
  729. api.toast({ msg: '商品已下架' });
  730. return false;
  731. }
  732. }
  733. function get_checked_list() {
  734. var ret = [];
  735. $('.tag_item').each(function (index,element) {
  736. var ac = $(this).find('.goods-tag-active');
  737. if(ac.length > 0){
  738. var tag = ac.attr('tag');
  739. ret.push({
  740. line:index, key: tag
  741. });
  742. }
  743. })
  744. return ret;
  745. }
  746. function get_sku(goods_list, spec_map, checked_list) {
  747. var list = [];
  748. for (var i in spec_map) {
  749. list.push({"spec_map": i.split("_"), "key": spec_map[i]})
  750. }
  751. var ret = [];
  752. var checked_spec = [];
  753. var checked_neer = [];
  754. for (var i in checked_list) {
  755. checked_spec.push(checked_list[i].key);
  756. }
  757. for (var j in list) {
  758. var flag = [];
  759. var all_spec_key = [];
  760. for (var i in checked_list) {
  761. checked_neer.push(list[j].spec_map[checked_list[i].line]);
  762. if (list[j].spec_map.indexOf(checked_list[i].key.toString()) === checked_list[i].line * 1) {
  763. flag.push(list[j]);
  764. all_spec_key = (list[j].spec_map)
  765. }
  766. }
  767. if (checked_list.length == flag.length) {
  768. var goods_info = goods_list[list[j].key]
  769. if (goods_info.goods_storage > 0) {
  770. ret.push(all_spec_key)
  771. }
  772. }
  773. }
  774. return ret;
  775. }
  776. function spec_map_check(goods_list, spec_map, line, key, checked_list) {
  777. for(var i in checked_list){
  778. if(checked_list[i].key != key && checked_list[i].line == line){
  779. checked_list[i].key = key
  780. }
  781. }
  782. var e = get_sku(goods_list, spec_map, checked_list);
  783. if(e.length > 0){
  784. return true;
  785. }else{
  786. return false;
  787. }
  788. }
  789. $(".home-ads").on("tap", "img", function() {
  790. // console.log($(this).attr("src"));
  791. gallery_qz($(this).attr("src"));
  792. });
  793. $(".feed-list").on("tap", "img", function() {
  794. // console.log($(this).attr("src"));
  795. gallery_qz($(this).attr("src"));
  796. });
  797. $(".goods-content").on("tap", "img", function() {
  798. // console.log($(this).attr("src"));
  799. gallery_qz($(this).attr("src"));
  800. });
  801. function getfeed() {
  802. $.ajax({
  803. url: rooturl + '?do=getevaluategoods',
  804. data: {
  805. goodsid: _keyid
  806. },
  807. dataType: 'json',
  808. type: 'post',
  809. success: function(datas) {
  810. if (datas.length > 0) {
  811. $.each(datas, function(index, item) {
  812. if (index == 1) {
  813. return false;
  814. }
  815. var _html = '';
  816. if (item.geval_image) {
  817. var _imglist = item.geval_image.split(",");
  818. } else {
  819. var _imglist = '';
  820. }
  821. _html += '<div class="feed-item"><ul>';
  822. _html += '<li class="fl" style="width: 0.7rem;"><img src="' + item.member_avatar + '" class="user-head"/></li>';
  823. _html += '<li class="feed-item-right fl">' + item.member_truename + '<p class="feed-item-titel">' + item.geval_addtime + '</p></li>';
  824. _html += '<li><div class="my-rating my-rating' + index + '"></div></li></ul>';
  825. _html += '<ul><li>' + item.geval_content + '</li></ul><ul style="margin-top: 0.25rem;"><li>';
  826. if (_imglist.length > 0) {
  827. for (var i = 0; i < _imglist.length; i++) {
  828. _html += '<img src="' + _imglist[i] + '" style="width: 1.2rem;height: 1.2rem;margin-right: 0.3rem;"/>';
  829. }
  830. }
  831. _html += '</li></ul><div class="h50"></div></div>';
  832. $(".feed-list").append(_html);
  833. $(".my-rating" + index).starRating({
  834. starSize: 24,
  835. activeColor: '#d9251c',
  836. starShape: 'rounded',
  837. hoverColor: '#d9251c',
  838. useGradient: false,
  839. initialRating: item.geval_scores,
  840. readOnly: true,
  841. callback: function(currentRating, $el) {
  842. // make a server call here
  843. }
  844. });
  845. })
  846. }
  847. }
  848. });
  849. }
  850. function openPhotoBrowser(_index) {
  851. var UIPhotoViewer = api.require('UIPhotoViewer');
  852. UIPhotoViewer.open({
  853. images: _images,
  854. activeIndex: _index,
  855. placeholderImg: 'widget://image/loading_more.gif',
  856. bgColor: '#000'
  857. }, function(ret, err) {
  858. api.openFrame({
  859. name: 'TEST',
  860. url: './photoSwiperJson_frm.html',
  861. rect: {
  862. x: 0,
  863. marginTop: 10,
  864. w: 'auto',
  865. h: 100,
  866. marginBottom: 50
  867. }
  868. });
  869. api.bringFrameToFront({
  870. from: 'TEST'
  871. });
  872. });
  873. }
  874. function closePhotoViewer() {
  875. var UIPhotoViewer = api.require('UIPhotoViewer');
  876. UIPhotoViewer.close();
  877. }
  878. $(".share-item-friend").on("tap", function() {
  879. var wx = api.require('wx');
  880. api.download({
  881. url: _shareimg,
  882. // savePath: 'widget://'+_storeid+'.png',
  883. report: false,
  884. cache: true,
  885. allowResume: true
  886. }, function(ret, err) {
  887. if (ret.state == 1) {
  888. console.log(JSON.stringify(ret));
  889. console.log('pages/index/shop?id='+_keyid+'&store_id'+_storeid);
  890. var str=ret.savePath.slice(-3);
  891. var str2="";
  892. if(str=='png'){
  893. str2=ret.savePath;
  894. }else{
  895. str2="widget://image/logo2.png";
  896. }
  897. wx.shareProgram({
  898. scene: 'session',
  899. title: _title,
  900. description: _description,
  901. thumb: str2,
  902. webpageUrl: _shareurl,
  903. userName: 'gh_344fb21bce0f',
  904. path: 'pages/index/shop?id='+_keyid+'&store_id'+_storeid,
  905. }, function(ret, err) {
  906. console.log(JSON.stringify(err));
  907. if (ret.status) {
  908. alert('分享成功');
  909. } else {
  910. alert(err.code);
  911. }
  912. })
  913. }
  914. })
  915. /*wx.shareWebpage({
  916. scene: 'session',
  917. title: _title,
  918. description: _description,
  919. thumb: 'widget://image/logo2.png',
  920. contentUrl: _shareurl
  921. }, function(ret, err) {
  922. if (ret.status) {
  923. //alert("分享成功!");
  924. api.toast({ msg: '分享成功!' });
  925. setPoint();
  926. } else {
  927. // alert(err.code);
  928. api.toast({ msg: err.msg });
  929. }
  930. });*/
  931. $(".share-item").slideUp(500, function() {});
  932. $(".weui-mask").addClass("mask-hidden");
  933. _show = false;
  934. return false;
  935. })
  936. $(".share-item-cale").on("tap", function() {
  937. var wx = api.require('wx');
  938. wx.shareWebpage({
  939. scene: 'timeline',
  940. title: _title,
  941. description: _description,
  942. thumb: 'widget://image/logo2.png',
  943. contentUrl: _shareurl
  944. }, function(ret, err) {
  945. if (ret.status) {
  946. //alert("分享成功!");
  947. api.toast({ msg: '分享成功!' });
  948. setPoint();
  949. } else {
  950. // alert(err.code);
  951. api.toast({ msg: err.msg });
  952. }
  953. });
  954. $(".share-item").slideUp(500, function() {});
  955. $(".weui-mask").addClass("mask-hidden");
  956. _show = false;
  957. return false;
  958. })
  959. $(".share-item-qq").on("tap", function() {
  960. var qq = api.require('QQPlus');
  961. qq.shareNews({
  962. url: _shareurl,
  963. title: _title,
  964. description: _description,
  965. imgUrl: _shareimg
  966. }, function(ret, err) {
  967. if (ret.status) {
  968. //alert("分享成功!");
  969. api.toast({ msg: '分享成功!' });
  970. setPoint();
  971. } else {
  972. // alert(err.code);
  973. api.toast({ msg: err.msg });
  974. }
  975. });
  976. $(".share-item").slideUp(500, function() {});
  977. $(".weui-mask").addClass("mask-hidden");
  978. _show = false;
  979. return false;
  980. })
  981. var _show = false;
  982. $("#share-btn").on("tap", function() {
  983. if (_show == false) {
  984. $(".share-item").slideDown(500, function() {});
  985. $(".weui-mask").removeClass("mask-hidden");
  986. _show = true;
  987. } else {
  988. $(".share-item").slideUp(500, function() {});
  989. _show = false;
  990. }
  991. return false;
  992. })
  993. $(".share-item-cancel").on("tap", function() {
  994. $(".share-item").slideUp(500, function() {});
  995. $(".weui-mask").addClass("mask-hidden");
  996. _show = false;
  997. return false;
  998. })
  999. $(".goods-size-item").on("tap", ".goods-tag", function() {
  1000. // $(this).addClass('goods-tag-active').siblings('.goods-tag-active').removeClass('goods-tag-active');
  1001. if ( $(this).hasClass("no_active") ) {
  1002. return false;
  1003. }
  1004. var _index = $(this).attr("index");
  1005. $(".goods-tag").each(function() {
  1006. if ($(this).attr("index") == _index) {
  1007. $(this).removeClass("goods-tag-active");
  1008. }
  1009. })
  1010. $(this).addClass("goods-tag-active");
  1011. $(".default-item1").empty();
  1012. $("." + $(this).attr("ptag")).text($(this).text());
  1013. $("." + $(this).attr("ptag")).attr("tag", $(this).attr("tag"));
  1014. _size_item = [];
  1015. var _sku_spec_map_index = '';
  1016. $(".size-item").each(function(xind) {
  1017. if ($(this).text() != "") {
  1018. var _item = $(this).attr("tag") + ":" + $(this).text();
  1019. if (xind == 0) {
  1020. _sku_spec_map_index += $(this).attr("tag");
  1021. } else {
  1022. _sku_spec_map_index += '_' + $(this).attr("tag");
  1023. }
  1024. _size_item.push(_item);
  1025. }
  1026. })
  1027. // console.log(_sku_spec_map_index)
  1028. // console.log(_sku_spec_map[_sku_spec_map_index])
  1029. // console.log(_sku_data[_sku_spec_map[_sku_spec_map_index]].spec_img)
  1030. set_checked_list();
  1031. if (_size_item.length == $(".size-item").length) {
  1032. _single_price = _sku_data[_sku_spec_map[_sku_spec_map_index]].goods_price;//$(this).attr("spec_goods_price");
  1033. _goods_id = _sku_data[_sku_spec_map[_sku_spec_map_index]].goods_id;//$(this).attr("spec_id");
  1034. $("#goods_image").attr("src", _sku_data[_sku_spec_map[_sku_spec_map_index]].spec_img);
  1035. $("#buy-num").data("kuc", _sku_data[_sku_spec_map[_sku_spec_map_index]].goods_storage);
  1036. function_name();
  1037. $(".buy-num-tip").text("x" + $("#buy-num").val());
  1038. $(".buy-kuc-tip").text(' ( 库存'+_sku_data[_sku_spec_map[_sku_spec_map_index]].goods_storage+' )');
  1039. var _num = parseInt($("#buy-num").val());
  1040. var _goods_price = _single_price * _num;
  1041. $("#regoods_price").html(_goods_price.toFixed(2));
  1042. }
  1043. return false;
  1044. })
  1045. function set_checked_list() {
  1046. $('.tag_item').each(function (index, element) {
  1047. $(this).find('.goods-tag').each(function (i,e) {
  1048. var is_checked = spec_map_check( _sku_data, _sku_spec_map, index, $(e).attr('tag'), get_checked_list());
  1049. if(!is_checked){
  1050. $(e).addClass('no_active');
  1051. }else{
  1052. $(e).removeClass('no_active');
  1053. }
  1054. })
  1055. })
  1056. }
  1057. $(".select-goods-size").on("tap", function() {
  1058. showGoodsSize();
  1059. return false;
  1060. })
  1061. function showGoodsSize() {
  1062. $(".mask-goods").show();
  1063. $(".goods-size").show(100);
  1064. $(".weui-mask").removeClass("mask-hidden");
  1065. }
  1066. $(".close-goods-size").on("tap", function() {
  1067. $(".mask-goods").hide();
  1068. $(".goods-size").hide();
  1069. $(".weui-mask").addClass("mask-hidden");
  1070. return false;
  1071. })
  1072. $(".num-up").on("tap", function() {
  1073. if ( _spot == 2 ) {
  1074. api.toast({ msg: '商品已下架' });
  1075. return false;
  1076. }
  1077. var _num = parseInt($(".buy-num").val()) + 1;
  1078. var _kucun = $("#buy-num").data("kuc");
  1079. if (_num > _kucun) {
  1080. api.toast({ msg: '库存不足' });
  1081. return false;
  1082. }
  1083. $("#buy-num").val(_num);
  1084. $(".buy-num-tip").text("x" + $(".buy-num").val());
  1085. var _goods_price = _single_price * _num;
  1086. $("#regoods_price").html(_goods_price.toFixed(2));
  1087. return false;
  1088. })
  1089. $(".num-down").on("tap", function() {
  1090. if ( _spot == 2 ) {
  1091. api.toast({ msg: '商品已下架' });
  1092. return false;
  1093. }
  1094. if (parseInt($("#buy-num").val()) > 1) {
  1095. var _num = parseInt($(".buy-num").val()) - 1;
  1096. $("#buy-num").val(_num);
  1097. $(".buy-num-tip").text("x" + $(".buy-num").val());
  1098. var _goods_price = _single_price * _num;
  1099. $("#regoods_price").html(_goods_price.toFixed(2));
  1100. }
  1101. return false;
  1102. })
  1103. $(".buy-btn-item").on("tap", function() {
  1104. if ( _spot == 2 ) {
  1105. api.toast({ msg: '商品已下架' });
  1106. return false;
  1107. }
  1108. // if ($(".buy-btn-item").data("state") == 0) {
  1109. // api.toast({ msg: '商品已下架!' });
  1110. // return false;
  1111. // }
  1112. if (_goods_id == "") {
  1113. //api.toast({ msg:'请选择商品参数!'});
  1114. showGoodsSize();
  1115. return false;
  1116. }
  1117. if (_sku_open) {
  1118. showGoodsSize();
  1119. _sku_open = false;
  1120. return false;
  1121. }
  1122. var _goodsx = [];
  1123. _goodsx.push({"goods_id": _goods_id, "buy_num": $("#buy-num").val() });
  1124. $.ajax({
  1125. url: siteurl + 'v1/order/save_og',//'?do=saveordergoods',
  1126. data: {
  1127. store_id: _storeid,
  1128. goods: JSON.stringify(_goodsx),
  1129. goods_id: _goods_id,
  1130. buy_num: $("#buy-num").val(),
  1131. buyer_id: $api.getStorage("memberid")
  1132. },
  1133. headers: { "X-TOKEN": $api.getStorage("accesstoken") },
  1134. dataType: 'json',
  1135. type: 'post',
  1136. success: function(datas) {
  1137. if (datas.result) {
  1138. // var _gorderid = datas.gorderid;
  1139. api.openWin({
  1140. name: 'postaddr',
  1141. url: 'postaddr.html',
  1142. bounces: false,
  1143. pageParam: {
  1144. gorderid: datas.data.order_id,
  1145. storeid: _storeid
  1146. }
  1147. });
  1148. } else {
  1149. errcode(datas, datas.code);
  1150. }
  1151. }
  1152. });
  1153. return false;
  1154. })
  1155. $(".feedgoods,.show-feedgoods").on("tap", function() {
  1156. api.openWin({
  1157. name: 'feedgoods',
  1158. url: 'feedgoods.html',
  1159. bounces: false,
  1160. pageParam: {
  1161. keyid: _keyid
  1162. }
  1163. });
  1164. return false;
  1165. })
  1166. $(".go-home").on("tap", function() {
  1167. api.openWin({
  1168. name: 'hoteldtl',
  1169. url: 'hoteldtl.html',
  1170. bounces: false,
  1171. animation: {
  1172. type: 'push',
  1173. subType: 'from_left'
  1174. },
  1175. pageParam: {
  1176. keyid: _storeid
  1177. }
  1178. });
  1179. setTimeCloseWin("showgoods");
  1180. return false;
  1181. })
  1182. $(".go-buycar").on("tap", function() {
  1183. // if ( _spot == 2 ) {
  1184. // api.toast({ msg: '商品已下架' });
  1185. // return false;
  1186. // }
  1187. api.openWin({
  1188. name: 'buycar',
  1189. url: 'buycar.html',
  1190. bounces: false,
  1191. pageParam: {
  1192. keyid: _keyid,
  1193. storeid: _storeid
  1194. }
  1195. });
  1196. return false;
  1197. })
  1198. $(".add-buycar").on("tap", function() {
  1199. if ( _spot == 2 ) {
  1200. api.toast({ msg: '商品已下架' });
  1201. return false;
  1202. }
  1203. // if ($(".add-buycar").data("state") == 0) {
  1204. // api.toast({ msg: '商品已下架' });
  1205. // return false;
  1206. // }
  1207. if (_goods_id == "") {
  1208. showGoodsSize();
  1209. return false;
  1210. }
  1211. if (_sku_open) {
  1212. showGoodsSize();
  1213. _sku_open = false;
  1214. return false;
  1215. }
  1216. $(".msg-total").css("animation", "");
  1217. $.ajax({
  1218. url: siteurl + 'v2/order/add_cart',//'?do=addbuycar',
  1219. data: {
  1220. goods_id: _goods_id,
  1221. store_id: _storeid,
  1222. goods_num: $("#buy-num").val(),
  1223. buyer_id: $api.getStorage("memberid")
  1224. },
  1225. headers: { "X-TOKEN": $api.getStorage("accesstoken") },
  1226. dataType: 'json',
  1227. type: 'post',
  1228. success: function(datas) {
  1229. if (datas.result) {
  1230. $(".msg-total").css("animation", "bounceOut 2s");
  1231. var num_car = $(".msg-total").html()*1 + $("#buy-num").val()*1;
  1232. $(".msg-total").removeClass("mask-hidden");
  1233. $(".msg-total").html(num_car);
  1234. api.toast({ msg: datas.msg });
  1235. // chkfavorite();
  1236. } else {
  1237. errcode(datas, datas.code);
  1238. }
  1239. }
  1240. });
  1241. return false;
  1242. })
  1243. $(".add-favorite").on("tap", function() {
  1244. var xx = $(this).attr("nofav");
  1245. $("#favorite").css("animation", "");
  1246. if (xx) {
  1247. api.toast({ msg: "该商品暂不支持收藏" });
  1248. return false;
  1249. }
  1250. // if (!_isfavorite) {
  1251. $.ajax({
  1252. url: siteurl + 'v1/favorites/collect',//'?do=addfavorite',
  1253. data: {
  1254. fav_id: _keyid,
  1255. buyer_id: $api.getStorage("memberid"),
  1256. type: 'goods'
  1257. },
  1258. headers: { "X-TOKEN": $api.getStorage("accesstoken") },
  1259. dataType: 'json',
  1260. type: 'post',
  1261. success: function(datas) {
  1262. if (datas.result) {
  1263. // api.toast({ msg: '加入收藏成功!' });
  1264. $("#favorite").css("animation", "bounceOut 2s");
  1265. if (datas.data.action == 'add') {
  1266. _isfavorite = true;
  1267. $("#favorite").attr("src", "../../image/favorite2.png");
  1268. } else {
  1269. _isfavorite = false;
  1270. $("#favorite").attr("src", "../../image/goods_buy_favorite.png");
  1271. }
  1272. } else {
  1273. errcode(datas, datas.code);
  1274. }
  1275. }
  1276. });
  1277. // } else {
  1278. // $.ajax({
  1279. // url: rooturl + '?do=delfavorite',
  1280. // data: {
  1281. // goods_id: _keyid,
  1282. // buyer_id: $api.getStorage("memberid")
  1283. // },
  1284. // dataType: 'json',
  1285. // type: 'post',
  1286. // success: function(datas) {
  1287. // if (datas.result) {
  1288. // //api.toast({ msg:'删除收藏!'});
  1289. // _isfavorite = false;
  1290. // $("#favorite").attr("src", "../../image/goods_buy_favorite.png");
  1291. // }
  1292. // }
  1293. // });
  1294. // }
  1295. return false;
  1296. })
  1297. $(".goods-tab-btn").on("tap", function() {
  1298. $(".goods-tab").addClass("mask-hidden");
  1299. $(".header-mask").addClass("mask-hidden");
  1300. $("." + $(this).attr("tag")).removeClass("mask-hidden");
  1301. $(".goods-tab-btn").removeClass("goods-btn-active");
  1302. $(this).addClass("goods-btn-active");
  1303. $(".goods-tab-b-line").addClass("nav_fixed");
  1304. $(".goods-tab-b-line").addClass("mask-hidden");
  1305. // $(".goods-tab").removeClass("mask-hidden");
  1306. var tag = $(this).attr("tag");
  1307. console.log(tag)
  1308. if (tag == 'goods-tab-a') {
  1309. $(".goods-tab-b").removeClass("mask-hidden");
  1310. }
  1311. $('html , body').animate({ scrollTop: 0 }, 'slow');
  1312. return false;
  1313. })
  1314. $(".goods-tab-btn2").on("tap", function() {
  1315. $(".goods-tab2").addClass("mask-hidden");
  1316. $("." + $(this).attr("tag")).removeClass("mask-hidden");
  1317. $(".goods-tab-btn2").removeClass("goods-tab-active");
  1318. $(this).addClass("goods-tab-active");
  1319. return false;
  1320. })
  1321. function touch() {
  1322. $("body").on('touchstart', function(e) {
  1323. var touch = e.originalEvent;
  1324. startX = e.originalEvent.changedTouches[0].pageX;
  1325. startY = e.originalEvent.changedTouches[0].pageY;
  1326. $(".box").on('touchmove', function(e) {
  1327. e.preventDefault();
  1328. touch = e.originalEvent.touches[0] || e.originalEvent.changedTouches[0];
  1329. if (touch.pageX - startX > 10) {
  1330. } else if (touch.pageX - startX < -10) {
  1331. };
  1332. if (touch.pageY - startY > 3) {
  1333. if ($(window).scrollTop() <= 30) {
  1334. $(".goods-tab").addClass("mask-hidden");
  1335. $(".header-mask").addClass("mask-hidden");
  1336. $(".goods-tab-a").removeClass("mask-hidden");
  1337. $(".goods-tab-btn").removeClass("goods-btn-active");
  1338. $(".goods-tab-btn-a").addClass("goods-btn-active");
  1339. }
  1340. } else if (touch.pageY - startY < -5) {
  1341. $(".goods-tab").addClass("mask-hidden");
  1342. $(".header-mask").removeClass("mask-hidden");
  1343. $(".goods-tab-b").removeClass("mask-hidden");
  1344. $(".goods-tab-btn").removeClass("goods-btn-active");
  1345. $(".goods-tab-btn-b").addClass("goods-btn-active");
  1346. };
  1347. $(".box").off('touchmove');
  1348. });
  1349. return false;
  1350. }).on('touchend', function() {
  1351. $(".box").off('touchmove');
  1352. })
  1353. }
  1354. function chkfavorite() {
  1355. $(".msg-total").addClass("mask-hidden");
  1356. $.ajax({
  1357. url: rooturl + '?do=chkfavorite',
  1358. data: {
  1359. goods_id: _keyid,
  1360. store_id: _storeid,
  1361. buyer_id: $api.getStorage("memberid")
  1362. },
  1363. dataType: 'json',
  1364. type: 'post',
  1365. success: function(datas) {
  1366. if (datas.fav) {
  1367. _isfavorite = true;
  1368. $("#favorite").attr("src", "../../image/favorite2.png");
  1369. }
  1370. $(".msg-total").html(datas.cart);
  1371. $(".msg-total").removeClass("mask-hidden");
  1372. }
  1373. });
  1374. }
  1375. function save_img() {
  1376. // body...
  1377. var _img_url = $("body .weui-gallery").data("imgurl");
  1378. if ( typeof(_img_url) == "undefined" ) {
  1379. console.log(_img_url)
  1380. } else {
  1381. var _img_arr = '';
  1382. // alert(_img_url);
  1383. _img_arr = _img_url.substr((_img_url.lastIndexOf("/")+1));
  1384. console.log(_img_arr)
  1385. console.log(_img_url)
  1386. api.confirm({
  1387. title: '保存图片',
  1388. buttons: ['取消', '确定']
  1389. }, function (ret, err) {
  1390. // body...
  1391. // alert(JSON.stringify(ret))
  1392. var index = ret.buttonIndex;
  1393. if (index == 2) {
  1394. download_img(_img_url, _img_arr)
  1395. }
  1396. })
  1397. }
  1398. }
  1399. function download_img(img_url, save_name) {
  1400. // body...
  1401. api.download({
  1402. url: img_url,
  1403. encode: false,
  1404. cache: true,
  1405. savePath: 'fs://' + save_name,
  1406. }, function (ret, err) {
  1407. // body...
  1408. if (ret.state == 1) {
  1409. api.saveMediaToAlbum({
  1410. path: 'fs://' + save_name
  1411. }, function (ret, err) {
  1412. // body...
  1413. if (ret && ret.status) {
  1414. api.toast({msg: '保存成功'})
  1415. } else {
  1416. api.toast({msg: '保存失败'})
  1417. }
  1418. })
  1419. } else {
  1420. api.toast({msg: '下载失败' })
  1421. }
  1422. })
  1423. }
  1424. function setPoint() {
  1425. $.ajax({
  1426. url: siteurl + 'v1/member/point',
  1427. data: {
  1428. memberid: $api.getStorage("memberid"),
  1429. stage: 'share'
  1430. },
  1431. headers: { "X-TOKEN": $api.getStorage("accesstoken") },
  1432. dataType: 'json',
  1433. type: 'post',
  1434. success: function(datas) {
  1435. if (datas.result) {
  1436. //
  1437. } else {
  1438. errcode(datas, datas.code);
  1439. }
  1440. }
  1441. });
  1442. }
  1443. $(".back-top").on("tap", function() {
  1444. $('html , body').animate({ scrollTop: 0 }, 'slow');
  1445. return false;
  1446. });
  1447. $.fn.fixedDiv = function(actCls) {
  1448. var that = $(this),
  1449. offsetTop = that.offset().top,
  1450. scrollTop;
  1451. function fix() {
  1452. scrollTop = $(document).scrollTop();
  1453. if (scrollTop > offsetTop) {
  1454. that.addClass(actCls);
  1455. $("#nav_fixed").removeClass("mask-hidden");
  1456. } else {
  1457. that.removeClass(actCls);
  1458. }
  1459. }
  1460. fix();
  1461. $(window).scroll(fix);
  1462. }
  1463. $.fn.fixedDivx = function(actCls) {
  1464. var that = $(this),
  1465. offsetTop = that.offset().top,
  1466. scrollTop;
  1467. function fix() {
  1468. scrollTop = $(document).scrollTop();
  1469. if (scrollTop > offsetTop) {
  1470. that.removeClass(actCls);
  1471. } else {
  1472. that.addClass(actCls);
  1473. }
  1474. }
  1475. fix();
  1476. $(window).scroll(fix);
  1477. }
  1478. $('#fix1').fixedDiv('white-back');
  1479. $('#fix2').fixedDivx('mask-hidden');
  1480. </script>
  1481. </html>