测试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, //设置二维码内容