分享方法的调用

zhiyangdu
1 parent ed29f805
Showing 2 changed files with 33 additions and 5 deletions
src/pages/common/common.vue
src/pages/index/index.vue
@@ -82,6 +82,38 @@
                  }
             },
             /**
+             * APP内拉起分享
+             * @param {int} type [分享类型]
+             * @param {int} id [页面id]
+             */
+            toShare(type, id) {
+                // 判断APP内
+                if (this.isCNLive.value) {
+
+                    // 调用分享（新方法）
+                    if (window.webkit && window.webkit.messageHandlers && window.webkit.messageHandlers.toShare) {
+
+                        // 分享
+                        window.webkit.messageHandlers.toShare.postMessage({body: {type: type, id: id}});
+                    } else if (window.obj && window.obj.toShare) {
+
+                        // 分享
+                        window.obj.toShare(type, id);
+                    }
+
+                    // 调用分享（旧方法）
+                    if (window.webkit && window.webkit.messageHandlers && window.webkit.messageHandlers.share) {
+
+                        // 分享
+                        window.webkit.messageHandlers.share.postMessage({body: this.appShareParams});
+                    } else if (window.obj && window.obj.shareUrl) {
+
+                        // 分享
+                        window.obj.shareUrl(JSON.stringify(this.appShareParams));
+                    }
+                }
+            },
+            /**
              * 返回上一页
              */
             back(){
@@ -68,7 +68,7 @@
         <!--头部返回和分享-->
         <div v-show="isCNLive.value" class="top_box">
             <img @click="$parent.back()" src="../../../static/img/back.jpg" alt=""/>
-            <img @click="$parent.back()" src="../../../static/img/share.jpg" alt=""/>
+            <img @click="$parent.toShare('22','1')" src="../../../static/img/share.jpg" alt=""/>
         </div>
     </div>
 </template>
@@ -189,10 +189,6 @@
 //                    this.playerOptions.sources[0].src = "https://wjjtest.ys2.cnliveimg.com/802/shop/img/2019/12/30/5e0973f0aa9be.mp4"
 //                }
             },
-            /**
-             * 接口调用
-             * @param {object} [ 分享参数]
-             */
         }
     }