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

测试pc扫码

@@ -108,6 +108,8 @@ @@ -108,6 +108,8 @@
108 <p>上映时间:<span class="release_time"></span></p> 108 <p>上映时间:<span class="release_time"></span></p>
109 <!--视频索引--> 109 <!--视频索引-->
110 <input type="hidden" value="0" class="video_index"> 110 <input type="hidden" value="0" class="video_index">
  111 + <!--视频url-->
  112 + <input type="hidden" value="0" class="video_index_url">
111 </div> 113 </div>
112 <!-- 分享 --> 114 <!-- 分享 -->
113 <div class="show_9_video_asideTxt3 clearfix"> 115 <div class="show_9_video_asideTxt3 clearfix">
@@ -122,10 +124,57 @@ @@ -122,10 +124,57 @@
122 </div> 124 </div>
123 </div> 125 </div>
124 <!--微信分享--> 126 <!--微信分享-->
125 - <include file="public@share" /> 127 + <!-- 二维码弹出层 -->
  128 + <div class="wx-qrcode-wrapper">
  129 + <!-- 遮罩层 -->
  130 + <div class="mask"></div>
  131 + <div class="wx-qrcode" style="width:230px;">
  132 + <div class="share">
  133 + <span style="font-size: 14px;text-align: center;">分享到微信朋友圈</span>
  134 + <!-- 关闭图标 -->
  135 + <a href="javascript:;" class="icon-close2" onclick="wxHide()">×</a>
  136 + </div>
  137 +
  138 + <!-- 生成的二维码容器 -->
  139 + <div id="qrcode"></div>
  140 + <div class="bd_weixin_popup_foot">
  141 + 打开微信,使用“扫一扫”<br>
  142 + 点击右上角,即可将网页分享至朋友圈。
  143 + </div>
  144 + </div>
  145 + </div>
126 <include file="public@footer" /> 146 <include file="public@footer" />
127 <script src="__TMPL__/public/assets/js/jquery-3.2.1.min.js"></script> 147 <script src="__TMPL__/public/assets/js/jquery-3.2.1.min.js"></script>
128 <script src="__TMPL__/public/assets/js/public.js"></script> 148 <script src="__TMPL__/public/assets/js/public.js"></script>
  149 + <script src="https://cdn.bootcss.com/jquery.qrcode/1.0/jquery.qrcode.min.js"></script>
  150 + <script>
  151 + /* 点微信图标,触发二维码弹出层显示 */
  152 + function wxShow() {
  153 + $('.wx-qrcode-wrapper').show();
  154 + qrcode();
  155 + }
  156 +
  157 + /* 关闭二维码弹出层 */
  158 + function wxHide() {
  159 + $('.wx-qrcode-wrapper').hide();
  160 + qrcode();
  161 + }
  162 +
  163 + function qrcode(){
  164 + /* 生成二维码 */
  165 + var url = $('.video_index_url').val();
  166 + $("#qrcode").qrcode({
  167 + text: url, //设置二维码内容
  168 + render: "canvas", //设置渲染方式
  169 + width: 220, //设置宽度,默认生成的二维码大小是 256×256
  170 + height: 220, //设置高度
  171 + typeNumber: -1, //计算模式
  172 + background: "#ffffff", //背景颜色
  173 + foreground: "#000000" //前景颜色
  174 + });
  175 + }
  176 +
  177 + </script>
129 <script> 178 <script>
130 // 星域秀场视频 179 // 星域秀场视频
131 $(function() { 180 $(function() {
@@ -161,6 +210,9 @@ @@ -161,6 +210,9 @@
161 } 210 }
162 //默认第一个视频 211 //默认第一个视频
163 switch_video(0); 212 switch_video(0);
  213 + //更换视频路径index
  214 + video_index_url(0);
  215 +
164 var value = $('#cityName').val(); 216 var value = $('#cityName').val();
165 if (value != '') { 217 if (value != '') {
166 $('.show_city').val(value); 218 $('.show_city').val(value);
@@ -179,6 +231,8 @@ @@ -179,6 +231,8 @@
179 $('.curren').children('li').children('p').css('color', 'rgba(153, 153, 153, 1)'); 231 $('.curren').children('li').children('p').css('color', 'rgba(153, 153, 153, 1)');
180 switch_video(index); 232 switch_video(index);
181 $('.video_index').val(index); 233 $('.video_index').val(index);
  234 + //更换视频路径index
  235 + video_index_url(index);
182 }); 236 });
183 237
184 //鼠标滑过 238 //鼠标滑过
@@ -219,6 +273,15 @@ @@ -219,6 +273,15 @@
219 $('.curren').eq(0).addClass('video_active'); 273 $('.curren').eq(0).addClass('video_active');
220 }); 274 });
221 275
  276 + function video_index_url(index){
  277 + var city_id = getUrlParam('city_id');
  278 + if(city_id == ''){
  279 + $('.video_index_url').val(window.location.href+'?video_index='+index);
  280 + }else{
  281 + $('.video_index_url').val(window.location.href+'&video_index='+index);
  282 + }
  283 + }
  284 +
222 //切换视频 285 //切换视频
223 function switch_video(index) { 286 function switch_video(index) {
224 //视频路径 287 //视频路径
@@ -20,21 +20,8 @@ @@ -20,21 +20,8 @@
20 <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script> 20 <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
21 <script src="https://cdn.bootcss.com/jquery.qrcode/1.0/jquery.qrcode.min.js"></script> 21 <script src="https://cdn.bootcss.com/jquery.qrcode/1.0/jquery.qrcode.min.js"></script>
22 <script> 22 <script>
23 - var pathname = window.location.pathname;  
24 - var video_index = $('.video_index').val();  
25 - var city_id = getUrlParam('city_id');  
26 // 分享链接 23 // 分享链接
27 - var url;  
28 - if(pathname == '/portal/region/getMoreVideo'){  
29 - if(city_id == ''){  
30 - url = window.location.href+'?video_index='+video_index;  
31 - }else{  
32 - url = window.location.href+'&video_index='+video_index;  
33 - }  
34 -  
35 - }else{  
36 - url = window.location.href;  
37 - } 24 + var url = window.location.href;
38 /* 生成二维码 */ 25 /* 生成二维码 */
39 $("#qrcode").qrcode({ 26 $("#qrcode").qrcode({
40 text: url, //设置二维码内容 27 text: url, //设置二维码内容