Skip to content

ShopXO
ShopXO

纵之格 / ShopXO

通知 394
Star 16
Fork 11
ShopXO
ShopXO

体验新版 GitCode，发现更多精彩内容 >>

提交 523e53ff 编写于 作者: G gongfuxiang
浏览文件
操作

share

上级 fc0e61ed
隐藏空白更改
内联 并排
Showing with 125 addition and 55 deletion
application/plugins/view/petscms/pets/detail.html
浏览文件 @ 523e53ff
...@@ -146,8 +146,7 @@ ...@@ -146,8 +146,7 @@
<!-- 分享 --> <!-- 分享 -->
<div class="base-share {{if !isset($data['status']) or $data['status'] neq 1}}base-share-mobile{{/if}}"> <div class="base-share {{if !isset($data['status']) or $data['status'] neq 1}}base-share-mobile{{/if}}">
<div class="bdsharebuttonbox"><a href="#" class="bds_more" data-cmd="more"></a><a href="#" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a><a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a><a href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信"></a><a href="#" class="bds_sqq" data-cmd="sqq" title="分享到QQ好友"></a><a href="#" class="bds_renren" data-cmd="renren" title="分享到人人网"></a><a href="#" class="bds_tieba" data-cmd="tieba" title="分享到百度贴吧"></a><a href="#" class="bds_linkedin" data-cmd="linkedin" title="分享到linkedin"></a></div> <div class="plugins-share-view"></div>
<script>window._bd_share_config={"common":{"bdSnsKey":{},"bdText":"","bdMini":"2","bdMiniList":false,"bdPic":"","bdStyle":"0","bdSize":"24"},"share":{}};with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion='+~(-new Date()/36e5)];</script>
</div> </div>
</div> </div>
</div> </div>
...@@ -254,7 +253,7 @@ ...@@ -254,7 +253,7 @@
{{include file="public/footer" /}} {{include file="public/footer" /}}
{{if isset($data['user_id']) and $data['user_id'] gt 0}} {{if !empty($data['lose_lng']) and !empty($data['lose_lat']) and $data['lose_lng'] gt 0 and $data['lose_lat'] gt 0 and isset($data['status']) and $data['status'] eq 1}}
<!-- map --> <!-- map -->
<script type="text/javascript" src="{{$Think.__MY_HTTP__}}://api.map.baidu.com/api?v=2.0&ak={{:MyC('common_baidu_map_ak')}}"></script> <script type="text/javascript" src="{{$Think.__MY_HTTP__}}://api.map.baidu.com/api?v=2.0&ak={{:MyC('common_baidu_map_ak')}}"></script>
...@@ -262,7 +261,7 @@ ...@@ -262,7 +261,7 @@
$(function() $(function()
{ {
// 丢失地址-地图展示 // 丢失地址-地图展示
{{if !empty($data['lose_lng']) and !empty($data['lose_lat'])}} {{if $data['lose_lng'] gt 0 and $data['lose_lat'] gt 0}}
var map = new BMap.Map("map-view", {enableMapClick:false}); var map = new BMap.Map("map-view", {enableMapClick:false});
var level = $('#map-view').data('level') || 16; var level = $('#map-view').data('level') || 16;
var point = new BMap.Point({{$data['lose_lng']}},{{$data['lose_lat']}}); var point = new BMap.Point({{$data['lose_lng']}},{{$data['lose_lat']}});
......
application/plugins/view/share/index/content.html
浏览文件 @ 523e53ff
<div class="plugins-share"> <!-- 分享组建 -->
<ul> <div class="plugins-share-container">
<li class="share-qq" data-type="qq"> <div class="plugins-share">
<span class="icon iconfont icon-qq"></span> <ul>
</li> <li class="share-qq" data-type="qq">
<li class="share-qq-space" data-type="qq-space"> <span class="icon iconfont icon-qq"></span>
<span class="icon iconfont icon-qq-space"></span> </li>
</li> <li class="share-qq-space" data-type="qq-space">
<li class="share-weixin" data-type="weixin"> <span class="icon iconfont icon-qq-space"></span>
<span class="icon iconfont icon-weixin"></span> </li>
</li> <li class="share-weixin" data-type="weixin">
<li class="share-sian" data-type="sian"> <span class="icon iconfont icon-weixin"></span>
<span class="icon iconfont icon-sina"></span> </li>
</li> <li class="share-sian" data-type="sian">
<li class="share-url" data-type="url"> <span class="icon iconfont icon-sina"></span>
<span class="icon iconfont icon-url"></span> </li>
</li> <li class="share-url" data-type="url">
</ul> <span class="icon iconfont icon-url"></span>
</li>
</ul>
</div>
</div> </div>
<!-- 微信弹出框 --> <!-- 微信二维码弹出框 -->
<div class="am-modal am-modal-no-btn" tabindex="-1" id="plugins-share-weixin-modal"> <div class="am-modal am-modal-no-btn" tabindex="-1" id="plugins-share-weixin-modal">
<div class="am-modal-dialog"> <div class="am-modal-dialog">
<div class="am-modal-hd"> <div class="am-modal-hd">
...@@ -32,13 +35,13 @@ ...@@ -32,13 +35,13 @@
</div> </div>
</div> </div>
<!-- 微信环境中提示分享 --> <!-- 弹层提示分享 -->
<div id="plugins-share-weixin-layer"> <div id="plugins-share-layer">
<img src="{{$attachment_host}}/static/plugins/images/share/weixin-layer.png" /> <img src="{{$attachment_host}}/static/plugins/images/share/share-layer.png" />
</div> </div>
<!-- url复制 --> <!-- 复制 -->
<div class="am-modal am-modal-no-btn" tabindex="-1" id="plugins-share-url-modal"> <div class="am-modal am-modal-no-btn" tabindex="-1" id="plugins-share-copy-modal">
<div class="am-modal-dialog"> <div class="am-modal-dialog">
<div class="am-modal-hd"> <div class="am-modal-hd">
<a href="javascript: void(0)" class="am-close am-close-spin" data-am-modal-close>&times;</a> <a href="javascript: void(0)" class="am-close am-close-spin" data-am-modal-close>&times;</a>
......
application/plugins/view/share/index/share.html 0 → 100644
浏览文件 @ 523e53ff
<!-- 分享组建 -->
<div class="plugins-share">
<ul>
<li class="share-qq" data-type="qq">
<span class="icon iconfont icon-qq"></span>
</li>
<li class="share-qq-space" data-type="qq-space">
<span class="icon iconfont icon-qq-space"></span>
</li>
<li class="share-weixin" data-type="weixin">
<span class="icon iconfont icon-weixin"></span>
</li>
<li class="share-sian" data-type="sian">
<span class="icon iconfont icon-sina"></span>
</li>
<li class="share-url" data-type="url">
<span class="icon iconfont icon-url"></span>
</li>
</ul>
</div>
\ No newline at end of file
public/static/common/js/common.js
浏览文件 @ 523e53ff
...@@ -1150,17 +1150,28 @@ function UrlFieldReplace(field, value, url) ...@@ -1150,17 +1150,28 @@ function UrlFieldReplace(field, value, url)
*/ */
function MobileBrowserEnvironment() function MobileBrowserEnvironment()
{ {
// 浏览器标识
var ua = navigator.userAgent.toLowerCase(); var ua = navigator.userAgent.toLowerCase();
// 微信
if(ua.match(/MicroMessenger/i) == 'micromessenger') if(ua.match(/MicroMessenger/i) == 'micromessenger')
{ {
return 'weixin'; return 'weixin';
} }
// 新浪微博
if(ua.match(/WeiBo/i) == 'weibo') if(ua.match(/WeiBo/i) == 'weibo')
{ {
return 'weibo'; return 'weibo';
} }
// QQ空间
if(ua.match(/qzone/i) == 'qzone')
{
return 'qzone';
}
// QQ
if(ua.match(/QQ/i) == 'qq') if(ua.match(/QQ/i) == 'qq')
{ {
return 'qq'; return 'qq';
......
public/static/plugins/css/petscms/pets.detail.css
浏览文件 @ 523e53ff
...@@ -270,10 +270,18 @@ form.form-validation #map { ...@@ -270,10 +270,18 @@ form.form-validation #map {
.base-share-mobile { .base-share-mobile {
background: #9bddff; background: #9bddff;
} }
.base-share-mobile a { .base-share-mobile .plugins-share ul {
padding-left: 0 !important; padding: 5px;
width: 24px !important; }
margin: 6px calc(12.5% - 32px) !important; .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 { .am-footer {
padding-bottom: 35px; padding-bottom: 35px;
......
public/static/plugins/css/share/style.css
浏览文件 @ 523e53ff
/** /**
* 分享 * 分享
*/ */
.plugins-share { .plugins-share-container, #plugins-share-layer {
display: none;
} }
.plugins-share ul { .plugins-share ul {
padding: 10px;
background: #333;
overflow: hidden; overflow: hidden;
} }
.plugins-share ul li { .plugins-share ul li {
...@@ -44,12 +42,16 @@ ...@@ -44,12 +42,16 @@
/** /**
* 微信 * 微信二维码
*/ */
#plugins-share-weixin-modal .weixin-qrcode { #plugins-share-weixin-modal .weixin-qrcode {
margin-top: 10px; margin-top: 10px;
} }
#plugins-share-weixin-layer {
/**
* 弹层
*/
#plugins-share-layer {
position: fixed; position: fixed;
top: 0; top: 0;
left: 0; left: 0;
...@@ -58,15 +60,14 @@ ...@@ -58,15 +60,14 @@
background: rgba(0, 0, 0, 0.6); background: rgba(0, 0, 0, 0.6);
z-index: 10000; z-index: 10000;
text-align: center; text-align: center;
display: none;
} }
#plugins-share-weixin-layer img { #plugins-share-layer img {
max-width: 90%; max-width: 90%;
} }
/** /**
* url * 复制
*/ */
#plugins-share-url-modal .am-input-group { #plugins-share-copy-modal .am-input-group {
margin-top: 10px; margin-top: 10px;
} }
\ No newline at end of file
public/static/plugins/js/share/style.js
浏览文件 @ 523e53ff
...@@ -27,31 +27,47 @@ $(function() ...@@ -27,31 +27,47 @@ $(function()
// 平台地址 // 平台地址
var platform_url = null; var platform_url = null;
// 当前环境
var env = MobileBrowserEnvironment();
// 关闭弹层
$('#plugins-share-layer').hide();
// 根据分享类型处理
switch(type) switch(type)
{ {
// QQ // QQ
case '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; break;
// QQ空间 // QQ空间
case 'qq-space' : 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; break;
// 新浪 // 新浪微博
case 'sian' : case 'sian' :
platform_url = 'http://service.weibo.com/share/share.php?url='+url+'&utm_medium=sian&title='+title+'&desc='+desc+'&pics='+pic+'&site='+site; platform_url = 'http://service.weibo.com/share/share.php?url='+url+'&utm_medium=sian&title='+title+'&desc='+desc+'&pics='+pic+'&site='+site;
break; break;
// 微信 // 微信
case 'weixin' : case 'weixin' :
// 是否微信环境中 if(env == 'qq' || env == 'weixin' || env == 'qzone' || env == 'weibo')
if(MobileBrowserEnvironment() == 'weixin')
{ {
$('#plugins-share-weixin-layer').show(); $('#plugins-share-layer').show();
} else { } else {
$('#plugins-share-weixin-layer').hide();
var $modal = $('#plugins-share-weixin-modal'); var $modal = $('#plugins-share-weixin-modal');
$modal.find('.weixin-qrcode').empty().qrcode({ $modal.find('.weixin-qrcode').empty().qrcode({
text: decodeURIComponent(url), text: decodeURIComponent(url),
...@@ -65,7 +81,7 @@ $(function() ...@@ -65,7 +81,7 @@ $(function()
// url // url
case '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.find('.am-input-group input').val(decodeURIComponent(url));
$modal.modal({width: 300}); $modal.modal({width: 300});
$modal.modal('open'); $modal.modal('open');
...@@ -80,11 +96,11 @@ $(function() ...@@ -80,11 +96,11 @@ $(function()
}); });
// url复制 // 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() 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) clipboard.on('success', function(e)
...@@ -96,9 +112,21 @@ $(function() ...@@ -96,9 +112,21 @@ $(function()
Prompt('复制失败，请手动复制！'); 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());
}
}
}); });
\ No newline at end of file
Markdown is supported
0% 或 .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑！
想要评论请 注册 或