showgoods.html 49 KB

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