bingyi/shopxo
1
0
Fork 0
mirror of https://gitee.com/zongzhige/shopxo.git synced 2026-07-07 06:15:29 +08:00
Code Issues Packages Projects Releases Wiki Activity

share

Browse Source
This commit is contained in:
gongfuxiang
2019-04-21 02:11:31 +08:00
parent fc0e61edd2
commit 523e53ffda
8 changed files with 125 additions and 55 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
public/static/plugins/css/petscms/pets.detail.css
View File

@ -270,10 +270,18 @@ form.form-validation #map {
.base-share-mobile {
background: #9bddff;
}
.base-share-mobile a {
padding-left: 0 !important;
width: 24px !important;
margin: 6px calc(12.5% - 32px) !important;
.base-share-mobile .plugins-share ul {
padding: 5px;
}
.base-share-mobile .plugins-share ul li {
width: 25px;
height: 25px;
line-height: 25px;
margin-right: calc(10% - 12.5px);
margin-left: calc(10% - 12.5px);
}
.base-share-mobile .plugins-share ul li .iconfont {
font-size: 16px;
}
.am-footer {
padding-bottom: 35px;

21
public/static/plugins/css/share/style.css
View File

@ -1,12 +1,10 @@
/**
* 分享
*/
.plugins-share {
.plugins-share-container, #plugins-share-layer {
display: none;
}
.plugins-share ul {
padding: 10px;
background: #333;
overflow: hidden;
}
.plugins-share ul li {
@ -44,12 +42,16 @@
/**
* 微信
* 微信二维码
*/
#plugins-share-weixin-modal .weixin-qrcode {
margin-top: 10px;
}
#plugins-share-weixin-layer {
/**
* 弹层
*/
#plugins-share-layer {
position: fixed;
top: 0;
left: 0;
@ -58,15 +60,14 @@
background: rgba(0, 0, 0, 0.6);
z-index: 10000;
text-align: center;
display: none;
}
#plugins-share-weixin-layer img {
#plugins-share-layer img {
max-width: 90%;
}
/**
* url
* 复制
*/
#plugins-share-url-modal .am-input-group {
#plugins-share-copy-modal .am-input-group {
margin-top: 10px;
}

0
public/static/plugins/images/share/weixin-layer.png → public/static/plugins/images/share/share-layer.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 24 KiB

After

Width:  |  Height:  |  Size: 24 KiB

54
public/static/plugins/js/share/style.js
View File

@ -27,31 +27,47 @@ $(function()
// 平台地址
var platform_url = null;
// 当前环境
var env = MobileBrowserEnvironment();
// 关闭弹层
$('#plugins-share-layer').hide();
// 根据分享类型处理
switch(type)
{
// QQ
case 'qq' :
platform_url = 'https://connect.qq.com/widget/shareqq/index.html?url='+url+'&utm_medium=qqim&title='+title+'&desc='+desc+'&pics='+pic+'&site='+site
if(env == 'qq' || env == 'weixin' || env == 'qzone' || env == 'weibo')
{
$('#plugins-share-layer').show();
} else {
platform_url = 'https://connect.qq.com/widget/shareqq/index.html?url='+url+'&utm_medium=qqim&title='+title+'&desc='+desc+'&pics='+pic+'&site='+site
}
break;
// QQ空间
case 'qq-space' :
platform_url = 'http://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?url='+url+'&utm_medium=qzone&title='+title+'&desc='+desc+'&pics='+pic+'&summary='+desc+'&site='+site;
if(env == 'qq' || env == 'weibo')
{
$('#plugins-share-layer').show();
} else {
platform_url = 'http://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?url='+url+'&utm_medium=qzone&title='+title+'&desc='+desc+'&pics='+pic+'&summary='+desc+'&site='+site;
}
break;
// 新浪
// 新浪微博
case 'sian' :
platform_url = 'http://service.weibo.com/share/share.php?url='+url+'&utm_medium=sian&title='+title+'&desc='+desc+'&pics='+pic+'&site='+site;
break;
// 微信
case 'weixin' :
// 是否微信环境中
if(MobileBrowserEnvironment() == 'weixin')
if(env == 'qq' || env == 'weixin' || env == 'qzone' || env == 'weibo')
{
$('#plugins-share-weixin-layer').show();
$('#plugins-share-layer').show();
} else {
$('#plugins-share-weixin-layer').hide();
var $modal = $('#plugins-share-weixin-modal');
$modal.find('.weixin-qrcode').empty().qrcode({
text: decodeURIComponent(url),
@ -65,7 +81,7 @@ $(function()
// url
case 'url' :
var $modal = $('#plugins-share-url-modal');
var $modal = $('#plugins-share-copy-modal');
$modal.find('.am-input-group input').val(decodeURIComponent(url));
$modal.modal({width: 300});
$modal.modal('open');
@ -80,11 +96,11 @@ $(function()
});
// url复制
var clipboard = new ClipboardJS('#plugins-share-url-modal .am-input-group button.am-btn',
var clipboard = new ClipboardJS('#plugins-share-copy-modal .am-input-group button.am-btn',
{
text: function()
{
return $('#plugins-share-url-modal .am-input-group input').val();
return $('#plugins-share-copy-modal .am-input-group input').val();
}
});
clipboard.on('success', function(e)
@ -96,9 +112,21 @@ $(function()
Prompt('复制失败，请手动复制！');
});
// 微信分享提示弹层关闭
$('#plugins-share-weixin-layer').on('click', function()
// 分享提示弹层关闭
$('#plugins-share-layer').on('click', function()
{
$('#plugins-share-weixin-layer').hide();
$('#plugins-share-layer').hide();
});
// 初始化
if($('.plugins-share-container').length > 0)
{
// 标签初始化
if($('.plugins-share-view').length > 0)
{
$('.plugins-share-view').html($('.plugins-share-container').html());
}
}
});