作者 景龙
1 个管道 的构建 通过 耗费 1 秒

测试pc扫码

... ... @@ -108,6 +108,8 @@
<p>上映时间:<span class="release_time"></span></p>
<!--视频索引-->
<input type="hidden" value="0" class="video_index">
<!--视频url-->
<input type="hidden" value="0" class="video_index_url">
</div>
<!-- 分享 -->
<div class="show_9_video_asideTxt3 clearfix">
... ... @@ -122,10 +124,57 @@
</div>
</div>
<!--微信分享-->
<include file="public@share" />
<!-- 二维码弹出层 -->
<div class="wx-qrcode-wrapper">
<!-- 遮罩层 -->
<div class="mask"></div>
<div class="wx-qrcode" style="width:230px;">
<div class="share">
<span style="font-size: 14px;text-align: center;">分享到微信朋友圈</span>
<!-- 关闭图标 -->
<a href="javascript:;" class="icon-close2" onclick="wxHide()">×</a>
</div>
<!-- 生成的二维码容器 -->
<div id="qrcode"></div>
<div class="bd_weixin_popup_foot">
打开微信,使用“扫一扫”<br>
点击右上角,即可将网页分享至朋友圈。
</div>
</div>
</div>
<include file="public@footer" />
<script src="__TMPL__/public/assets/js/jquery-3.2.1.min.js"></script>
<script src="__TMPL__/public/assets/js/public.js"></script>
<script src="https://cdn.bootcss.com/jquery.qrcode/1.0/jquery.qrcode.min.js"></script>
<script>
/* 点微信图标,触发二维码弹出层显示 */
function wxShow() {
$('.wx-qrcode-wrapper').show();
qrcode();
}
/* 关闭二维码弹出层 */
function wxHide() {
$('.wx-qrcode-wrapper').hide();
qrcode();
}
function qrcode(){
/* 生成二维码 */
var url = $('.video_index_url').val();
$("#qrcode").qrcode({
text: url, //设置二维码内容
render: "canvas", //设置渲染方式
width: 220, //设置宽度,默认生成的二维码大小是 256×256
height: 220, //设置高度
typeNumber: -1, //计算模式
background: "#ffffff", //背景颜色
foreground: "#000000" //前景颜色
});
}
</script>
<script>
// 星域秀场视频
$(function() {
... ... @@ -161,6 +210,9 @@
}
//默认第一个视频
switch_video(0);
//更换视频路径index
video_index_url(0);
var value = $('#cityName').val();
if (value != '') {
$('.show_city').val(value);
... ... @@ -179,6 +231,8 @@
$('.curren').children('li').children('p').css('color', 'rgba(153, 153, 153, 1)');
switch_video(index);
$('.video_index').val(index);
//更换视频路径index
video_index_url(index);
});
//鼠标滑过
... ... @@ -219,6 +273,15 @@
$('.curren').eq(0).addClass('video_active');
});
function video_index_url(index){
var city_id = getUrlParam('city_id');
if(city_id == ''){
$('.video_index_url').val(window.location.href+'?video_index='+index);
}else{
$('.video_index_url').val(window.location.href+'&video_index='+index);
}
}
//切换视频
function switch_video(index) {
//视频路径
... ...
... ... @@ -20,21 +20,8 @@
<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/jquery.qrcode/1.0/jquery.qrcode.min.js"></script>
<script>
var pathname = window.location.pathname;
var video_index = $('.video_index').val();
var city_id = getUrlParam('city_id');
// 分享链接
var url;
if(pathname == '/portal/region/getMoreVideo'){
if(city_id == ''){
url = window.location.href+'?video_index='+video_index;
}else{
url = window.location.href+'&video_index='+video_index;
}
}else{
url = window.location.href;
}
var url = window.location.href;
/* 生成二维码 */
$("#qrcode").qrcode({
text: url, //设置二维码内容
... ...