完整代码
HUI#product-img{width:100%;}
#product-img img{width:100%;}
#product-title{line-height:30px; padding:5px 10px; font-size:16px;}
#product-price{height:30px; line-height:30px; padding:5px 10px; font-size:26px; color:#F0302F;}
#product-desc{line-height:1.8em;}
#product-desc img{width:100%;}
#addToCard{width:40%; height:56px; line-height:56px; background:#F0302F; color:#FFFFFF; text-align:center; position:fixed; right:0px; bottom:0px; z-index:22;}
.red{color:#C61523 !important;}
加载中
商品描述
var _self;
hui.plusReady(function(){
_self = plus.webview.currentWebview();
//获取商品详情
hui.loading();
hui.postJSON(
'http://shop.hcoder.net/myApi.php',
{act:"goodsInfo", id : _self.pid},
function(res){
hui.closeLoading();
//替换标题
hui('.hui-header').eq(0).find('h1').html(res.msg.goods_name);
hui('#product-title').html(res.msg.goods_name);
//替换图片
hui('#product-img').html('');
//价格
hui('#product-price').html('¥'+res.msg.market_price);
//描述
hui('#product-desc').html(res.msg.goods_desc);
}
);
//检查收藏状态
checkLike();
});
function checkLike(){
var res = isLogin();
if(!res){return false;}
var SUID = hui.getItem('SUID');
var SRAND = hui.getItem('SRAND');
hui.postJSON(
'http://shop.hcoder.net/myApi.php',
{act:"checkLike", id : _self.pid, suid : SUID, srand : SRAND},
function(res){
if(res.msg == 'yes'){
hui('#nav-like').find('div').addClass('red');
}else if(res.msg == 'no'){
hui('#nav-like').find('div').removeClass('red');
}
}
);
}
function like(){
var res = isLogin();
if(!res){
hui.open('login.html');
return false;
}
var SUID = hui.getItem('SUID');
var SRAND = hui.getItem('SRAND');
hui.postJSON(
'http://shop.hcoder.net/myApi.php',
{act:"like", id : _self.pid, suid : SUID, srand : SRAND},
function(res){
if(res.msg == 'yes'){
hui('#nav-like').find('div').addClass('red');
hui.toast('收藏成功');
}else if(res.msg == 'no'){
hui('#nav-like').find('div').removeClass('red');
hui.toast('取消收藏');
}
}
);
}