|
@@ -0,0 +1,1525 @@
|
|
|
|
+<!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>
|