master
tangyi 2021-10-11 10:01:31 +08:00
parent e59903d378
commit b57a2d0761
8 changed files with 162 additions and 29 deletions

2
css/foot.min.css vendored
View File

@ -50,7 +50,7 @@ body{padding: 0;margin: 0;}
.foot-end-titlez, .foot-end-title{font-size: 17px;font-weight: bold;color: #CB1919;margin-bottom: 0px;}
.foot-end-content {font-size: 14px;}
/* .foot-count .foot-end-content:nth-child(3) {float: left;margin-right: 64px;} */
.foot-qrcode {margin-top: -230px;display: flex;flex-direction: column;float: right;}
.foot-qrcode {margin-top: -221px;display: flex;flex-direction: column;float: right;}
.foot-qrcode>div>div{font-size: 12px;}
.foot-end-title{margin-top: 10px;}
.fixed_foot{display: flex;}

View File

@ -1008,7 +1008,7 @@ input {
}
.tgsub-btn {
width: 906px;
width: 682px;
}
.tgsub-btn div {
@ -2022,7 +2022,7 @@ input {
box-shadow: 0px 3px 6px rgb(0 0 0 / 20%);
position: relative;
background-color: #fff;
z-index: 100000;
z-index: 8;
font-size: 0px;
}
@ -2619,7 +2619,7 @@ ul {
padding-top: 45px;
box-sizing: border-box;
left: 0px;
z-index: 3;
z-index: 10;
}
.tygrzx_tcon {
@ -6006,3 +6006,28 @@ ul {
.jies-box>div:last-child span span{font-size: 20px;font-weight: bold;color: #CB1919;}
.jies-box .settlement{height: 50px;background: #CB1919;color: #FFFFFF;display: inline-block;width: 130px;text-align: center;font-size: 18px;margin-left: 10px;cursor: pointer;}
.tygrzx_shclick .tygrzx_btn{
width: 90.8%;
}
/* 分享 */
.ty_shareCon{
width: 200px;
height: 34px;
background: #cb1919;
border-radius: 20px;
position: absolute;
top: 18px;
left: -3px;
display: none;
align-items: center;
justify-content: space-evenly;
}
.detail-right .p-s20 .ty_shareCon>img{
height: 70%;
width: auto;
}
.ty_share:hover .ty_shareCon{
display: flex;
}

View File

@ -193,14 +193,15 @@
}
.tygrzx_int> :nth-child(1) {
margin-right: 0px;
font-size: 16px;
text-align: left;
font-size: 14px;
}
.tygrzx_setle> :nth-child(1) {
margin-right: 0px;
font-size: 16px;
text-align: left;
margin-bottom: 10px;
}
.tygrzx_scimg {
@ -646,6 +647,16 @@
.cart-content>div:nth-child(1) input{width: auto;}
section .whole .whole-1 .toggle,section .whole .whole-1 .commodity{padding: 0;}
#jgjj-box>div:nth-child(2){margin: 0px;}
.tygrzx select {
padding: 0px 7px;
font-size: 12px;
background: url(../img/grzx/xiala_08.jpg) no-repeat scroll right 10% top 46% transparent;
background-size: 12px 8px;
height: 39px;
cursor: pointer;
display: inline-block;
width: 30.9%;
}
}
@media screen and (min-width:751px) and (max-width:850px) {
.logo{width: 26%;}
@ -961,8 +972,8 @@ align-items: center;
}
.tyAboutUs_lxwo{float: left;width: 100%;}
.tyAboutUs_lxwxa,.tyAboutUs_lxwx{margin: 0px;position: absolute;right: 20px;}
.tyAboutUs_lxwx{top: 40%;}
.tyAboutUs_lxwxa{top: 76%;}
.tyAboutUs_lxwx{top: 30%;}
.tyAboutUs_lxwxa{top: 50%;}
/* 关于我们 */
.tyAboutUs_imgcon {margin: 10px 0;}
.tyAboutUs_renwu {display: flex;flex-direction: column;}
@ -1427,10 +1438,15 @@ align-items: center;
}
.tygrzx_tcwi>:nth-child(2){
width: 65%;
}
.tygrzx_int {
display: block;
margin-bottom: 10px;
}
.tygrzx_tcwi .tygrzx_setlecon{
width: 65%;
display: block;
margin-top: 10px;
}
.tygrzx_tcwi .tygrzx_setlecon select{
width: 100%;
@ -1842,10 +1858,25 @@ align-items: center;
.tyAboutUs_lxmiancon>div{width: 66%;}
.tyAboutUs_lxwxa,.tyAboutUs_lxwx{margin: 0px;position: absolute;right: 20px;max-width: 99px;}
.tyAboutUs_lxwx{top: 28%;}
.tyAboutUs_lxwxa{top: 54%;}
.tyAboutUs_lxwxa{top: 44%;}
.tyAboutUs_lxwo p{margin-bottom: 10px;}
.tygrzx_setle {
display: block;
margin-bottom: 10px;
}
.tygrzx_int> :nth-child(2) {
width: 100%;
margin-top: 10px;
font-size: 12px;
height: 39px;
}
}
@media (max-width:520px){
.tygrzx_zgcon>:nth-child(2)>:nth-child(4)>button{
width: 50px;
height: 30px;
}
.tyjgzx_zlcon> :nth-child(7) {
right: 0px;
top: 68px;
@ -2052,6 +2083,7 @@ white-space: nowrap;
}
}
@media screen and (max-width:430px) {
.tyjgzx_jgintcor{
padding-right: 0px;
}
@ -2192,10 +2224,7 @@ white-space: nowrap;
display: none;
}
.tygrzx_int {
display: block;
margin-bottom: 10px;
}
.tygrzx_name {
@ -2249,7 +2278,6 @@ white-space: nowrap;
.tygrzx_int> :nth-child(2) {
width: 100%;
margin-top: 10px;
font-size: 12px;
height: 39px;
@ -2296,6 +2324,9 @@ white-space: nowrap;
}
}
@media screen and (width:320px) {
.tygrzx_xzsh{
padding-top: 0px;
}
.exhibition .item-box {
height: 200px !important;
}

View File

@ -5,6 +5,8 @@
<title>商城详情</title>
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<link rel="stylesheet" type="text/css" href="../../css/swiper-bundle.min.css"/>
<meta name="keywords" content="" />
<meta name="description" content="商品详情" />
<link rel="stylesheet" type="text/css" href="../../css/huaxia.css"/>
<link rel="stylesheet" type="text/css" href="../../css/huaxiaMedia.css"/>
<link rel="stylesheet" type="text/css" href="../../css/foot.min.css"/>
@ -12,6 +14,7 @@
<script src="../../js/jquery-1.9.1.js" type="text/javascript" charset="utf-8"></script>
<script src="../../js/swiper-bundle.min.js" type="text/javascript" charset="utf-8"></script>
<script src="../../js/huaxia.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
</head>
<body>
<div class="ont-swiper swiper-container parent-page" id="top">
@ -188,9 +191,15 @@
<img class="dn search-yes" src="../../img/search-yes.png" >
<span class="font-14 op7 col19">收藏</span>
</div>
<div class="dac m-z10 cq-cp">
<div class="dac m-z10 cq-cp ty_share" style="position: relative;">
<img src="../../img/public/sp-share.png" >
<span class="font-14 op7 col19">分享</span>
<span class="font-14 op7 col19 ">分享</span>
<div class="ty_shareCon">
<img src="../../img/public/foot-xl.png" alt="图片缺失" title="新浪">
<img src="../../img/public/foot-wx.png" alt="图片缺失" title="微信">
<img src="../../img/images/qq.png" alt="图片缺失" title="QQ">
</div>
</div>
</div>
</div>
@ -281,5 +290,19 @@
</div>
<!-- 回到顶部 -->
<img id="gotoTop" onclick="pageScroll()" src="../../img/public/backTop.png" alt="图片丢失" title="回到顶部">
<script>
$(".ty_shareCon>img")[0].addEventListener("click",()=>{
shareTo("WB")
})
$(".ty_shareCon>img")[1].addEventListener("click",()=>{
shareTo("wechat")
})
$(".ty_shareCon>img")[2].addEventListener("click",()=>{
shareTo("qzone")
})
</script>
</body>
</html>

View File

@ -1207,7 +1207,8 @@
<div class="pd20">
<!-- 标头 -->
<div class="zuop-head">
<div><input type="checkbox" name="" id="" value="" /></div>
<div> <input id="chooseAllT" class="chooseAllT " onchange="selectAllT()" type="checkbox" name="" value="" /></div>
<div>封面</div>
<div>标题</div>
<div>创建日期</div>
@ -1248,7 +1249,7 @@
</div>
</div>
<!-- 底部分页 -->
<div class="zuop-foot">
<!-- <div class="zuop-foot">
<div>
<input id="chooseAllT" class="chooseAllT cq-cp" onchange="selectAllT()" type="checkbox" name="" value="" />
<label for="chooseAllT" class="cq-cp" style="color: #066ee2;">批量删除</label>
@ -1260,7 +1261,7 @@
<button class="cq-cp" type="button">下一页</button>
</div>
</div>
</div>
</div> -->
</div>
</div>
<!-- 艺术访谈 -->
@ -1276,7 +1277,7 @@
<div class="pd20">
<!-- 标头 -->
<div class="zuop-head">
<div><input type="checkbox" name="" id="" value="" /></div>
<div> <input id="chooseAllF" class="chooseAllF " onchange="selectAllF()" type="checkbox" name="" value="" /></div>
<div>封面</div>
<div>标题</div>
<div>创建日期</div>
@ -1317,9 +1318,9 @@
</div>
</div>
<!-- 底部分页 -->
<div class="zuop-foot">
<!-- <div class="zuop-foot">
<div>
<input id="chooseAllT" class="chooseAllT cq-cp" onchange="selectAllT()" type="checkbox" name="" value="" />
<input id="chooseAllF" class="chooseAllF cq-cp" onchange="selectAllF()" type="checkbox" name="" value="" />
<label for="chooseAllT" class="cq-cp" style="color: #066ee2;">批量删除</label>
</div>
<div id="pre_next_box">
@ -1329,7 +1330,7 @@
<button class="cq-cp" type="button">下一页</button>
</div>
</div>
</div>
</div> -->
</div>
</div>
<!-- 书刊杂志 -->
@ -1354,7 +1355,7 @@
</div>
<!-- 数据列表 -->
<div class="zuop-list">
<div><input type="checkbox" name="" id="" value="" /></div>
<div> <input id="chooseAll" class="chooseAll " onchange="selectAll()" type="checkbox" name="" value="" /></div>
<div>
<a href="javascript:;"><img src="../../img/grzx/zgimg.png" ></a>
</div>
@ -1386,9 +1387,9 @@
</div>
</div>
<!-- 底部分页 -->
<div class="zuop-foot">
<!-- <div class="zuop-foot">
<div>
<input id="chooseAllT" class="chooseAllT cq-cp" onchange="selectAllT()" type="checkbox" name="" value="" />
<input id="chooseAll" class="chooseAll cq-cp" onchange="selectAll()" type="checkbox" name="" value="" />
<label for="chooseAllT" class="cq-cp" style="color: #066ee2;">批量删除</label>
</div>
<div id="pre_next_box">
@ -1398,7 +1399,7 @@
<button class="cq-cp" type="button">下一页</button>
</div>
</div>
</div>
</div> -->
</div>
</div>
<!-- 给书刊添加内容 -->

View File

@ -15,7 +15,12 @@
<link rel="stylesheet" href="../../css/huaxiaMedia.css">
<style>
.tygrzx_jftable{
display: block;
}
.tygrzx_jftable *{
display: block;
}
</style>
</head>

BIN
img/images/qq.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.8 KiB

View File

@ -818,3 +818,51 @@ $(function navdao(params) {
})
})
function shareTo (stype="WB"){
console.log(stype);
var ftit = '';
var flink = '';
var lk = '';
//获取文章标题
ftit = '测试标题';
//获取网页中内容的第一张图片
flink = '../img/logo.png';
if(typeof flink == 'undefined'){
flink='';
}
//当内容中没有图片时设置分享图片为网站logo
if(flink == ''){
lk = 'http://g.search2.alicdn.com/img/i2/126351555/TB25JDIACtYBeNjSspaXXaOOFXa_!!0-saturn_solar.jpg_220x220.jpg';
}
//qq空间接口的传参
if(stype=='qzone'){
window.open('https://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?url='+document.location.href+'?sharesource=qzone&title='+ftit+'&pics='+lk+'&summary='+document.querySelector('meta[name="description"]').getAttribute('content'));
}
//新浪微博接口的传参
if(stype=='WB'){
window.open('http://service.weibo.com/share/share.php?url='+document.location.href+'?sharesource=weibo&title='+ftit+'&pic='+lk+'&appkey=2706825840');
}
//分享到微信
if(stype == 'WX'){
//window.open('weixin://dl/business/?ticket=t2f8d6bf4879b4be12c30ddeea2e265f9');
window.open(`http://api.liufuweb.com/api/p5.php?p=d&url=${document.location.href}`);
//weixin://dl/business/?ticket=ta428dhj739hg3efe6e -->这个ticket不好实现
}
//qq好友接口的传参
// if(stype == 'QQ'){
// window.open('http://connect.qq.com/widget/shareqq/index.html?url='+document.location.href+'?sharesource=qzone&title='+ftit+'&pics='+lk+'&summary="hgjshdhjsdhsgd"');
// }
//生成二维码给微信扫描分享
if(stype == 'wechat'){
window.open(`inc/qrcode_img.php?url=${document.location.href}`);
}
}