|
@@ -14,17 +14,34 @@
|
|
|
<link rel="stylesheet" type="text/css" href="../../css/swiper.min.css" />
|
|
|
<style>
|
|
|
.back-header {
|
|
|
- background: rgb(0, 0, 0, 0);
|
|
|
+ background:#fff;
|
|
|
+ position: fixed;
|
|
|
+ top: 0;
|
|
|
+ left: 0;
|
|
|
+ right: 0;
|
|
|
+ z-index: 2;
|
|
|
}
|
|
|
.swiper-container {
|
|
|
width: 100% !important;
|
|
|
height: 7.5rem;
|
|
|
+ transform:translate3d(0,0,0);
|
|
|
+ overflow:hidden;
|
|
|
}
|
|
|
.swiper-slide img {
|
|
|
width: 7.5rem;
|
|
|
height: 7.5rem;
|
|
|
object-fit:cover;
|
|
|
- }
|
|
|
+ transform:translate3d(0,0,0)
|
|
|
+ }
|
|
|
+ .swiper-container-free-mode > .swiper-wrapper {
|
|
|
+ -webkit-transition-timing-function: linear; /*之前是ease-out*/
|
|
|
+ -moz-transition-timing-function: linear;
|
|
|
+ -ms-transition-timing-function: linear;
|
|
|
+ -o-transition-timing-function: linear;
|
|
|
+ transition-timing-function: linear;
|
|
|
+ margin: 0 auto;
|
|
|
+ transform:translate3d(0,0,0)
|
|
|
+ }
|
|
|
.goods-btn{
|
|
|
margin:auto;
|
|
|
width:60%;
|
|
@@ -48,7 +65,6 @@
|
|
|
}
|
|
|
.goods-desc li{
|
|
|
float:left;
|
|
|
- /*width:50%;*/
|
|
|
}
|
|
|
.buy-btn{
|
|
|
width:100%;
|
|
@@ -186,16 +202,13 @@
|
|
|
}
|
|
|
.goods-tab-b-line{
|
|
|
width: 100%;
|
|
|
- height: 0.8rem;
|
|
|
- line-height: 0.8rem;
|
|
|
+ height: 0.85rem;
|
|
|
+ line-height: 0.85rem;
|
|
|
background: #fafafa;
|
|
|
- /*position: fixed;*/
|
|
|
+ position: sticky;
|
|
|
+ top: 0.85rem;
|
|
|
z-index: 3;
|
|
|
}
|
|
|
- .goods-tab2 {
|
|
|
- padding-bottom: 1rem;
|
|
|
- /*padding-top: 0.7rem;*/
|
|
|
- }
|
|
|
.goods-tab-b-line div{
|
|
|
float:left;
|
|
|
width:50%;
|
|
@@ -304,7 +317,6 @@
|
|
|
font-size: 0.24rem;
|
|
|
}
|
|
|
.feed-item{
|
|
|
- /*width:100%;*/
|
|
|
border-bottom: 1px solid #e8e8e8;
|
|
|
position:relative;
|
|
|
padding: 0.2rem 0.32rem;
|
|
@@ -352,9 +364,9 @@
|
|
|
bottom: 60px;
|
|
|
}
|
|
|
.nav_fixed {
|
|
|
- position: fixed;
|
|
|
- margin-top: 0.86rem;
|
|
|
- top: 0;
|
|
|
+ position: fixed;
|
|
|
+ margin-top: 0.86rem;
|
|
|
+ top: 0;
|
|
|
}
|
|
|
.goods-tab-b.goods-tab img {
|
|
|
max-width: 100% !important;
|
|
@@ -363,6 +375,9 @@
|
|
|
.buy-kuc-tip {
|
|
|
display: none;
|
|
|
}
|
|
|
+ .goods-tab-b{
|
|
|
+ padding-bottom: 1.2rem;
|
|
|
+ }
|
|
|
</style>
|
|
|
<script>
|
|
|
(function(w, d, m) {
|
|
@@ -388,15 +403,15 @@
|
|
|
|
|
|
<body class="box">
|
|
|
<div class="topbar"></div>
|
|
|
- <header class="back-header" id="fix1">
|
|
|
+ <header class="back-header" id="header">
|
|
|
<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>
|
|
|
+ <span class="goods-btn-active goods-tab-btn font-rem11 goods-tab-btn-a" tag="goods-tab-a" onclick="activeTab(this,'a')">商品</span>
|
|
|
+ <span class="goods-tab-btn font-rem11 goods-tab-btn-b" tag="goods-tab-b" onclick="activeTab(this,'b')">详情</span>
|
|
|
</div>
|
|
|
</li>
|
|
|
<li style="width: 0.66rem;">
|
|
@@ -473,35 +488,16 @@
|
|
|
</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 class="goods-tab-b-line">
|
|
|
+ <div><span class="goods-tab-active font-rem11 goods-tab-btn2 tap-a" tag="goods-tab-c">详情</span></div>
|
|
|
+ <div><span class="font-rem11 goods-tab-btn2 tap-b" 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">
|
|
|
+ <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>
|
|
@@ -513,8 +509,27 @@
|
|
|
<li style="width: 1rem;" class="go-home"><img src="../../image/goods_buy_home.png" /></li>
|
|
|
</ul>
|
|
|
</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="weui-mask mask-hidden"></div>
|
|
|
- <div class="back-top mask-hidden" id="fix2"></div>
|
|
|
+ <div class="back-top mask-hidden" id="fix1"></div>
|
|
|
</body>
|
|
|
<script type="text/javascript" src="../../script/api.js"></script>
|
|
|
<script type="text/javascript" src="../../script/jquery.min.js"></script>
|
|
@@ -543,6 +558,9 @@ var _sku_spec_map = {};
|
|
|
var imgUrl="";
|
|
|
|
|
|
apiready = function() {
|
|
|
+ var $header = $api.byId('header');
|
|
|
+ $api.fixIos7Bar($header);
|
|
|
+ $api.fixStatusBar($header);
|
|
|
_keyid = api.pageParam.keyid;
|
|
|
_storeid = api.pageParam.storeid;
|
|
|
setIosTopBar();
|
|
@@ -587,7 +605,6 @@ function getRouteData(_keyid, _storeid) {
|
|
|
_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);
|
|
|
- console.log(datas.data.goods_marketprice);
|
|
|
$("#goods-content").html('<p></p>'+datas.data.goods_body);
|
|
|
$("#goods-issue").html(datas.data.issue);
|
|
|
if ( datas.data.cart > 0 ) {//调用赋值给购物车数量方法
|
|
@@ -633,7 +650,7 @@ function getRouteData(_keyid, _storeid) {
|
|
|
if (index == index2) {
|
|
|
$.each(item2, function(index3, item3) {
|
|
|
_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>';
|
|
|
-
|
|
|
+
|
|
|
})
|
|
|
}
|
|
|
})
|
|
@@ -690,24 +707,6 @@ function getRouteData(_keyid, _storeid) {
|
|
|
}
|
|
|
|
|
|
$(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 = [];
|
|
@@ -739,7 +738,6 @@ function spot_msg() {
|
|
|
}
|
|
|
}
|
|
|
|
|
|
-
|
|
|
function get_checked_list() {
|
|
|
var ret = [];
|
|
|
$('.tag_item').each(function (index,element) {
|
|
@@ -790,7 +788,6 @@ function get_sku(goods_list, spec_map, checked_list) {
|
|
|
}
|
|
|
|
|
|
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
|
|
@@ -804,10 +801,6 @@ function spec_map_check(goods_list, spec_map, line, key, checked_list) {
|
|
|
}
|
|
|
}
|
|
|
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
$(".home-ads").on("tap", "img", function() {
|
|
|
gallery_qz($(this).attr("src"));
|
|
|
});
|
|
@@ -815,7 +808,6 @@ $(".goods-content").on("tap", "img", function() {
|
|
|
gallery_qz($(this).attr("src"));
|
|
|
});
|
|
|
|
|
|
-
|
|
|
function getfeed() {
|
|
|
$.ajax({
|
|
|
url: rooturl + '?do=getevaluategoods',
|
|
@@ -926,7 +918,7 @@ $(".share-item-friend").on("tap", function() {
|
|
|
})
|
|
|
}
|
|
|
})
|
|
|
-
|
|
|
+
|
|
|
$(".share-item").slideUp(500, function() {});
|
|
|
$(".weui-mask").addClass("mask-hidden");
|
|
|
_show = false;
|
|
@@ -965,7 +957,7 @@ $(".share-item-qq").on("tap", function() {
|
|
|
//alert("分享成功!");
|
|
|
api.toast({ msg: '分享成功!' });
|
|
|
setPoint();
|
|
|
- }
|
|
|
+ }
|
|
|
});
|
|
|
$(".share-item").slideUp(500, function() {});
|
|
|
$(".weui-mask").addClass("mask-hidden");
|
|
@@ -1037,7 +1029,6 @@ $(".goods-size-item").on("tap", ".goods-tag", function() {
|
|
|
return false;
|
|
|
})
|
|
|
|
|
|
-
|
|
|
function set_checked_list() {
|
|
|
$('.tag_item').each(function (index, element) {
|
|
|
$(this).find('.goods-tag').each(function (i,e) {
|
|
@@ -1072,13 +1063,11 @@ function getCar() {
|
|
|
} else {
|
|
|
errcode(datas, datas.code);
|
|
|
}
|
|
|
-
|
|
|
+
|
|
|
}
|
|
|
});
|
|
|
}
|
|
|
|
|
|
-
|
|
|
-
|
|
|
$(".select-goods-size").on("tap", function() {
|
|
|
showGoodsSize();
|
|
|
return false;
|
|
@@ -1247,7 +1236,6 @@ $(".add-buycar").on("tap", function() {
|
|
|
$(".msg-total").show();
|
|
|
$(".msg-total").css("animation", "bounceOut 2s");
|
|
|
var num_car = $(".msg-total").html()*1 + $("#buy-num").val()*1;
|
|
|
- console.log(num_car);
|
|
|
$(".msg-total").removeClass("mask-hidden");
|
|
|
$(".msg-total").html(num_car);
|
|
|
api.toast({ msg: datas.msg });
|
|
@@ -1292,44 +1280,42 @@ $(".add-favorite").on("tap", function() {
|
|
|
}
|
|
|
}
|
|
|
});
|
|
|
- // } 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;
|
|
|
})
|
|
|
+function activeTab(_this,type){
|
|
|
+ $(".goods-tab2").addClass("mask-hidden");
|
|
|
+ $('.goods-tab-btn').removeClass("goods-btn-active");
|
|
|
+ $('.goods-tab-btn2').removeClass("goods-tab-active");
|
|
|
+ $(_this).addClass("goods-btn-active");
|
|
|
+ $(".header-mask").removeClass("mask-hidden");
|
|
|
+ $(".goods-tab-c").removeClass("mask-hidden");
|
|
|
+ if (type == 'a') {
|
|
|
+ $('.tap-a').addClass("goods-tab-active");
|
|
|
+ $(".goods-tab").removeClass("mask-hidden");
|
|
|
+ $(".goods-tab-b-line").removeClass("mask-hidden");
|
|
|
+ }else{
|
|
|
+ $(".goods-tab-d").addClass("mask-hidden");
|
|
|
+ $(".goods-tab-b-line").addClass("mask-hidden");
|
|
|
+ $(".goods-tab-a").addClass("mask-hidden");
|
|
|
+ }
|
|
|
+ $('html , body').animate({ scrollTop: 0 }, 'slow');
|
|
|
+}
|
|
|
+// $(".goods-tab-btn").on("tap", function() {
|
|
|
+// console.log("123")
|
|
|
+// $(".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");
|
|
|
+// // var tag = $(this).attr("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");
|
|
@@ -1406,19 +1392,13 @@ 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)
|
|
@@ -1478,23 +1458,6 @@ $(".back-top").on("tap", function() {
|
|
|
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,
|
|
@@ -1511,8 +1474,7 @@ $.fn.fixedDivx = function(actCls) {
|
|
|
fix();
|
|
|
$(window).scroll(fix);
|
|
|
}
|
|
|
-$('#fix1').fixedDiv('white-back');
|
|
|
-$('#fix2').fixedDivx('mask-hidden');
|
|
|
+$('#fix1').fixedDivx('mask-hidden');
|
|
|
</script>
|
|
|
|
|
|
</html>
|