1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525 |
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
- <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
- <title></title>
- <link rel="stylesheet" type="text/css" href="../../css/api.css" />
- <link rel="stylesheet" type="text/css" href="../../css/weui.min.css" />
- <link rel="stylesheet" type="text/css" href="../../css/iconfont.css" />
- <link rel="stylesheet" type="text/css" href="../../css/style.css" />
- <link rel="stylesheet" type="text/css" href="../../css/star-rating-svg.css" />
- <link rel="stylesheet" type="text/css" href="../../css/swiper.min.css" />
- <style>
- body, html{
- }
- .back-header {
- background: rgb(0, 0, 0, 0);
- }
- .swiper-container {
- width: 100% !important;
- height: 7.5rem;
- }
- .swiper-slide img {
- width: 7.5rem;
- height: 7.5rem;
- object-fit:cover;
- }
- .goods-btn{
- margin:auto;
- width:60%;
- }
- .goods-btn span{
- height:100%;
- width:50%;
- float:left;
- }
- .goods-btn-active{
- border-bottom:2px solid #D9251C;
- }
- .goods-desc{
- /*height:86px;*/
- }
- .font-rem11 {
- color: #000;
- }
- .goods-costprice {
- color: #999;
- }
- .goods-desc li{
- float:left;
- /*width:50%;*/
- }
- .buy-btn{
- width:100%;
- height: 1rem;
- /*border-top: 0.02rem solid #e8e8e8;*/
- position:fixed;
- bottom:0px;
- background:#ffffff;
- z-index: 9;
- }
- .buy-btn-wid{
- width:50px;
- }
- .buy-btn li{
- float: right;
- border-right: 0.01rem solid #e8e8e8;
- text-align:center;
- height: 1rem;
- line-height: 1rem;
- }
- .home-ads {
- height: auto;
- }
- .buy-btn img{
- width: 0.42rem;
- vertical-align: middle;
- }
- .buy-btn-item{
- width:50%;
- float:right;
- background: #d9251c;
- color:#ffffff;
- }
- .goods-desc-right{
- /*width:120px;height:100%;*/
- float:right;
- }
- .goods-desc-right ul{
- width:100%;
- margin:0px;
- }
- .goods-desc-right li{
- float:right;
- }
- .goods-desc-tag{
- }
- .goods-desc-mtotal {
- /*width:100%;*/
- text-align:right;
- padding: 0.5rem 0 0.3rem 0;
- clear:both;
- font-size: 0.24rem;
- color: #999;
- }
- span#goods_name.goods-desc-item.font-rem11 {
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
- height: auto;
- line-height: unset;
- width: inherit;
- }
- .goods-desc-mtotal span#sale-number {
- color: #999;
- }
- .goods-desc-percentage{
- text-align: right;
- border-left: 0.01rem solid #e8e8e8;
- width: auto;
- padding: 0 0.07rem 0px 15px;
- font-size: 0.24rem;
- }
- .mask-goods{
- position:fixed;
- left:0px;right:0px;bottom: 1.001rem;
- background: rgba(0, 0, 0, 0.5);
- z-index:999999;
- }
- .goods-size{
- width:100%;
- position:absolute;
- left:0px;right:0px;
- bottom:0px;
- background:#ffffff;
- padding: 0 0.32rem 0.48rem 0.32rem;
- box-sizing:border-box;
- z-index:9999;
- }
- .goods-size-title li img#goods_image {
- width: 1.76rem;
- /*height: 1.76rem;*/
- position: absolute;
- top: -0.33rem;
- border-radius: 0.2em;
- }
- .goods-size-title li{
- float:left;
- }
- #regoods_price {
- font-size: 0.28rem;
- color: #000;
- padding: 0.28rem 0;
- }
- #goods-size-item {
- color: #777;
- font-size: 0.22rem;
- }
- .goods-tag-item{
- font-size: 0.24rem;
- width:100%;
- line-height: 0.6rem;
- height: 0.6rem;
- }
- .iconfont {
- color: #ffffff;
- }
- .goods-tag{
- font-size: 0.28rem;
- padding:8px;
- border:1px solid #e8e8e8;
- border-radius:3px;
- margin-right:5px;
- margin-top:5px;
- }
- .goods-tag-active{
- border:1px solid #d9251c;
- color:#d9251c;
- }
- .close-goods-size{
- font-size: 0.4rem;
- position:absolute;
- right: 0.32rem;
- top: 0rem;
- color:#999999;
- font-weight: 300;
- padding-top: 0.28rem;
- }
- .goods-tab-b-line{
- width: 100%;
- height: 0.8rem;
- line-height: 0.8rem;
- background: #fafafa;
- /*position: fixed;*/
- z-index: 3;
- }
- .goods-tab2 {
- padding-bottom: 1rem;
- /*padding-top: 0.7rem;*/
- }
- .goods-tab-b-line div{
- float:left;
- width:50%;
- text-align:center;
- box-sizing:border-box;
- }
- .goods-tab-active{
- color:#D9251C;
- border-bottom:2px solid #D9251C;
- }
- #goods-content img{
- width: 100%;
- margin-bottom: -0.03rem;
- }
- .add-num li {
- height: 0.6rem;
- line-height: 0.6rem;
- }
- .goods-tab-btn2{
- min-width:60px;
- }
- .chances{
- color:#d9251c;
- }
- .back-imgs{
- position: absolute;
- left:15px;
- top:15px;
- }
- #goods-issue{
- width: 100%;
- word-wrap:break-word;
- }
- .share-item{
- position:fixed;
- left:0px;right:0px;
- bottom:0px;
- height: 3.9rem;
- background:#f2f2f2;
- border-top:1px solid #E8E8E8;
- z-index:9999;
- }
- .share-item-tips{
- height: 0.28rem;
- line-height: 0.28rem;
- width:100%;
- text-align:center;
- font-size: 0.28rem;
- padding: 0.38rem 0;
- }
- .share-item-cent{
- height: 1.8rem;
- width: 100%;
- }
- .share-item-cent li{
- width:33.3%;
- text-align:center;
- float:left;
- font-size: 0.28rem;
- }
- .share-item-cent img{
- width: 0.9rem;
- }
- .share-item-cancel{
- height: 0.98rem;
- line-height: 0.98rem;
- width:100%;
- text-align:center;
- background:#ffffff;
- font-size: 0.28rem;
- }
- .header-mask{
- position:fixed;width:100%;height:70px;z-index:2;background:#ffffff;
- }
- .weui-mask {
- position: fixed;
- z-index: 3;
- top: 0;
- right: 0;
- left: 0;
- bottom: 0;
- background: rgba(0, 0, 0, .6);
- }
- .weui-mask_transparent{
- position: fixed;
- z-index: 3;
- top: 0;
- right: 0;
- left: 0;
- bottom: 0;
- }
- .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
- bottom: 0;
- }
- .swiper-pagination-bullet {
- background: #fff;
- opacity: .8;
- }
- .swiper-pagination-bullet-active {
- background: #d9251c;
- }
- #goods_price_span span.down {
- color: #d9251c;
- padding-left: 0.2rem;
- font-size: 0.24rem;
- }
- .feed-item{
- /*width:100%;*/
- border-bottom: 1px solid #e8e8e8;
- position:relative;
- padding: 0.2rem 0.32rem;
- }
- .feed-item ul{
- width:100%;
- clear: both;
- }
- .fl {
- float:left;
- }
- .feed-item-right{
- padding-left: 0.2rem;
- }
- .feed-item-titel{
- font-size: 0.24rem;
- color: #999;
- padding: 0.2rem 0;
- }
- .user-head{
- width: 0.7rem;
- height: 0.7rem;
- border-radius:50%;
- }
- .feed-img{
- float: left;
- width: 1.2rem;
- height: 1.2rem;
- padding-right: 0.3rem;
- }
- .my-rating{
- position: absolute;
- right: 0.32rem;
- top: 0.2rem;
- }
- .my-rating .jq-star {
- width: 0.3rem !important;
- height: 0.3rem !important;
- }
- .no_active {
- border: #eee 1px solid;
- color: #aaa;
- }
- .back-top {
- bottom: 60px;
- }
- .nav_fixed {
- position: fixed;
- margin-top: 0.86rem;
- top: 0;
- }
- .goods-tab-b.goods-tab img {
- max-width: 100% !important;
- height: auto !important;
- }
- .buy-kuc-tip {
- display: none;
- }
- </style>
- <script>
- (function(w, d, m) {
- function r() {
- var t = 100,
- o = 750,
- e = d.documentElement.clientWidth || w.innerWidth,
- n = m.max(m.min(e, 480), 320),
- h = 50;
- 320 >= n && (h = m.floor(n / o * t * .99)),
- n > 320 && 362 >= n && (h = m.floor(n / o * t * 1)),
- n > 362 && 375 >= n && (h = m.floor(n / o * t * 1)),
- n > 375 && (h = m.floor(n / o * t * .97)),
- d.querySelector("html").style.fontSize = (e/7.5) + "px"
- };
- r();
- w.onresize = function() {
- r()
- }
- })(window, document, Math);
- </script>
- </head>
- <body class="box">
- <div class="topbar"></div>
- <header class="back-header" id="fix1">
- <ul>
- <li style="width: 0.66rem;" class="back-btn">
- <div class="hotel-top-back"><span class="iconfont"></span></div>
- </li>
- <li style="width: 5.5rem;">
- <div class="goods-btn font-rem11" style="text-align: center;margin: auto;">
- <span class="goods-btn-active goods-tab-btn font-rem11 goods-tab-btn-a" tag="goods-tab-a">商品</span>
- <span class="goods-tab-btn font-rem11 goods-tab-btn-b" tag="goods-tab-b">详情</span>
- </div>
- </li>
- <li style="width: 0.66rem;">
- <div class="hotel-top-back" id="share-btn" style="float:right;"><span class="iconfont"></span></div>
- </li>
- </ul>
- </header>
- <div class="goods-tab-a goods-tab">
- <div class="home-ads">
- <div class="swiper-container">
- <div class="swiper-wrapper">
- </div>
- <div class="swiper-pagination"></div>
- </div>
- </div>
- <div class="h10"></div>
- <section>
- <div class="goods-desc">
- <ul>
- <li style="width: 5.1rem;">
- <span class="goods-desc-item font-rem11" id="goods_name"></span>
- <p style="font-size: 0.26rem;color: #999;padding: 0.2rem 0 0.2rem 0px;">购买得<span class="goods-costprice">0</span>圈币</p>
- <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>
- </li>
- <li style="width: 1.7rem;">
- <div class="goods-desc-right">
- <ul class="show-feedgoods">
- <li style="line-height: 0.58rem;"><span class="iconfont" style="color: #999;"></span></li>
- <li class="goods-desc-percentage"><span class="goods-desc-item color-red" style="color: #d9251c;"><span id="praise" style="color: #d9251c;">0</span>%</span>
- <p>好评率</p>
- </li>
- </ul>
- <div class="goods-desc-mtotal">月销售 <span id="sale-number">0</span></div>
- </div>
- </li>
- </ul>
- </div>
- </section>
- <div class="back-h50"></div>
- <div class="my-order padding-08 select-goods-size font-rem11" style="border-bottom: none;">规格数量选择<span class="right-tag iconfont" style="color: #999;"></span></div>
- <div class="back-h50"></div>
- <div class="feed-list">
- <div class="my-order padding-08 feedgoods font-rem11" style="border-bottom: none;">
- 评价<span class="right-tag iconfont" style="color: #999;"></span>
- </div>
- </div>
- <div class="back-h50"></div>
- </div>
- <div class="mask-goods mask-hidden">
- <div class="goods-size mask-hidden">
- <div class="goods-size-title">
- <ul>
- <li style="position: relative;"><img id="goods_image" src="../../image/0002.jpg" /></li>
- <li style="margin-left: 1.95rem;color: #000;">¥<span id="regoods_price"></span>
- <p id="goods-size-item">
- <span class="default-item1">请选择规格数量</span>
- </p>
- </li>
- <li><span class="close-goods-size iconfont"></span></li>
- </ul>
- </div>
- <div class="h2" style="padding-top: 0.33rem;"></div>
- <div class="goods-size-item">
- </div>
- <div class="goods-tag-item"><span>数量</span>
- <div class="add-num">
- <ul>
- <li class="num-down">-</li>
- <li><input class="buy-num" id="buy-num" data-kuc="1" type="tel" value="1" /></li>
- <li style="border-right:none;" class="num-up">+</li>
- </ul>
- </div>
- </div>
- </div>
- </div>
- <div class="goods-tab-b goods-tab">
- <div class="goods-tab-b-line" id="nav_fixed">
- <div><span class="goods-tab-active font-rem11 goods-tab-btn2" tag="goods-tab-c">详情</span></div>
- <div><span class="font-rem11 goods-tab-btn2" tag="goods-tab-d">常见问题</span></div>
- </div>
- <section>
- <div id="goods-content" class="goods-tab2 goods-tab-c"></div>
- <div id="goods-issue" class="mask-hidden goods-tab2 goods-tab-d"></div>
- </section>
- </div>
- <div class="share-item mask-hidden">
- <div>
- <div class="share-item-tips">分享至</div>
- <div class="share-item-cent">
- <ul>
- <li class="share-item-friend"><img src="../../image/share_friend.png" />
- <p>微信好友</p>
- </li>
- <li class="share-item-cale"><img src="../../image/share_cale.png" />
- <p>微信朋友圈</p>
- </li>
- <li class="share-item-qq"><img src="../../image/share_qq.png" />
- <p>QQ</p>
- </li>
- </ul>
- </div>
- <div class="share-item-cancel">取消</div>
- </div>
- </div>
- <div class="buy-btn">
- <ul>
- <li class="buy-btn-item" style="width: 2.2rem;border-right:0px;">立即购买</li>
- <li class="add-buycar" style="width: 2.2rem">加入购物车</li>
- <li style="width: 1rem;" class="go-buycar">
- <img src="../../image/goods_buy_car.png" />
- <span class="msg-total mask-hidden" style="position: absolute;transform: translateY(75%) translateX(-37%);animation: bounceOut 2s;">10</span>
- </li>
- <li style="width: 1rem;" class="add-favorite"><img id="favorite" src="../../image/goods_buy_favorite.png" /></li>
- <li style="width: 1rem;" class="go-home"><img src="../../image/goods_buy_home.png" /></li>
- </ul>
- </div>
- <div class="weui-mask mask-hidden"></div>
- <div class="back-top mask-hidden" id="fix2"></div>
- </body>
- <script type="text/javascript" src="../../script/api.js"></script>
- <script type="text/javascript" src="../../script/jquery.min.js"></script>
- <script type="text/javascript" src="../../script/jquery.tap.js"></script>
- <script type="text/javascript" src="../../script/swiper.min.js"></script>
- <script type="text/javascript" src="../../script/imagesloaded.pkgd.min.js"></script>
- <script type="text/javascript" src="../../script/jquery.star-rating-svg.js"></script>
- <script type="text/javascript">
- var _keyid = '';
- var _size_item = new Array();
- var _single_price = '0.00';
- var _goods_id = '';
- var _sku_open = false;
- var _spot = '1';
- var _storeid = '';
- var _freight = '';
- var _images = [];
- var _isfavorite = false;
- var _shareimg = '';
- var _description = '';
- var _title = '';
- var _shareurl = '';
- var _storeid_url = '';
- var _sku_data = {};
- var _sku_spec_map = {};
- apiready = function() {
- _keyid = api.pageParam.keyid;
- _storeid = api.pageParam.storeid;
- // _spot = api.pageParam.spot;
- setIosTopBar();
- getRouteData(_keyid, _storeid);
- // chkfavorite();
- getfeed();
- api.addEventListener({
- name: 'longpress'
- }, function(ret, err) {
- save_img();
- });
- };
- function getRouteData(_keyid, _storeid) {
- $.ajax({
- url: siteurl + 'v2/goods/detail',
- data: {
- goods_commonid: _keyid,
- store_id: _storeid
- },
- headers: { "X-TOKEN": $api.getStorage("accesstoken") },
- dataType: 'json',
- type: 'post',
- success: function(datas) {
- if (datas.result) {
- if (datas.data.is_platform_store == '1') {
- _storeid_url = datas.data.store_id;
- _spot = '2';//公共商品,未进货
- } else {
- _storeid_url = datas.data.public_store_id;
- }
- $("#goods_name").html(datas.data.goods_name);
- _title = datas.data.goods_name;
- // _spot = datas.data.is_platform_store;
- _description = datas.data.goods_name;
- _shareurl = siteurl + 'v1/view/market.html'; //'home/goods/index/goods_id/' + datas.data.goods_commonid + '.html';
- $("#goods_price").html(datas.data.goods_price);
- $("#goods_image").attr("src", siteurl + "uploads/home/store/goods/" + datas.data.goods_image.substr(0, datas.data.goods_image.indexOf("\_")) + "/" + datas.data.goods_image);
- _shareimg = siteurl + "uploads/home/store/goods/" + datas.data.goods_image.substr(0, datas.data.goods_image.indexOf("\_")) + "/" + datas.data.goods_image;
- $("#regoods_price").html(datas.data.goods_price);
- $(".line-through").html(datas.data.goods_marketprice);
- $("#goods-content").html('<p></p>'+datas.data.goods_body);
- $("#goods-issue").html(datas.data.issue);
- $(".msg-total").html(datas.data.cart);
- if ( datas.data.cart > 0 ) {
- $(".msg-total").html(datas.data.cart);
- $(".msg-total").removeClass("mask-hidden");
- }
- if ( datas.data.has_collected == 1 ) {
- $("#favorite").attr("src", "../../image/favorite2.png");
- }
- if ( datas.data.hide_collect == 1 ) {
- $("#favorite").parent(".add-favorite").attr("nofav", true);
- }
- if (datas.data.store_id == 1) {//goods_storage
- $("#goods_price_span").append('<span class="down"> 已下架</span>');
- $(".add-buycar").data('state', '0');
- $(".buy-btn-item").data('state', '0');
- _spot = 2;
- } else {
- if ( datas.data.goods_state != 1 || datas.data.goods_storage < 1 ) {
- $("#goods_price_span").append('<span class="down"> 已下架</span>');
- $(".add-buycar").data('state', '0');
- $(".buy-btn-item").data('state', '0');
- _spot = 2;
- }
- }
- if (datas.data.points == 0) {
- //rgba(0, 0, 0, 0)
- $(".goods-costprice").css("color", "rgba(0, 0, 0, 0)");
- $(".goods-costprice").parent("p").css("color", "rgba(0, 0, 0, 0)");
- } else {
- $(".goods-costprice").html(datas.data.points);
- }
- $("#sale-number").html(datas.data.sale_number);
- $("#praise").html(datas.data.praise);
- $("#goods-costprice").html(datas.data.goods_costprice);
- var _html = '';
- if ( datas.data.spec_list.length > 0 ) {
- _sku_data = datas.data.goods_list;
- _sku_spec_map = datas.data.spec_map;
- var i = 0;
- $.each(datas.data.spec_name, function(index, item) {
- _html += '<div class="goods-tag-item" ptag="item' + index + '">' + item + '</div><div class="h2"></div><div class="tag_item">';
- $.each(datas.data.spec_value, function(index2, item2) {
- if (index == index2) {
- // var x = 0;
- $.each(item2, function(index3, item3) {
- // console.log(i)
- // console.log(index3)
- // if ( item2.length == 1 ) {
- _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>';
- // } else {
- // if ( datas.data.goods_list[x].goods_storage > 0 ) {
- // _html += '<span class="goods-tag" ptag="item' + index + '" index="' + index2 + '" tag="' + index3 + '" spec_goods_image="'+datas.data.goods_list[x].goods_image+'" spec_goods_price="'+datas.data.goods_list[x].goods_price+'" spec_id="'+datas.data.goods_list[x].goods_id+'">' + item3 + '</span>';
- // } else {
- // _html += '<span class="goods-tag no_active" ptag="item' + index + '" index="' + index2 + '" tag="' + index3 + '" spec_goods_image="'+datas.data.goods_list[x].goods_image+'" spec_goods_price="'+datas.data.goods_list[x].goods_price+'" spec_id="'+datas.data.goods_list[x].goods_id+'">' + item3 + '</span>';
- // }
- // console.log(x)
- // x++;
- // }
- })
- // console.log(index, index2)
- }
- })
- _html += '</div><div class="h10"></div>';
- $("#goods-size-item").append('<span tag="" class="size-item item' + index + '"></span> ');
- i++;
- })
- $("#goods-size-item").append('<span class="buy-num-tip"></span><span class="buy-kuc-tip"></span>');
- } else {
- $("#goods-size-item").html('<span class="buy-num-tip"></span><span class="buy-kuc-tip"></span>');
- // 无规格
- $.each(datas.data.goods_list, function (index_n_spec, item_n_p) {
- // body...
- $("#regoods_price").html(item_n_p.goods_price);
- _goods_id = item_n_p.goods_id;
- _sku_open = true;
- _single_price = item_n_p.goods_price;
- if (item_n_p.goods_image) {
- $("#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);
- }
- $("#buy-num").data("kuc", item_n_p.goods_storage);
- function_name();
- $(".buy-num-tip").text("x" + $("#buy-num").val());
- $(".buy-kuc-tip").text(' ( 库存 '+ item_n_p.goods_storage +' ) ');
- var _num = parseInt($("#buy-num").val());
- var _goods_price = _single_price * _num;
- $("#regoods_price").html(_goods_price.toFixed(2));
- });
- }
- if (datas.data.images.length > 0) {
- $.each(datas.data.images, function(index_b, item_b) {
- $(".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>');
- _images.push(siteurl + "uploads/home/store/goods/" + item_b.goodsimage_url.substr(0, item_b.goodsimage_url.indexOf("\_")) + "/" + item_b.goodsimage_url);
- })
- }
- var swiper = new Swiper('.swiper-container', {
- allowSlidePrev: true,
- pagination: {
- el: '.swiper-pagination',
- },
- });
- $(".goods-size-item").append(_html);
- set_checked_list();
- } else {
- errcode(datas, datas.code);
- }
- function_name();
- }
- });
- }
- $(function() {
- $(window).scroll(function() {
- var a = document.getElementById("nav_fixed").offsetTop;
- var b = document.getElementById("fix1").offsetTop;
- if (a > $(window).scrollTop() && a < ($(window).scrollTop() + $(window).height())) {
- $("#nav_fixed").removeClass("nav_fixed");
- }
- if (($("#nav_fixed").outerHeight() + a) <= $(window).scrollTop()) {
- $("#nav_fixed").removeClass("mask-hidden");
- $("#nav_fixed").addClass("nav_fixed");
- $(".goods-tab-b-line.nav_fixed").css("top", (b - 1) + 'px');
- }
- if ( a === 0 || a == b ) {
- $("#nav_fixed").addClass("mask-hidden");
- $(".goods-tab-a").removeClass("mask-hidden");
- }
- });
- var aa = [];
- var i = 0;
- var src = [];
- var json = null;
- aa = $('img');
- for (i = 1; i < aa.length; i++) {
- src[i] = aa[i].src;
- }
- $("img").click(function() {
- var index = $('img').index(this);
- // imagePreview(src[index],src);
- });
- })
- function spot_msg() {
- // body...
- if ( _spot == 2 ) {
- api.toast({ msg: '商品已下架' });
- return false;
- }
- }
- function get_checked_list() {
- var ret = [];
- $('.tag_item').each(function (index,element) {
- var ac = $(this).find('.goods-tag-active');
- if(ac.length > 0){
- var tag = ac.attr('tag');
- ret.push({
- line:index, key: tag
- });
- }
- })
- return ret;
- }
- function get_sku(goods_list, spec_map, checked_list) {
- var list = [];
- for (var i in spec_map) {
- list.push({"spec_map": i.split("_"), "key": spec_map[i]})
- }
- var ret = [];
- var checked_spec = [];
- var checked_neer = [];
- for (var i in checked_list) {
- checked_spec.push(checked_list[i].key);
- }
- for (var j in list) {
- var flag = [];
- var all_spec_key = [];
- for (var i in checked_list) {
- checked_neer.push(list[j].spec_map[checked_list[i].line]);
- if (list[j].spec_map.indexOf(checked_list[i].key.toString()) === checked_list[i].line * 1) {
- flag.push(list[j]);
- all_spec_key = (list[j].spec_map)
- }
- }
- if (checked_list.length == flag.length) {
- var goods_info = goods_list[list[j].key]
- if (goods_info.goods_storage > 0) {
- ret.push(all_spec_key)
- }
- }
- }
- return ret;
- }
- function spec_map_check(goods_list, spec_map, line, key, checked_list) {
- for(var i in checked_list){
- if(checked_list[i].key != key && checked_list[i].line == line){
- checked_list[i].key = key
- }
- }
- var e = get_sku(goods_list, spec_map, checked_list);
- if(e.length > 0){
- return true;
- }else{
- return false;
- }
- }
- $(".home-ads").on("tap", "img", function() {
- // console.log($(this).attr("src"));
- gallery_qz($(this).attr("src"));
- });
- $(".feed-list").on("tap", "img", function() {
- // console.log($(this).attr("src"));
- gallery_qz($(this).attr("src"));
- });
- $(".goods-content").on("tap", "img", function() {
- // console.log($(this).attr("src"));
- gallery_qz($(this).attr("src"));
- });
- function getfeed() {
- $.ajax({
- url: rooturl + '?do=getevaluategoods',
- data: {
- goodsid: _keyid
- },
- dataType: 'json',
- type: 'post',
- success: function(datas) {
- if (datas.length > 0) {
- $.each(datas, function(index, item) {
- if (index == 1) {
- return false;
- }
- var _html = '';
- if (item.geval_image) {
- var _imglist = item.geval_image.split(",");
- } else {
- var _imglist = '';
- }
- _html += '<div class="feed-item"><ul>';
- _html += '<li class="fl" style="width: 0.7rem;"><img src="' + item.member_avatar + '" class="user-head"/></li>';
- _html += '<li class="feed-item-right fl">' + item.member_truename + '<p class="feed-item-titel">' + item.geval_addtime + '</p></li>';
- _html += '<li><div class="my-rating my-rating' + index + '"></div></li></ul>';
- _html += '<ul><li>' + item.geval_content + '</li></ul><ul style="margin-top: 0.25rem;"><li>';
- if (_imglist.length > 0) {
- for (var i = 0; i < _imglist.length; i++) {
- _html += '<img src="' + _imglist[i] + '" style="width: 1.2rem;height: 1.2rem;margin-right: 0.3rem;"/>';
- }
- }
- _html += '</li></ul><div class="h50"></div></div>';
- $(".feed-list").append(_html);
- $(".my-rating" + index).starRating({
- starSize: 24,
- activeColor: '#d9251c',
- starShape: 'rounded',
- hoverColor: '#d9251c',
- useGradient: false,
- initialRating: item.geval_scores,
- readOnly: true,
- callback: function(currentRating, $el) {
- // make a server call here
- }
- });
- })
- }
- }
- });
- }
- function openPhotoBrowser(_index) {
- var UIPhotoViewer = api.require('UIPhotoViewer');
- UIPhotoViewer.open({
- images: _images,
- activeIndex: _index,
- placeholderImg: 'widget://image/loading_more.gif',
- bgColor: '#000'
- }, function(ret, err) {
- api.openFrame({
- name: 'TEST',
- url: './photoSwiperJson_frm.html',
- rect: {
- x: 0,
- marginTop: 10,
- w: 'auto',
- h: 100,
- marginBottom: 50
- }
- });
- api.bringFrameToFront({
- from: 'TEST'
- });
- });
- }
- function closePhotoViewer() {
- var UIPhotoViewer = api.require('UIPhotoViewer');
- UIPhotoViewer.close();
- }
- $(".share-item-friend").on("tap", function() {
- var wx = api.require('wx');
- wx.shareProgram({
- apiKey: '',
- scene: 'session',
- title: _title,
- description: _description,
- thumb: 'widget://image/logo2.png',
- webpageUrl: _shareurl,
- userName: 'gh_344fb21bce0f',
- path: 'pages/index/shop?id='+_keyid+'&store_id'+_storeid,
- }, function(ret, err) {
- if (ret.status) {
- alert('分享成功');
- } else {
- alert(err.code);
- }
- });
- /*wx.shareWebpage({
- scene: 'session',
- title: _title,
- description: _description,
- thumb: 'widget://image/logo2.png',
- contentUrl: _shareurl
- }, function(ret, err) {
- if (ret.status) {
- //alert("分享成功!");
- api.toast({ msg: '分享成功!' });
- setPoint();
- } else {
- // alert(err.code);
- api.toast({ msg: err.msg });
- }
- });*/
- $(".share-item").slideUp(500, function() {});
- $(".weui-mask").addClass("mask-hidden");
- _show = false;
- return false;
- })
- $(".share-item-cale").on("tap", function() {
- var wx = api.require('wx');
- wx.shareWebpage({
- scene: 'timeline',
- title: _title,
- description: _description,
- thumb: 'widget://image/logo2.png',
- contentUrl: _shareurl
- }, function(ret, err) {
- if (ret.status) {
- //alert("分享成功!");
- api.toast({ msg: '分享成功!' });
- setPoint();
- } else {
- // alert(err.code);
- api.toast({ msg: err.msg });
- }
- });
- $(".share-item").slideUp(500, function() {});
- $(".weui-mask").addClass("mask-hidden");
- _show = false;
- return false;
- })
- $(".share-item-qq").on("tap", function() {
- var qq = api.require('QQPlus');
- qq.shareNews({
- url: _shareurl,
- title: _title,
- description: _description,
- imgUrl: _shareimg
- }, function(ret, err) {
- if (ret.status) {
- //alert("分享成功!");
- api.toast({ msg: '分享成功!' });
- setPoint();
- } else {
- // alert(err.code);
- api.toast({ msg: err.msg });
- }
- });
- $(".share-item").slideUp(500, function() {});
- $(".weui-mask").addClass("mask-hidden");
- _show = false;
- return false;
- })
- var _show = false;
- $("#share-btn").on("tap", function() {
- if (_show == false) {
- $(".share-item").slideDown(500, function() {});
- $(".weui-mask").removeClass("mask-hidden");
- _show = true;
- } else {
- $(".share-item").slideUp(500, function() {});
- _show = false;
- }
- return false;
- })
- $(".share-item-cancel").on("tap", function() {
- $(".share-item").slideUp(500, function() {});
- $(".weui-mask").addClass("mask-hidden");
- _show = false;
- return false;
- })
- $(".goods-size-item").on("tap", ".goods-tag", function() {
- // $(this).addClass('goods-tag-active').siblings('.goods-tag-active').removeClass('goods-tag-active');
- if ( $(this).hasClass("no_active") ) {
- return false;
- }
- var _index = $(this).attr("index");
- $(".goods-tag").each(function() {
- if ($(this).attr("index") == _index) {
- $(this).removeClass("goods-tag-active");
- }
- })
- $(this).addClass("goods-tag-active");
- $(".default-item1").empty();
- $("." + $(this).attr("ptag")).text($(this).text());
- $("." + $(this).attr("ptag")).attr("tag", $(this).attr("tag"));
- _size_item = [];
- var _sku_spec_map_index = '';
- $(".size-item").each(function(xind) {
- if ($(this).text() != "") {
- var _item = $(this).attr("tag") + ":" + $(this).text();
- if (xind == 0) {
- _sku_spec_map_index += $(this).attr("tag");
- } else {
- _sku_spec_map_index += '_' + $(this).attr("tag");
- }
- _size_item.push(_item);
- }
- })
- // console.log(_sku_spec_map_index)
- // console.log(_sku_spec_map[_sku_spec_map_index])
- // console.log(_sku_data[_sku_spec_map[_sku_spec_map_index]].spec_img)
- set_checked_list();
- if (_size_item.length == $(".size-item").length) {
- _single_price = _sku_data[_sku_spec_map[_sku_spec_map_index]].goods_price;//$(this).attr("spec_goods_price");
- _goods_id = _sku_data[_sku_spec_map[_sku_spec_map_index]].goods_id;//$(this).attr("spec_id");
- $("#goods_image").attr("src", _sku_data[_sku_spec_map[_sku_spec_map_index]].spec_img);
- $("#buy-num").data("kuc", _sku_data[_sku_spec_map[_sku_spec_map_index]].goods_storage);
- function_name();
- $(".buy-num-tip").text("x" + $("#buy-num").val());
- $(".buy-kuc-tip").text(' ( 库存'+_sku_data[_sku_spec_map[_sku_spec_map_index]].goods_storage+' )');
- var _num = parseInt($("#buy-num").val());
- var _goods_price = _single_price * _num;
- $("#regoods_price").html(_goods_price.toFixed(2));
- }
- return false;
- })
- function set_checked_list() {
- $('.tag_item').each(function (index, element) {
- $(this).find('.goods-tag').each(function (i,e) {
- var is_checked = spec_map_check( _sku_data, _sku_spec_map, index, $(e).attr('tag'), get_checked_list());
- if(!is_checked){
- $(e).addClass('no_active');
- }else{
- $(e).removeClass('no_active');
- }
- })
- })
- }
- $(".select-goods-size").on("tap", function() {
- showGoodsSize();
- return false;
- })
- function showGoodsSize() {
- $(".mask-goods").show();
- $(".goods-size").show(100);
- $(".weui-mask").removeClass("mask-hidden");
- }
- $(".close-goods-size").on("tap", function() {
- $(".mask-goods").hide();
- $(".goods-size").hide();
- $(".weui-mask").addClass("mask-hidden");
- return false;
- })
- $(".num-up").on("tap", function() {
- if ( _spot == 2 ) {
- api.toast({ msg: '商品已下架' });
- return false;
- }
- var _num = parseInt($(".buy-num").val()) + 1;
- var _kucun = $("#buy-num").data("kuc");
- if (_num > _kucun) {
- api.toast({ msg: '库存不足' });
- return false;
- }
- $("#buy-num").val(_num);
- $(".buy-num-tip").text("x" + $(".buy-num").val());
- var _goods_price = _single_price * _num;
- $("#regoods_price").html(_goods_price.toFixed(2));
- return false;
- })
- $(".num-down").on("tap", function() {
- if ( _spot == 2 ) {
- api.toast({ msg: '商品已下架' });
- return false;
- }
- if (parseInt($("#buy-num").val()) > 1) {
- var _num = parseInt($(".buy-num").val()) - 1;
- $("#buy-num").val(_num);
- $(".buy-num-tip").text("x" + $(".buy-num").val());
- var _goods_price = _single_price * _num;
- $("#regoods_price").html(_goods_price.toFixed(2));
- }
- return false;
- })
- $(".buy-btn-item").on("tap", function() {
- if ( _spot == 2 ) {
- api.toast({ msg: '商品已下架' });
- return false;
- }
- // if ($(".buy-btn-item").data("state") == 0) {
- // api.toast({ msg: '商品已下架!' });
- // return false;
- // }
- if (_goods_id == "") {
- //api.toast({ msg:'请选择商品参数!'});
- showGoodsSize();
- return false;
- }
- if (_sku_open) {
- showGoodsSize();
- _sku_open = false;
- return false;
- }
- var _goodsx = [];
- _goodsx.push({"goods_id": _goods_id, "buy_num": $("#buy-num").val() });
- $.ajax({
- url: siteurl + 'v1/order/save_og',//'?do=saveordergoods',
- data: {
- store_id: _storeid,
- goods: JSON.stringify(_goodsx),
- goods_id: _goods_id,
- buy_num: $("#buy-num").val(),
- buyer_id: $api.getStorage("memberid")
- },
- headers: { "X-TOKEN": $api.getStorage("accesstoken") },
- dataType: 'json',
- type: 'post',
- success: function(datas) {
- if (datas.result) {
- // var _gorderid = datas.gorderid;
- api.openWin({
- name: 'postaddr',
- url: 'postaddr.html',
- bounces: false,
- pageParam: {
- gorderid: datas.data.order_id,
- storeid: _storeid
- }
- });
- } else {
- errcode(datas, datas.code);
- }
- }
- });
- return false;
- })
- $(".feedgoods,.show-feedgoods").on("tap", function() {
- api.openWin({
- name: 'feedgoods',
- url: 'feedgoods.html',
- bounces: false,
- pageParam: {
- keyid: _keyid
- }
- });
- return false;
- })
- $(".go-home").on("tap", function() {
- api.openWin({
- name: 'hoteldtl',
- url: 'hoteldtl.html',
- bounces: false,
- animation: {
- type: 'push',
- subType: 'from_left'
- },
- pageParam: {
- keyid: _storeid
- }
- });
- setTimeCloseWin("showgoods");
- return false;
- })
- $(".go-buycar").on("tap", function() {
- // if ( _spot == 2 ) {
- // api.toast({ msg: '商品已下架' });
- // return false;
- // }
- api.openWin({
- name: 'buycar',
- url: 'buycar.html',
- bounces: false,
- pageParam: {
- keyid: _keyid,
- storeid: _storeid
- }
- });
- return false;
- })
- $(".add-buycar").on("tap", function() {
- if ( _spot == 2 ) {
- api.toast({ msg: '商品已下架' });
- return false;
- }
- // if ($(".add-buycar").data("state") == 0) {
- // api.toast({ msg: '商品已下架' });
- // return false;
- // }
- if (_goods_id == "") {
- showGoodsSize();
- return false;
- }
- if (_sku_open) {
- showGoodsSize();
- _sku_open = false;
- return false;
- }
- $(".msg-total").css("animation", "");
- $.ajax({
- url: siteurl + 'v2/order/add_cart',//'?do=addbuycar',
- data: {
- goods_id: _goods_id,
- store_id: _storeid,
- goods_num: $("#buy-num").val(),
- buyer_id: $api.getStorage("memberid")
- },
- headers: { "X-TOKEN": $api.getStorage("accesstoken") },
- dataType: 'json',
- type: 'post',
- success: function(datas) {
- if (datas.result) {
- $(".msg-total").css("animation", "bounceOut 2s");
- var num_car = $(".msg-total").html()*1 + $("#buy-num").val()*1;
- $(".msg-total").removeClass("mask-hidden");
- $(".msg-total").html(num_car);
- api.toast({ msg: datas.msg });
- // chkfavorite();
- } else {
- errcode(datas, datas.code);
- }
- }
- });
- return false;
- })
- $(".add-favorite").on("tap", function() {
- var xx = $(this).attr("nofav");
- $("#favorite").css("animation", "");
- if (xx) {
- api.toast({ msg: "该商品暂不支持收藏" });
- return false;
- }
- // if (!_isfavorite) {
- $.ajax({
- url: siteurl + 'v1/favorites/collect',//'?do=addfavorite',
- data: {
- fav_id: _keyid,
- buyer_id: $api.getStorage("memberid"),
- type: 'goods'
- },
- headers: { "X-TOKEN": $api.getStorage("accesstoken") },
- dataType: 'json',
- type: 'post',
- success: function(datas) {
- if (datas.result) {
- // api.toast({ msg: '加入收藏成功!' });
- $("#favorite").css("animation", "bounceOut 2s");
- if (datas.data.action == 'add') {
- _isfavorite = true;
- $("#favorite").attr("src", "../../image/favorite2.png");
- } else {
- _isfavorite = false;
- $("#favorite").attr("src", "../../image/goods_buy_favorite.png");
- }
- } else {
- errcode(datas, datas.code);
- }
- }
- });
- // } else {
- // $.ajax({
- // url: rooturl + '?do=delfavorite',
- // data: {
- // goods_id: _keyid,
- // buyer_id: $api.getStorage("memberid")
- // },
- // dataType: 'json',
- // type: 'post',
- // success: function(datas) {
- // if (datas.result) {
- // //api.toast({ msg:'删除收藏!'});
- // _isfavorite = false;
- // $("#favorite").attr("src", "../../image/goods_buy_favorite.png");
- // }
- // }
- // });
- // }
- return false;
- })
- $(".goods-tab-btn").on("tap", function() {
- $(".goods-tab").addClass("mask-hidden");
- $(".header-mask").addClass("mask-hidden");
- $("." + $(this).attr("tag")).removeClass("mask-hidden");
- $(".goods-tab-btn").removeClass("goods-btn-active");
- $(this).addClass("goods-btn-active");
- $(".goods-tab-b-line").addClass("nav_fixed");
- $(".goods-tab-b-line").addClass("mask-hidden");
- // $(".goods-tab").removeClass("mask-hidden");
- var tag = $(this).attr("tag");
- console.log(tag)
- if (tag == 'goods-tab-a') {
- $(".goods-tab-b").removeClass("mask-hidden");
- }
- $('html , body').animate({ scrollTop: 0 }, 'slow');
- return false;
- })
- $(".goods-tab-btn2").on("tap", function() {
- $(".goods-tab2").addClass("mask-hidden");
- $("." + $(this).attr("tag")).removeClass("mask-hidden");
- $(".goods-tab-btn2").removeClass("goods-tab-active");
- $(this).addClass("goods-tab-active");
- return false;
- })
- function touch() {
- $("body").on('touchstart', function(e) {
- var touch = e.originalEvent;
- startX = e.originalEvent.changedTouches[0].pageX;
- startY = e.originalEvent.changedTouches[0].pageY;
- $(".box").on('touchmove', function(e) {
- e.preventDefault();
- touch = e.originalEvent.touches[0] || e.originalEvent.changedTouches[0];
- if (touch.pageX - startX > 10) {
- } else if (touch.pageX - startX < -10) {
- };
- if (touch.pageY - startY > 3) {
- if ($(window).scrollTop() <= 30) {
- $(".goods-tab").addClass("mask-hidden");
- $(".header-mask").addClass("mask-hidden");
- $(".goods-tab-a").removeClass("mask-hidden");
- $(".goods-tab-btn").removeClass("goods-btn-active");
- $(".goods-tab-btn-a").addClass("goods-btn-active");
- }
- } else if (touch.pageY - startY < -5) {
- $(".goods-tab").addClass("mask-hidden");
- $(".header-mask").removeClass("mask-hidden");
- $(".goods-tab-b").removeClass("mask-hidden");
- $(".goods-tab-btn").removeClass("goods-btn-active");
- $(".goods-tab-btn-b").addClass("goods-btn-active");
- };
- $(".box").off('touchmove');
- });
- return false;
- }).on('touchend', function() {
- $(".box").off('touchmove');
- })
- }
- function chkfavorite() {
- $(".msg-total").addClass("mask-hidden");
- $.ajax({
- url: rooturl + '?do=chkfavorite',
- data: {
- goods_id: _keyid,
- store_id: _storeid,
- buyer_id: $api.getStorage("memberid")
- },
- dataType: 'json',
- type: 'post',
- success: function(datas) {
- if (datas.fav) {
- _isfavorite = true;
- $("#favorite").attr("src", "../../image/favorite2.png");
- }
- $(".msg-total").html(datas.cart);
- $(".msg-total").removeClass("mask-hidden");
- }
- });
- }
- function save_img() {
- // body...
- var _img_url = $("body .weui-gallery").data("imgurl");
- if ( typeof(_img_url) == "undefined" ) {
- console.log(_img_url)
- } else {
- var _img_arr = '';
- // alert(_img_url);
- _img_arr = _img_url.substr((_img_url.lastIndexOf("/")+1));
- console.log(_img_arr)
- console.log(_img_url)
- api.confirm({
- title: '保存图片',
- buttons: ['取消', '确定']
- }, function (ret, err) {
- // body...
- // alert(JSON.stringify(ret))
- var index = ret.buttonIndex;
- if (index == 2) {
- download_img(_img_url, _img_arr)
- }
- })
- }
- }
- function download_img(img_url, save_name) {
- // body...
- api.download({
- url: img_url,
- encode: false,
- cache: true,
- savePath: 'fs://' + save_name,
- }, function (ret, err) {
- // body...
- if (ret.state == 1) {
- api.saveMediaToAlbum({
- path: 'fs://' + save_name
- }, function (ret, err) {
- // body...
- if (ret && ret.status) {
- api.toast({msg: '保存成功'})
- } else {
- api.toast({msg: '保存失败'})
- }
- })
- } else {
- api.toast({msg: '下载失败' })
- }
- })
- }
- function setPoint() {
- $.ajax({
- url: siteurl + 'v1/member/point',
- data: {
- memberid: $api.getStorage("memberid"),
- stage: 'share'
- },
- headers: { "X-TOKEN": $api.getStorage("accesstoken") },
- dataType: 'json',
- type: 'post',
- success: function(datas) {
- if (datas.result) {
- //
- } else {
- errcode(datas, datas.code);
- }
- }
- });
- }
- $(".back-top").on("tap", function() {
- $('html , body').animate({ scrollTop: 0 }, 'slow');
- return false;
- });
- $.fn.fixedDiv = function(actCls) {
- var that = $(this),
- offsetTop = that.offset().top,
- scrollTop;
- function fix() {
- scrollTop = $(document).scrollTop();
- if (scrollTop > offsetTop) {
- that.addClass(actCls);
- $("#nav_fixed").removeClass("mask-hidden");
- } else {
- that.removeClass(actCls);
- }
- }
- fix();
- $(window).scroll(fix);
- }
- $.fn.fixedDivx = function(actCls) {
- var that = $(this),
- offsetTop = that.offset().top,
- scrollTop;
- function fix() {
- scrollTop = $(document).scrollTop();
- if (scrollTop > offsetTop) {
- that.removeClass(actCls);
- } else {
- that.addClass(actCls);
- }
- }
- fix();
- $(window).scroll(fix);
- }
- $('#fix1').fixedDiv('white-back');
- $('#fix2').fixedDivx('mask-hidden');
- </script>
- </html>
|