showgoods.html 50 KB

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