Commit e409004615b6a7b7688b56b49aa44db2d8714bb4

Authored by zhiyangdu
1 parent b84f011b

蒙层图片路径设置

src/components/callAppBox/callAppBox.vue
@@ -19,73 +19,73 @@ @@ -19,73 +19,73 @@
19 19
20 <script> 20 <script>
21 21
22 - // 导入跳转方法组件  
23 - import openAppOld from "@/common/openAppOld.js";  
24 - import maskLayer from "@/components/maskLayer/maskLayer"; 22 +// 导入跳转方法组件
  23 +import openAppOld from "@/common/openAppOld.js";
  24 +import maskLayer from "@/components/maskLayer/maskLayer";
25 25
26 - export default {  
27 - data: function () {  
28 - return {  
29 - maskLayers: null, // 蒙层对象  
30 - downLoadBtnData: {  
31 - data: "",  
32 - source: "",  
33 - channelName: this.$route.query.channelName, //频道名称  
34 - title: "下载网家家,观看更多优质内容",  
35 - }  
36 - }  
37 - },  
38 - props: ["callApps"],  
39 - components: {  
40 - maskLayer  
41 - },  
42 - methods: {  
43 -  
44 - /**  
45 - * H5唤起App按钮事件  
46 - */  
47 - callApp() {  
48 -  
49 - /**  
50 - * 走openinstall拉起下载APP  
51 - * 通过分享页面下载完可以拉起到指定页面  
52 - */  
53 - if (typeof this.callApps.funcs === "object") {  
54 -  
55 - // 拼接参数字符串,根据分享参数拼接  
56 - let shareString = "shop_shop_type=" + this.callApps.funcs.callAppParams.shop_shop_type + "&shop_to=" + this.callApps.funcs.callAppParams.shop_to + "&shop_type=" + this.callApps.funcs.callAppParams.shop_type + "&share_mold=" + this.callApps.funcs.callAppParams.share_mold;  
57 -  
58 - // Base64位编码加密  
59 - const CryptoJS = require("crypto-js");  
60 - const wordArray = CryptoJS.enc.Utf8.parse(shareString);  
61 - let shopData = encodeURIComponent(CryptoJS.enc.Base64.stringify(wordArray));  
62 -  
63 - // 设置下载参数  
64 - this.$set(this.downLoadBtnData, 'data', 'channel_id=' + (this.mode === 'prod' ? 'cnlive_mall' : 'cnlive_mall_test') + '&type=shop' + '&shopData=' + shopData);  
65 -  
66 - if (this.isiPhone.value) {  
67 - openAppOld.submitFn.call(this, this.downLoadBtnData);  
68 - } else if (this.isAndroid.value) {  
69 - if (this.isWeChat.value) {  
70 -  
71 - // 设置蒙层图片  
72 - this.$set(this, "maskLayers", {  
73 - img: "/static/img/mask_layer_browser.png",  
74 - });  
75 -  
76 - // 显示蒙层  
77 - this.$refs.maskLayer.showLayer();  
78 - } else {  
79 - openAppOld.submitFn.call(this, this.downLoadBtnData);  
80 - }  
81 - }  
82 - }  
83 - }  
84 - } 26 +export default {
  27 + data: function () {
  28 + return {
  29 + maskLayers: null, // 蒙层对象
  30 + downLoadBtnData: {
  31 + data: "",
  32 + source: "",
  33 + channelName: this.$route.query.channelName, //频道名称
  34 + title: "下载网家家,观看更多优质内容",
  35 + }
85 } 36 }
  37 + },
  38 + props: ["callApps"],
  39 + components: {
  40 + maskLayer
  41 + },
  42 + methods: {
  43 +
  44 + /**
  45 + * H5唤起App按钮事件
  46 + */
  47 + callApp () {
  48 +
  49 + /**
  50 + * 走openinstall拉起下载APP
  51 + * 通过分享页面下载完可以拉起到指定页面
  52 + */
  53 + if (typeof this.callApps.funcs === "object") {
  54 +
  55 + // 拼接参数字符串,根据分享参数拼接
  56 + let shareString = "shop_shop_type=" + this.callApps.funcs.callAppParams.shop_shop_type + "&shop_to=" + this.callApps.funcs.callAppParams.shop_to + "&shop_type=" + this.callApps.funcs.callAppParams.shop_type + "&share_mold=" + this.callApps.funcs.callAppParams.share_mold;
  57 +
  58 + // Base64位编码加密
  59 + const CryptoJS = require("crypto-js");
  60 + const wordArray = CryptoJS.enc.Utf8.parse(shareString);
  61 + let shopData = encodeURIComponent(CryptoJS.enc.Base64.stringify(wordArray));
  62 +
  63 + // 设置下载参数
  64 + this.$set(this.downLoadBtnData, 'data', 'channel_id=' + (this.mode === 'prod' ? 'cnlive_mall' : 'cnlive_mall_test') + '&type=shop' + '&shopData=' + shopData);
  65 +
  66 + if (this.isiPhone.value) {
  67 + openAppOld.submitFn.call(this, this.downLoadBtnData);
  68 + } else if (this.isAndroid.value) {
  69 + if (this.isWeChat.value) {
  70 +
  71 + // 设置蒙层图片
  72 + this.$set(this, "maskLayers", {
  73 + img: "static/img/mask_layer_browser.png",
  74 + });
  75 +
  76 + // 显示蒙层
  77 + this.$refs.maskLayer.showLayer();
  78 + } else {
  79 + openAppOld.submitFn.call(this, this.downLoadBtnData);
  80 + }
  81 + }
  82 + }
  83 + }
  84 + }
  85 +}
86 </script> 86 </script>
87 87
88 <!-- Add "scoped" attribute to limit CSS to this component only --> 88 <!-- Add "scoped" attribute to limit CSS to this component only -->
89 <style rel="stylesheet/less" lang="less"> 89 <style rel="stylesheet/less" lang="less">
90 - @import './callAppBox'; 90 +@import './callAppBox';
91 </style> 91 </style>
92 \ No newline at end of file 92 \ No newline at end of file