Compare commits
2 Commits
209bb5542a
...
8a7cd9aa79
| Author | SHA1 | Date |
|---|---|---|
 tangyi
|
8a7cd9aa79 | |
|
tangyi
|
b57a2d0761 |
|
|
@ -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;}
|
||||
|
|
|
|||
|
|
@ -1008,7 +1008,7 @@ input {
|
|||
}
|
||||
|
||||
.tgsub-btn {
|
||||
width: 906px;
|
||||
width: 682px;
|
||||
}
|
||||
|
||||
.tgsub-btn div {
|
||||
|
|
@ -2021,7 +2021,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;
|
||||
}
|
||||
|
||||
|
|
@ -2618,7 +2618,7 @@ ul {
|
|||
padding-top: 45px;
|
||||
box-sizing: border-box;
|
||||
left: 0px;
|
||||
z-index: 3;
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
.tygrzx_tcon {
|
||||
|
|
@ -6005,3 +6005,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;
|
||||
}
|
||||
|
|
@ -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;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
<!-- 给书刊添加内容 -->
|
||||
|
|
|
|||
|
|
@ -15,7 +15,12 @@
|
|||
|
||||
<link rel="stylesheet" href="../../css/huaxiaMedia.css">
|
||||
<style>
|
||||
|
||||
.tygrzx_jftable{
|
||||
display: block;
|
||||
}
|
||||
.tygrzx_jftable *{
|
||||
display: block;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
|
|
|
|||
Binary file not shown.
|
After Width: | Height: | Size: 4.8 KiB |
48
js/huaxia.js
48
js/huaxia.js
|
|
@ -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}`);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
|
|
|||
Loading…
Reference in New Issue