<!DOCTYPE html>
|
<html>
|
|
<head>
|
<meta charset="utf-8" />
|
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
|
<title>商品简介</title>
|
<link rel="stylesheet" type="text/css" href="css/DOUI.css"/>
|
<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
|
<script src="js/DOUI.js" type="text/javascript" charset="utf-8"></script>
|
<style type="text/css">
|
/*商品图片外框*/
|
.spimgwai{ width: 100%; min-height: 7rem; position: relative; border-bottom: 2px solid #FEB285; }
|
.spimg{ width: 100%; height: auto; display: block; }
|
/*悬浮文字外框*/
|
.imgxuanwai{ width: 94%; padding: 0.5rem 3%; position: absolute; left: 0; bottom: 0; background-color: rgba(255,255,255,0.8); }
|
/*淘口令外框*/
|
.taowai{ width: 80%; padding: 0.5rem 3%; margin: 0 auto; margin-top: 1rem; border: 2px solid #FEB285; }
|
/*一键复制按钮*/
|
.btn_fuzhi{ width: 8rem; height: 2rem; margin: 0 auto; margin-top: 1.5rem; border-radius: 1rem; background-color: #FF5E03; color: white; }
|
button{ outline: none; border: none; }
|
</style>
|
</head>
|
|
<body>
|
|
<div class="allwai">
|
|
<!--第一页-->
|
<div class="page" style="background-color: white;">
|
|
<!--商品图片外框-->
|
<div class="spimgwai">
|
<!--商品图片-->
|
<img id="ispimg" class="spimg"/>
|
<!--文字悬浮框-->
|
<div class="imgxuanwai fboxCol">
|
<!--标题-->
|
<div id="ititle" class="font_normol" style="font-weight: bold;"></div>
|
<!--价格-->
|
<div class="fboxWrap Ycenter" style="margin-top:0.4rem;">
|
<!--券后价-->
|
<div class="fboxRow Yend" style="color:#E60D64;">
|
<div class="font_normol">券后价￥</div>
|
<div id="imoneyNew" class="font_normax" style="font-weight:bold;"></div>
|
</div>
|
<!--在售价-->
|
<div class="fboxRow Yend" style="color:#888687;margin-left:1.5rem;">
|
<div class="font_normol">在售价￥</div>
|
<div id="imoneyOld" class="font_normax" style="font-weight:bold;"></div>
|
</div>
|
</div>
|
</div>
|
</div>
|
|
<!--淘口令外框-->
|
<div class="taowai font_orange font_normol">
|
<div>长按复制本段文字，打开【手机淘宝】即可领取【特别优惠券】购买下单，</div>
|
<div>淘口令： <span id="itaokl"></span></div>
|
</div>
|
|
<!--一键赋值按钮-->
|
<button class="btn_fuzhi fboxRow Xcenter Ycenter font_normol canclick" data-clipboard-text="">一键复制</button>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
<script src="https://cdn.bootcss.com/clipboard.js/2.0.0/clipboard.js" type="text/javascript" charset="utf-8"></script>
|
<script type="text/javascript">
|
function getQueryString(name) {
|
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
|
var r = window.location.search.substr(1).match(reg);
|
if (r != null) return unescape(r[2]);
|
return null;
|
}
|
|
function setData(data)
|
{
|
$("#ispimg").attr("src",data.postPicture);
|
$("#ititle").html(data.goods.title);
|
if(data.goods.finalPrice!=undefined)
|
$("#imoneyNew").html(data.goods.finalPrice);
|
else
|
$("#imoneyNew").parent().remove();
|
$("#imoneyOld").html(data.goods.zkPrice);
|
$("#itaokl").html(data.tkCode);
|
$(".btn_fuzhi").attr("data-clipboard-text",data.tkCode);
|
//一键复制按钮点击
|
var clipboard = new ClipboardJS('.btn_fuzhi');
|
clipboard.on('success', function(e) { Showtoast("已复制到剪贴板"); });
|
clipboard.on('error', function(e) { Showtoast("不支持复制到剪贴板，请长按复制"); });
|
}
|
|
|
$(function(){
|
//获取uid与goodsId
|
var uid=getQueryString("uid");
|
var goodsId=getQueryString("goodsId");
|
if(uid!=null&&goodsId!=null)
|
{
|
Showloading("加载中");
|
$.post(
|
{url:"/fanli/client/getShareGoodsDetail",
|
data:{
|
uid:uid,
|
id:goodsId
|
},
|
dataType:"json",
|
success:function(res)
|
{
|
Hideloading();
|
if(res.code==0)
|
{
|
setData(res.data);
|
}
|
},
|
fail:function(res)
|
{
|
Hideloading();
|
}}
|
);
|
}
|
|
|
|
|
|
|
});
|
|
//页面数据
|
var imgsrc = ''; // 商品图片src
|
var title = ''; // 商品标题
|
var jiageNew = '0.0'; // 券后价
|
var jiageOld = '0.0'; // 在售价
|
var kouling = ''; // 淘口令
|
|
|
//要改变数据请写在这个位置↓
|
//...................
|
|
|
//数据赋值
|
$("#ispimg").attr("src",imgsrc);
|
$("#ititle").html(title);
|
$("#imoneyNew").html(jiageNew);
|
$("#imoneyOld").html(jiageOld);
|
$("#itaokl").html(kouling);
|
$(".btn_fuzhi").attr("data-clipboard-text",kouling);
|
//一键复制按钮点击
|
var clipboard = new ClipboardJS('.btn_fuzhi');
|
clipboard.on('success', function(e) { Showtoast("已复制到剪贴板"); });
|
clipboard.on('error', function(e) { Showtoast("不支持复制到剪贴板，请长按复制"); });
|
|
</script>
|
|
</html>
|
