cms-chenhj-ui 1.0.7 → 1.0.9

package/cms-chenhj-ui.common.js

@@ -1,7 +1,7 @@
 /******/ (function() { // webpackBootstrap
 /******/ 	var __webpack_modules__ = ({
 
-/***/ 4586:
+/***/ 2613:
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -13,7 +13,7 @@ __webpack_require__.d(__webpack_exports__, {
   "default": function() { return /* binding */ View; }
 });
 
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-aLineThreeLeftOne/View.vue?vue&type=template&id=445f711e&scoped=true
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-aLineThreeLeftOne/View.vue?vue&type=template&id=3e8d6a02&scoped=true
 var render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -160,7 +160,7 @@ var render = function render() {
 };
 var staticRenderFns = [];
 
-;// CONCATENATED MODULE: ./package/cms-aLineThreeLeftOne/View.vue?vue&type=template&id=445f711e&scoped=true
+;// CONCATENATED MODULE: ./package/cms-aLineThreeLeftOne/View.vue?vue&type=template&id=3e8d6a02&scoped=true
 
 // EXTERNAL MODULE: ./node_modules/swiper/dist/js/swiper.js
 var swiper = __webpack_require__(9848);
@@ -186,6 +186,10 @@ var swiper_esm_bundle = __webpack_require__(3162);
     isOpcacity: {
       type: Boolean,
       default: true
+    },
+    lang: {
+      type: String,
+      default: "zh-HK"
     }
   },
   data() {
@@ -197,8 +201,6 @@ var swiper_esm_bundle = __webpack_require__(3162);
       left: {},
       rightOne: [],
       rightTwo: {},
-      lang: "zh-HK",
-      newlang: "",
       swiperOne: null,
       swiperIdx: 0
     };
@@ -214,21 +216,6 @@ var swiper_esm_bundle = __webpack_require__(3162);
           this.style = obj;
         }
       });
-      this.$EventBus.$on("changeLang", data => {
-        if (data.lang == "zh-HK") {
-          this.left = this.HK.left;
-          this.rightOne = this.HK.rightOne;
-          this.rightTwo = this.HK.rightTwo;
-        } else if (data.lang == "zh-CN") {
-          this.left = this.CN.left;
-          this.rightOne = this.CN.rightOne;
-          this.rightTwo = this.CN.rightTwo;
-        } else {
-          this.left = this.EN.left;
-          this.rightOne = this.EN.rightOne;
-          this.rightTwo = this.EN.rightTwo;
-        }
-      });
     }
     const vm = this;
     const ifLoop = this.rightOne.length > 1 ? true : false;
@@ -271,38 +258,10 @@ var swiper_esm_bundle = __webpack_require__(3162);
     data: {
       handler(val) {
         let obj = {};
-        if (localStorage.getItem("lang")) {
-          this.lang = localStorage.getItem("lang");
-          this.newlang = localStorage.getItem("lang");
-        } else {
-          if (this.newlang != "") {
-            this.lang = this.newlang;
-          } else {
-            this.lang = "zh-HK";
-          }
-        }
         val.settings.settings.forEach(item => {
           this.CN = item.value.content.CN;
           this.HK = item.value.content.HK;
           this.EN = item.value.content.EN;
-          if (this.lang == "zh-CN") {
-            this.left = item.value.content.CN.left;
-            this.rightOne = item.value.content.CN.rightOne;
-            this.rightTwo = item.value.content.CN.rightTwo;
-            localStorage.removeItem("lang");
-          }
-          if (this.lang == "zh-HK") {
-            this.left = item.value.content.HK.left;
-            this.rightOne = item.value.content.HK.rightOne;
-            this.rightTwo = item.value.content.HK.rightTwo;
-            localStorage.removeItem("lang");
-          }
-          if (this.lang == "en-US") {
-            this.left = item.value.content.EN.left;
-            this.rightOne = item.value.content.EN.rightOne;
-            this.rightTwo = item.value.content.EN.rightTwo;
-            localStorage.removeItem("lang");
-          }
         });
         val.settings.attribute.forEach(item => {
           obj[item.key] = item.value;
@@ -310,6 +269,20 @@ var swiper_esm_bundle = __webpack_require__(3162);
       },
       deep: true,
       immediate: true
+    },
+    lang: {
+      handler(val) {
+        const obj = {
+          "zh-CN": "CN",
+          "zh-HK": "HK",
+          "en-US": "EN"
+        };
+        this.left = this[`${obj[val]}`].left;
+        this.rightOne = this[`${obj[val]}`].rightOne;
+        this.rightTwo = this[`${obj[val]}`].rightTwo;
+      },
+      deep: true,
+      immediate: true
     }
   },
   methods: {
@@ -339,10 +312,10 @@ var swiper_esm_bundle = __webpack_require__(3162);
 });
 ;// CONCATENATED MODULE: ./package/cms-aLineThreeLeftOne/View.vue?vue&type=script&lang=js
  /* harmony default export */ var cms_aLineThreeLeftOne_Viewvue_type_script_lang_js = (Viewvue_type_script_lang_js); 
-;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-aLineThreeLeftOne/View.vue?vue&type=style&index=0&id=445f711e&prod&lang=scss&scoped=true
+;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-aLineThreeLeftOne/View.vue?vue&type=style&index=0&id=3e8d6a02&prod&lang=scss&scoped=true
 // extracted by mini-css-extract-plugin
 
-;// CONCATENATED MODULE: ./package/cms-aLineThreeLeftOne/View.vue?vue&type=style&index=0&id=445f711e&prod&lang=scss&scoped=true
+;// CONCATENATED MODULE: ./package/cms-aLineThreeLeftOne/View.vue?vue&type=style&index=0&id=3e8d6a02&prod&lang=scss&scoped=true
 
 // EXTERNAL MODULE: ./node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js
 var componentNormalizer = __webpack_require__(1001);
@@ -361,7 +334,7 @@ var component = (0,componentNormalizer/* default */.Z)(
   staticRenderFns,
   false,
   null,
-  "445f711e",
+  "3e8d6a02",
   null
   
 )
@@ -370,7 +343,7 @@ var component = (0,componentNormalizer/* default */.Z)(
 
 /***/ }),
 
-/***/ 6691:
+/***/ 706:
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -382,7 +355,7 @@ __webpack_require__.d(__webpack_exports__, {
   "default": function() { return /* binding */ View; }
 });
 
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-aLineThreeLeftTwo/View.vue?vue&type=template&id=3eb1f168&scoped=true
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-aLineThreeLeftTwo/View.vue?vue&type=template&id=ac927aae&scoped=true
 var render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -546,7 +519,7 @@ var render = function render() {
 };
 var staticRenderFns = [];
 
-;// CONCATENATED MODULE: ./package/cms-aLineThreeLeftTwo/View.vue?vue&type=template&id=3eb1f168&scoped=true
+;// CONCATENATED MODULE: ./package/cms-aLineThreeLeftTwo/View.vue?vue&type=template&id=ac927aae&scoped=true
 
 // EXTERNAL MODULE: ./node_modules/swiper/dist/js/swiper.js
 var swiper = __webpack_require__(9848);
@@ -572,6 +545,10 @@ var swiper_esm_bundle = __webpack_require__(3162);
     isOpcacity: {
       type: Boolean,
       default: true
+    },
+    lang: {
+      type: String,
+      default: "zh-HK"
     }
   },
   data() {
@@ -583,8 +560,6 @@ var swiper_esm_bundle = __webpack_require__(3162);
       leftOne: {},
       leftTwo: {},
       right: {},
-      lang: "zh-HK",
-      newlang: "",
       swiperOne: null,
       swiperIdx: 0
     };
@@ -600,21 +575,6 @@ var swiper_esm_bundle = __webpack_require__(3162);
           this.style = obj;
         }
       });
-      this.$EventBus.$on("changeLang", data => {
-        if (data.lang == "zh-HK") {
-          this.leftOne = this.HK.leftOne;
-          this.leftTwo = this.HK.leftTwo;
-          this.right = this.HK.right;
-        } else if (data.lang == "zh-CN") {
-          this.leftOne = this.CN.leftOne;
-          this.leftTwo = this.CN.leftTwo;
-          this.right = this.CN.right;
-        } else {
-          this.leftOne = this.EN.leftOne;
-          this.leftTwo = this.EN.leftTwo;
-          this.right = this.EN.right;
-        }
-      });
     }
     const vm = this;
     const ifLoop = this.leftTwo.length > 1 ? true : false;
@@ -657,38 +617,10 @@ var swiper_esm_bundle = __webpack_require__(3162);
     data: {
       handler(val) {
         let obj = {};
-        if (localStorage.getItem("lang")) {
-          this.lang = localStorage.getItem("lang");
-          this.newlang = localStorage.getItem("lang");
-        } else {
-          if (this.newlang != "") {
-            this.lang = this.newlang;
-          } else {
-            this.lang = "zh-HK";
-          }
-        }
         val.settings.settings.forEach(item => {
           this.CN = item.value.content.CN;
           this.HK = item.value.content.HK;
           this.EN = item.value.content.EN;
-          if (this.lang == "zh-CN") {
-            this.leftOne = item.value.content.CN.leftOne;
-            this.leftTwo = item.value.content.CN.leftTwo;
-            this.right = item.value.content.CN.right;
-            localStorage.removeItem("lang");
-          }
-          if (this.lang == "zh-HK") {
-            this.leftOne = item.value.content.HK.leftOne;
-            this.leftTwo = item.value.content.HK.leftTwo;
-            this.right = item.value.content.HK.right;
-            localStorage.removeItem("lang");
-          }
-          if (this.lang == "en-US") {
-            this.leftOne = item.value.content.EN.leftOne;
-            this.leftTwo = item.value.content.EN.leftTwo;
-            this.right = item.value.content.EN.right;
-            localStorage.removeItem("lang");
-          }
         });
         val.settings.attribute.forEach(item => {
           obj[item.key] = item.value;
@@ -696,6 +628,20 @@ var swiper_esm_bundle = __webpack_require__(3162);
       },
       deep: true,
       immediate: true
+    },
+    lang: {
+      handler(val) {
+        const obj = {
+          "zh-CN": "CN",
+          "zh-HK": "HK",
+          "en-US": "EN"
+        };
+        this.leftOne = this[`${obj[val]}`].leftOne;
+        this.leftTwo = this[`${obj[val]}`].leftTwo;
+        this.right = this[`${obj[val]}`].right;
+      },
+      deep: true,
+      immediate: true
     }
   },
   methods: {
@@ -725,10 +671,10 @@ var swiper_esm_bundle = __webpack_require__(3162);
 });
 ;// CONCATENATED MODULE: ./package/cms-aLineThreeLeftTwo/View.vue?vue&type=script&lang=js
  /* harmony default export */ var cms_aLineThreeLeftTwo_Viewvue_type_script_lang_js = (Viewvue_type_script_lang_js); 
-;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-aLineThreeLeftTwo/View.vue?vue&type=style&index=0&id=3eb1f168&prod&lang=scss&scoped=true
+;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-aLineThreeLeftTwo/View.vue?vue&type=style&index=0&id=ac927aae&prod&lang=scss&scoped=true
 // extracted by mini-css-extract-plugin
 
-;// CONCATENATED MODULE: ./package/cms-aLineThreeLeftTwo/View.vue?vue&type=style&index=0&id=3eb1f168&prod&lang=scss&scoped=true
+;// CONCATENATED MODULE: ./package/cms-aLineThreeLeftTwo/View.vue?vue&type=style&index=0&id=ac927aae&prod&lang=scss&scoped=true
 
 // EXTERNAL MODULE: ./node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js
 var componentNormalizer = __webpack_require__(1001);
@@ -747,7 +693,7 @@ var component = (0,componentNormalizer/* default */.Z)(
   staticRenderFns,
   false,
   null,
-  "3eb1f168",
+  "ac927aae",
   null
   
 )
@@ -756,7 +702,7 @@ var component = (0,componentNormalizer/* default */.Z)(
 
 /***/ }),
 
-/***/ 6519:
+/***/ 2534:
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -768,7 +714,7 @@ __webpack_require__.d(__webpack_exports__, {
   "default": function() { return /* binding */ View; }
 });
 
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-activityCountdown/View.vue?vue&type=template&id=4b0609a6&scoped=true
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-activityCountdown/View.vue?vue&type=template&id=6b9fd3ee&scoped=true
 var render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -892,6 +838,10 @@ function queryCountdown(params) {
     isOpcacity: {
       type: Boolean,
       default: true
+    },
+    lang: {
+      type: String,
+      default: "zh-HK"
     }
   },
   data() {
@@ -901,8 +851,6 @@ function queryCountdown(params) {
       HK: {},
       EN: {},
       contentObj: {},
-      lang: "zh-HK",
-      newlang: "",
       messFold: false,
       remainingTime: 0,
       // 剩余时间
@@ -924,15 +872,6 @@ function queryCountdown(params) {
           this.style = obj;
         }
       });
-      this.$EventBus.$on("changeLang", data => {
-        if (data.lang == "zh-HK") {
-          this.contentObj = this.HK;
-        } else if (data.lang == "zh-CN") {
-          this.contentObj = this.CN;
-        } else {
-          this.contentObj = this.EN;
-        }
-      });
     }
     this.contentObj.dateTime && this.queryCountdown(this.contentObj.dateTime);
   },
@@ -940,32 +879,10 @@ function queryCountdown(params) {
     data: {
       handler(val) {
         let obj = {};
-        if (localStorage.getItem("lang")) {
-          this.lang = localStorage.getItem("lang");
-          this.newlang = localStorage.getItem("lang");
-        } else {
-          if (this.newlang != "") {
-            this.lang = this.newlang;
-          } else {
-            this.lang = "zh-HK";
-          }
-        }
         val.settings.settings.forEach(item => {
           this.CN = item.value.content.CN;
           this.HK = item.value.content.HK;
           this.EN = item.value.content.EN;
-          if (this.lang == "zh-CN") {
-            this.contentObj = item.value.content.CN;
-            localStorage.removeItem("lang");
-          }
-          if (this.lang == "zh-HK") {
-            this.contentObj = item.value.content.HK;
-            localStorage.removeItem("lang");
-          }
-          if (this.lang == "en-US") {
-            this.contentObj = item.value.content.EN;
-            localStorage.removeItem("lang");
-          }
         });
         val.settings.attribute.forEach(item => {
           obj[item.key] = item.value;
@@ -973,6 +890,18 @@ function queryCountdown(params) {
       },
       deep: true,
       immediate: true
+    },
+    lang: {
+      handler(val) {
+        const obj = {
+          "zh-CN": "CN",
+          "zh-HK": "HK",
+          "en-US": "EN"
+        };
+        this.contentObj = this[`${obj[val]}`];
+      },
+      deep: true,
+      immediate: true
     }
   },
   methods: {
@@ -1049,10 +978,10 @@ function queryCountdown(params) {
 });
 ;// CONCATENATED MODULE: ./package/cms-activityCountdown/View.vue?vue&type=script&lang=js
  /* harmony default export */ var cms_activityCountdown_Viewvue_type_script_lang_js = (Viewvue_type_script_lang_js); 
-;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-activityCountdown/View.vue?vue&type=style&index=0&id=4b0609a6&prod&lang=scss&scoped=true
+;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-activityCountdown/View.vue?vue&type=style&index=0&id=6b9fd3ee&prod&lang=scss&scoped=true
 // extracted by mini-css-extract-plugin
 
-;// CONCATENATED MODULE: ./package/cms-activityCountdown/View.vue?vue&type=style&index=0&id=4b0609a6&prod&lang=scss&scoped=true
+;// CONCATENATED MODULE: ./package/cms-activityCountdown/View.vue?vue&type=style&index=0&id=6b9fd3ee&prod&lang=scss&scoped=true
 
 // EXTERNAL MODULE: ./node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js
 var componentNormalizer = __webpack_require__(1001);
@@ -1071,7 +1000,7 @@ var component = (0,componentNormalizer/* default */.Z)(
   staticRenderFns,
   false,
   null,
-  "4b0609a6",
+  "6b9fd3ee",
   null
   
 )
@@ -1080,7 +1009,7 @@ var component = (0,componentNormalizer/* default */.Z)(
 
 /***/ }),
 
-/***/ 4449:
+/***/ 2660:
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -1092,7 +1021,7 @@ __webpack_require__.d(__webpack_exports__, {
   "default": function() { return /* binding */ View; }
 });
 
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-activityTime/View.vue?vue&type=template&id=d4ca047c&scoped=true
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-activityTime/View.vue?vue&type=template&id=be42ad98&scoped=true
 var render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -1114,12 +1043,11 @@ var render = function render() {
     staticClass: "cmhk-home_main"
   }, [_c('div', {
     staticClass: "events-time-tip"
-  }, [_c('div', [_c(`CmhkImg`, {
-    tag: "component",
+  }, [_c('div', [_c('img', {
     attrs: {
-      "src": "@/assets/image/common/time-tip.png"
+      "src": __webpack_require__(8930)
     }
-  }), _c('span', [_vm._v("优惠期限：" + _vm._s(_vm.contentObj.startTime) + " - " + _vm._s(_vm.contentObj.endTime))])], 1)])]), _c('div', {
+  }), _c('span', [_vm._v("优惠期限：" + _vm._s(_vm.contentObj.startTime) + " - " + _vm._s(_vm.contentObj.endTime))])])])]), _c('div', {
     class: {
       opcacity: _vm.isOpcacity
     },
@@ -1140,6 +1068,8 @@ var render = function render() {
 };
 var staticRenderFns = [];
 
+;// CONCATENATED MODULE: ./package/cms-activityTime/View.vue?vue&type=template&id=be42ad98&scoped=true
+
 ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-activityTime/View.vue?vue&type=script&lang=js
 /* harmony default export */ var Viewvue_type_script_lang_js = ({
   name: "cms-activityTime",
@@ -1157,14 +1087,19 @@ var staticRenderFns = [];
     isOpcacity: {
       type: Boolean,
       default: true
+    },
+    lang: {
+      type: String,
+      default: "zh-HK"
     }
   },
   data() {
     return {
       style: {},
+      CN: {},
+      HK: {},
+      EN: {},
       contentObj: {},
-      lang: "zh-HK",
-      newlang: "",
       messFold: false
     };
   },
@@ -1179,31 +1114,12 @@ var staticRenderFns = [];
           this.style = obj;
         }
       });
-      this.$EventBus.$on("changeLang", data => {
-        if (data.lang == "zh-HK") {
-          this.contentObj = this.HK;
-        } else if (data.lang == "zh-CN") {
-          this.contentObj = this.CN;
-        } else {
-          this.contentObj = this.EN;
-        }
-      });
     }
   },
   watch: {
     data: {
       handler(val) {
         let obj = {};
-        if (localStorage.getItem("lang")) {
-          this.lang = localStorage.getItem("lang");
-          this.newlang = localStorage.getItem("lang");
-        } else {
-          if (this.newlang != "") {
-            this.lang = this.newlang;
-          } else {
-            this.lang = "zh-HK";
-          }
-        }
         val.settings.settings.forEach(item => {
           this.contentObj = item.value.content;
           this.HK = item.value.content;
@@ -1216,6 +1132,18 @@ var staticRenderFns = [];
       },
       deep: true,
       immediate: true
+    },
+    lang: {
+      handler(val) {
+        const obj = {
+          "zh-CN": "CN",
+          "zh-HK": "HK",
+          "en-US": "EN"
+        };
+        this.contentObj = this[`${obj[val]}`];
+      },
+      deep: true,
+      immediate: true
     }
   },
   methods: {
@@ -1242,10 +1170,10 @@ var staticRenderFns = [];
 });
 ;// CONCATENATED MODULE: ./package/cms-activityTime/View.vue?vue&type=script&lang=js
  /* harmony default export */ var cms_activityTime_Viewvue_type_script_lang_js = (Viewvue_type_script_lang_js); 
-;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-activityTime/View.vue?vue&type=style&index=0&id=d4ca047c&prod&lang=scss&scoped=true
+;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-activityTime/View.vue?vue&type=style&index=0&id=be42ad98&prod&lang=scss&scoped=true
 // extracted by mini-css-extract-plugin
 
-;// CONCATENATED MODULE: ./package/cms-activityTime/View.vue?vue&type=style&index=0&id=d4ca047c&prod&lang=scss&scoped=true
+;// CONCATENATED MODULE: ./package/cms-activityTime/View.vue?vue&type=style&index=0&id=be42ad98&prod&lang=scss&scoped=true
 
 // EXTERNAL MODULE: ./node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js
 var componentNormalizer = __webpack_require__(1001);
@@ -1264,7 +1192,7 @@ var component = (0,componentNormalizer/* default */.Z)(
   staticRenderFns,
   false,
   null,
-  "d4ca047c",
+  "be42ad98",
   null
   
 )
@@ -1273,7 +1201,7 @@ var component = (0,componentNormalizer/* default */.Z)(
 
 /***/ }),
 
-/***/ 9908:
+/***/ 8925:
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -1285,7 +1213,7 @@ __webpack_require__.d(__webpack_exports__, {
   "default": function() { return /* binding */ View; }
 });
 
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-banner/View.vue?vue&type=template&id=1c9db1bf&scoped=true
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-banner/View.vue?vue&type=template&id=750ba6b9&scoped=true
 var render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -1452,7 +1380,7 @@ var render = function render() {
 };
 var staticRenderFns = [];
 
-;// CONCATENATED MODULE: ./package/cms-banner/View.vue?vue&type=template&id=1c9db1bf&scoped=true
+;// CONCATENATED MODULE: ./package/cms-banner/View.vue?vue&type=template&id=750ba6b9&scoped=true
 
 // EXTERNAL MODULE: ./node_modules/swiper/dist/js/swiper.js
 var swiper = __webpack_require__(9848);
@@ -1481,6 +1409,10 @@ var jumpUrl = __webpack_require__(7347);
     isOpcacity: {
       type: Boolean,
       default: true
+    },
+    lang: {
+      type: String,
+      default: "zh-HK"
     }
   },
   data() {
@@ -1497,9 +1429,7 @@ var jumpUrl = __webpack_require__(7347);
       // 轮播
       swiperOne: null,
       swiperIdx: 0,
-      swiperPlayVal: true,
-      lang: "zh-HK",
-      newlang: ""
+      swiperPlayVal: true
     };
   },
   created() {
@@ -1518,15 +1448,6 @@ var jumpUrl = __webpack_require__(7347);
           this.style = obj;
         }
       });
-      this.$EventBus.$on("changeLang", data => {
-        if (data.lang == "zh-HK") {
-          this.cmsConfig.bannerList = this.HK;
-        } else if (data.lang == "zh-CN") {
-          this.cmsConfig.bannerList = this.CN;
-        } else {
-          this.cmsConfig.bannerList = this.EN;
-        }
-      });
     }
     if (this.cmsConfig.bannerList.length > 0) {
       this.initSwiper("bannerList");
@@ -1536,33 +1457,10 @@ var jumpUrl = __webpack_require__(7347);
     data: {
       handler(val) {
         let obj = {};
-        if (localStorage.getItem("lang")) {
-          this.lang = localStorage.getItem("lang");
-          this.newlang = localStorage.getItem("lang");
-        } else {
-          if (this.newlang != "") {
-            this.lang = this.newlang;
-          } else {
-            this.lang = "zh-HK";
-          }
-        }
-        console.log(this.newlang, "123");
         val.settings.settings.forEach(item => {
           this.CN = item.value.bannerList.CN;
           this.HK = item.value.bannerList.HK;
           this.EN = item.value.bannerList.EN;
-          if (this.lang == "zh-CN") {
-            this.cmsConfig.bannerList = item.value.bannerList.CN;
-            localStorage.removeItem("lang");
-          }
-          if (this.lang == "zh-HK") {
-            this.cmsConfig.bannerList = item.value.bannerList.HK;
-            localStorage.removeItem("lang");
-          }
-          if (this.lang == "en-US") {
-            this.cmsConfig.bannerList = item.value.bannerList.EN;
-            localStorage.removeItem("lang");
-          }
         });
         val.settings.attribute.forEach(item => {
           obj[item.key] = item.value;
@@ -1571,6 +1469,18 @@ var jumpUrl = __webpack_require__(7347);
       },
       deep: true,
       immediate: true
+    },
+    lang: {
+      handler(val) {
+        const obj = {
+          "zh-CN": "CN",
+          "zh-HK": "HK",
+          "en-US": "EN"
+        };
+        this.cmsConfig.bannerList = this[`${obj[val]}`];
+      },
+      deep: true,
+      immediate: true
     }
   },
   methods: {
@@ -1648,10 +1558,10 @@ var jumpUrl = __webpack_require__(7347);
 });
 ;// CONCATENATED MODULE: ./package/cms-banner/View.vue?vue&type=script&lang=js
  /* harmony default export */ var cms_banner_Viewvue_type_script_lang_js = (Viewvue_type_script_lang_js); 
-;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-banner/View.vue?vue&type=style&index=0&id=1c9db1bf&prod&scoped=true&lang=scss
+;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-banner/View.vue?vue&type=style&index=0&id=750ba6b9&prod&scoped=true&lang=scss
 // extracted by mini-css-extract-plugin
 
-;// CONCATENATED MODULE: ./package/cms-banner/View.vue?vue&type=style&index=0&id=1c9db1bf&prod&scoped=true&lang=scss
+;// CONCATENATED MODULE: ./package/cms-banner/View.vue?vue&type=style&index=0&id=750ba6b9&prod&scoped=true&lang=scss
 
 // EXTERNAL MODULE: ./node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js
 var componentNormalizer = __webpack_require__(1001);
@@ -1670,7 +1580,7 @@ var component = (0,componentNormalizer/* default */.Z)(
   staticRenderFns,
   false,
   null,
-  "1c9db1bf",
+  "750ba6b9",
   null
   
 )
@@ -1679,7 +1589,7 @@ var component = (0,componentNormalizer/* default */.Z)(
 
 /***/ }),
 
-/***/ 6289:
+/***/ 5787:
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -1691,7 +1601,7 @@ __webpack_require__.d(__webpack_exports__, {
   "default": function() { return /* binding */ View; }
 });
 
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-breadCrumb/View.vue?vue&type=template&id=8584e590&scoped=true
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-breadCrumb/View.vue?vue&type=template&id=2299426f&scoped=true
 var render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -1746,11 +1656,11 @@ var render = function render() {
 };
 var staticRenderFns = [];
 
-;// CONCATENATED MODULE: ./package/cms-breadCrumb/View.vue?vue&type=template&id=8584e590&scoped=true
+;// CONCATENATED MODULE: ./package/cms-breadCrumb/View.vue?vue&type=template&id=2299426f&scoped=true
 
 ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-breadCrumb/View.vue?vue&type=script&lang=js
 /* harmony default export */ var Viewvue_type_script_lang_js = ({
-  name: 'cms-breadCrumb',
+  name: "cms-breadCrumb",
   props: {
     data: {
       type: Object,
@@ -1760,7 +1670,11 @@ var staticRenderFns = [];
     },
     nowCompId: {
       type: [String, Number],
-      default: ''
+      default: ""
+    },
+    lang: {
+      type: String,
+      default: "zh-HK"
     }
   },
   data() {
@@ -1769,26 +1683,15 @@ var staticRenderFns = [];
       // 样式
       dataObj: {},
       // 数据
-      routerList: [{
-        name: '服務計劃及增值服務',
-        path: ''
-      }, {
-        name: '5G服務計劃詳情',
-        path: ''
-      }, {
-        name: '填寫材料',
-        path: ''
-      }],
+      routerList: [],
       CN: [],
       HK: [],
-      EN: [],
-      lang: 'zh-HK',
-      newlang: ''
+      EN: []
     };
   },
   mounted() {
     if (this.$EventBus) {
-      this.$EventBus.$on('forceUpdateCom', data => {
+      this.$EventBus.$on("forceUpdateCom", data => {
         if (data.id == this.data.id) {
           let obj = {};
           data.settings.attribute.forEach(item => {
@@ -1797,47 +1700,16 @@ var staticRenderFns = [];
           this.style = obj;
         }
       });
-      this.$EventBus.$on('changeLang', data => {
-        if (data.lang == 'zh-HK') {
-          this.routerList = this.HK;
-        } else if (data.lang == 'zh-CN') {
-          this.routerList = this.CN;
-        } else {
-          this.routerList = this.EN;
-        }
-      });
     }
   },
   watch: {
     data: {
       handler(val) {
         let obj = {};
-        if (localStorage.getItem('lang')) {
-          this.lang = localStorage.getItem('lang');
-          this.newlang = localStorage.getItem('lang');
-        } else {
-          if (this.newlang != '') {
-            this.lang = this.newlang;
-          } else {
-            this.lang = 'zh-HK';
-          }
-        }
         val.settings.settings.forEach(item => {
           this.CN = item.value.routerList.CN;
           this.HK = item.value.routerList.HK;
           this.EN = item.value.routerList.EN;
-          if (this.lang == 'zh-CN') {
-            this.routerList = item.value.routerList.CN;
-            localStorage.removeItem('lang');
-          }
-          if (this.lang == 'zh-HK') {
-            this.routerList = item.value.routerList.HK;
-            localStorage.removeItem('lang');
-          }
-          if (this.lang == 'en-US') {
-            this.routerList = item.value.routerList.EN;
-            localStorage.removeItem('lang');
-          }
         });
         val.settings.attribute.forEach(item => {
           obj[item.key] = item.value;
@@ -1846,35 +1718,47 @@ var staticRenderFns = [];
       },
       deep: true,
       immediate: true
+    },
+    lang: {
+      handler(val) {
+        const obj = {
+          "zh-CN": "CN",
+          "zh-HK": "HK",
+          "en-US": "EN"
+        };
+        this.routerList = this[`${obj[val]}`];
+      },
+      deep: true,
+      immediate: true
     }
   },
   methods: {
     handleNowComp() {
-      this.$EventBus.$emit('handleNowComp', {
+      this.$EventBus.$emit("handleNowComp", {
         key: this.data.id,
         settings: this.data.settings,
         nowCompName: this.data.compName
       });
     },
     deleteComponent() {
-      this.$EventBus.$emit('handleDeleteComp', {
+      this.$EventBus.$emit("handleDeleteComp", {
         key: this.data.id
       });
     },
     toHome() {
-      console.log('回家');
+      console.log("回家");
     },
     link(item) {
-      console.log('跳转');
+      console.log("跳转");
     }
   }
 });
 ;// CONCATENATED MODULE: ./package/cms-breadCrumb/View.vue?vue&type=script&lang=js
  /* harmony default export */ var cms_breadCrumb_Viewvue_type_script_lang_js = (Viewvue_type_script_lang_js); 
-;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-breadCrumb/View.vue?vue&type=style&index=0&id=8584e590&prod&scoped=true&lang=scss
+;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-breadCrumb/View.vue?vue&type=style&index=0&id=2299426f&prod&scoped=true&lang=scss
 // extracted by mini-css-extract-plugin
 
-;// CONCATENATED MODULE: ./package/cms-breadCrumb/View.vue?vue&type=style&index=0&id=8584e590&prod&scoped=true&lang=scss
+;// CONCATENATED MODULE: ./package/cms-breadCrumb/View.vue?vue&type=style&index=0&id=2299426f&prod&scoped=true&lang=scss
 
 // EXTERNAL MODULE: ./node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js
 var componentNormalizer = __webpack_require__(1001);
@@ -1893,7 +1777,7 @@ var component = (0,componentNormalizer/* default */.Z)(
   staticRenderFns,
   false,
   null,
-  "8584e590",
+  "2299426f",
   null
   
 )
@@ -2055,7 +1939,7 @@ var component = (0,componentNormalizer/* default */.Z)(
 
 /***/ }),
 
-/***/ 2351:
+/***/ 8345:
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -2067,7 +1951,7 @@ __webpack_require__.d(__webpack_exports__, {
   "default": function() { return /* binding */ View; }
 });
 
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-cells/View.vue?vue&type=template&id=48e12090&scoped=true
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-cells/View.vue?vue&type=template&id=e998054c&scoped=true
 var render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -2143,6 +2027,10 @@ var staticRenderFns = [];
     isOpcacity: {
       type: Boolean,
       default: true
+    },
+    lang: {
+      type: String,
+      default: "zh-HK"
     }
   },
   data() {
@@ -2151,9 +2039,7 @@ var staticRenderFns = [];
       CN: [],
       HK: [],
       EN: [],
-      list: [],
-      lang: "zh-HK",
-      newlang: ""
+      list: []
     };
   },
   mounted() {
@@ -2167,47 +2053,16 @@ var staticRenderFns = [];
           this.style = obj;
         }
       });
-      this.$EventBus.$on("changeLang", data => {
-        if (data.lang == "zh-HK") {
-          this.list = this.HK;
-        } else if (data.lang == "zh-CN") {
-          this.list = this.CN;
-        } else {
-          this.list = this.EN;
-        }
-      });
     }
   },
   watch: {
     data: {
       handler(val) {
         let obj = {};
-        if (localStorage.getItem("lang")) {
-          this.lang = localStorage.getItem("lang");
-          this.newlang = localStorage.getItem("lang");
-        } else {
-          if (this.newlang != "") {
-            this.lang = this.newlang;
-          } else {
-            this.lang = "zh-HK";
-          }
-        }
         val.settings.settings.forEach(item => {
           this.CN = item.value.bannerList.CN;
           this.HK = item.value.bannerList.HK;
           this.EN = item.value.bannerList.EN;
-          if (this.lang == "zh-CN") {
-            this.list = item.value.bannerList.CN;
-            localStorage.removeItem("lang");
-          }
-          if (this.lang == "zh-HK") {
-            this.list = item.value.bannerList.HK;
-            localStorage.removeItem("lang");
-          }
-          if (this.lang == "en-US") {
-            this.list = item.value.bannerList.EN;
-            localStorage.removeItem("lang");
-          }
         });
         val.settings.attribute.forEach(item => {
           obj[item.key] = item.value;
@@ -2215,6 +2070,18 @@ var staticRenderFns = [];
       },
       deep: true,
       immediate: true
+    },
+    lang: {
+      handler(val) {
+        const obj = {
+          "zh-CN": "CN",
+          "zh-HK": "HK",
+          "en-US": "EN"
+        };
+        this.list = this[`${obj[val]}`];
+      },
+      deep: true,
+      immediate: true
     }
   },
   methods: {
@@ -2238,10 +2105,10 @@ var staticRenderFns = [];
 });
 ;// CONCATENATED MODULE: ./package/cms-cells/View.vue?vue&type=script&lang=js
  /* harmony default export */ var cms_cells_Viewvue_type_script_lang_js = (Viewvue_type_script_lang_js); 
-;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-cells/View.vue?vue&type=style&index=0&id=48e12090&prod&lang=scss&scoped=true
+;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-cells/View.vue?vue&type=style&index=0&id=e998054c&prod&lang=scss&scoped=true
 // extracted by mini-css-extract-plugin
 
-;// CONCATENATED MODULE: ./package/cms-cells/View.vue?vue&type=style&index=0&id=48e12090&prod&lang=scss&scoped=true
+;// CONCATENATED MODULE: ./package/cms-cells/View.vue?vue&type=style&index=0&id=e998054c&prod&lang=scss&scoped=true
 
 // EXTERNAL MODULE: ./node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js
 var componentNormalizer = __webpack_require__(1001);
@@ -2260,7 +2127,7 @@ var component = (0,componentNormalizer/* default */.Z)(
   staticRenderFns,
   false,
   null,
-  "48e12090",
+  "e998054c",
   null
   
 )
@@ -2511,7 +2378,7 @@ var component = (0,componentNormalizer/* default */.Z)(
 
 /***/ }),
 
-/***/ 9648:
+/***/ 1767:
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -2523,7 +2390,7 @@ __webpack_require__.d(__webpack_exports__, {
   "default": function() { return /* binding */ View; }
 });
 
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-description/View.vue?vue&type=template&id=18891b2c&scoped=true
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-description/View.vue?vue&type=template&id=06442f0d&scoped=true
 var render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -2542,7 +2409,7 @@ var render = function render() {
       "click": _vm.handleNowComp
     }
   }, [_c('section', {
-    staticClass: "cmhk-home_main"
+    staticClass: "cmhk-home_main cartoon"
   }, [_c('div', {
     class: ['cartoon-mess cartoon-mess_container mgb-0', _vm.messFold ? 'all' : '']
   }, [_c('div', {
@@ -2556,7 +2423,7 @@ var render = function render() {
     on: {
       "click": _vm.foldMessText
     }
-  }, [_vm._v(" " + _vm._s(_vm.messFold ? _vm.$t('roamIndex.Collpase') : _vm.$t('roamIndex.Expand'))), _c('i', {
+  }, [_vm._v(" " + _vm._s(_vm.messFold ? _vm.$t("roamIndex.Collpase") : _vm.$t("roamIndex.Expand"))), _c('i', {
     class: [_vm.messFold ? 'el-icon-arrow-up' : 'el-icon-arrow-down']
   })])])]), _c('div', {
     class: {
@@ -2596,6 +2463,10 @@ var staticRenderFns = [];
     isOpcacity: {
       type: Boolean,
       default: true
+    },
+    lang: {
+      type: String,
+      default: "zh-HK"
     }
   },
   data() {
@@ -2605,8 +2476,6 @@ var staticRenderFns = [];
       HK: {},
       EN: {},
       contentObj: {},
-      lang: "zh-HK",
-      newlang: "",
       messFold: false
     };
   },
@@ -2621,47 +2490,16 @@ var staticRenderFns = [];
           this.style = obj;
         }
       });
-      this.$EventBus.$on("changeLang", data => {
-        if (data.lang == "zh-HK") {
-          this.contentObj = this.HK;
-        } else if (data.lang == "zh-CN") {
-          this.contentObj = this.CN;
-        } else {
-          this.contentObj = this.EN;
-        }
-      });
     }
   },
   watch: {
     data: {
       handler(val) {
         let obj = {};
-        if (localStorage.getItem("lang")) {
-          this.lang = localStorage.getItem("lang");
-          this.newlang = localStorage.getItem("lang");
-        } else {
-          if (this.newlang != "") {
-            this.lang = this.newlang;
-          } else {
-            this.lang = "zh-HK";
-          }
-        }
         val.settings.settings.forEach(item => {
           this.CN = item.value.content.CN;
           this.HK = item.value.content.HK;
           this.EN = item.value.content.EN;
-          if (this.lang == "zh-CN") {
-            this.contentObj = item.value.content.CN;
-            localStorage.removeItem("lang");
-          }
-          if (this.lang == "zh-HK") {
-            this.contentObj = item.value.content.HK;
-            localStorage.removeItem("lang");
-          }
-          if (this.lang == "en-US") {
-            this.contentObj = item.value.content.EN;
-            localStorage.removeItem("lang");
-          }
         });
         val.settings.attribute.forEach(item => {
           obj[item.key] = item.value;
@@ -2669,6 +2507,18 @@ var staticRenderFns = [];
       },
       deep: true,
       immediate: true
+    },
+    lang: {
+      handler(val) {
+        const obj = {
+          "zh-CN": "CN",
+          "zh-HK": "HK",
+          "en-US": "EN"
+        };
+        this.contentObj = this[`${obj[val]}`];
+      },
+      deep: true,
+      immediate: true
     }
   },
   methods: {
@@ -2695,10 +2545,10 @@ var staticRenderFns = [];
 });
 ;// CONCATENATED MODULE: ./package/cms-description/View.vue?vue&type=script&lang=js
  /* harmony default export */ var cms_description_Viewvue_type_script_lang_js = (Viewvue_type_script_lang_js); 
-;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-description/View.vue?vue&type=style&index=0&id=18891b2c&prod&lang=scss&scoped=true
+;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-description/View.vue?vue&type=style&index=0&id=06442f0d&prod&lang=scss&scoped=true
 // extracted by mini-css-extract-plugin
 
-;// CONCATENATED MODULE: ./package/cms-description/View.vue?vue&type=style&index=0&id=18891b2c&prod&lang=scss&scoped=true
+;// CONCATENATED MODULE: ./package/cms-description/View.vue?vue&type=style&index=0&id=06442f0d&prod&lang=scss&scoped=true
 
 // EXTERNAL MODULE: ./node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js
 var componentNormalizer = __webpack_require__(1001);
@@ -2717,7 +2567,7 @@ var component = (0,componentNormalizer/* default */.Z)(
   staticRenderFns,
   false,
   null,
-  "18891b2c",
+  "06442f0d",
   null
   
 )
@@ -2726,7 +2576,7 @@ var component = (0,componentNormalizer/* default */.Z)(
 
 /***/ }),
 
-/***/ 5926:
+/***/ 5442:
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -2738,7 +2588,7 @@ __webpack_require__.d(__webpack_exports__, {
   "default": function() { return /* binding */ View; }
 });
 
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-header/View.vue?vue&type=template&id=6657c5ef&scoped=true
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-header/View.vue?vue&type=template&id=ec58cb5a&scoped=true
 var render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -2772,19 +2622,19 @@ var render = function render() {
     staticClass: "cmhk-tab layout-onlypc"
   }, [_c('a', {
     attrs: {
-      "href": `https://www.hk.chinamobile.com/${_vm.lang}/home`
+      "href": `https://www.hk.chinamobile.com/${_vm.pageLang}/home`
     }
   }, [_c('div', {
     class: ['cmhk-tab_item', _vm.menuType == '1' ? 'active' : '']
   }, [_vm._v(" " + _vm._s(_vm.$t("cmhkHeader.Personal")) + " ")])]), _c('a', {
     attrs: {
-      "href": `https://www.hk.chinamobile.com/${_vm.lang}/home-family`
+      "href": `https://www.hk.chinamobile.com/${_vm.pageLang}/home-family`
     }
   }, [_c('div', {
     class: ['cmhk-tab_item', _vm.menuType == '2' ? 'active' : '']
   }, [_vm._v(" " + _vm._s(_vm.$t("cmhkHeader.Home")) + " ")])]), _c('a', {
     attrs: {
-      "href": `https://www.hk.chinamobile.com/${_vm.lang}/home-corp`
+      "href": `https://www.hk.chinamobile.com/${_vm.pageLang}/home-corp`
     }
   }, [_vm.menuType == '3' ? _c('div', {
     staticClass: "cmhk-tab_item active"
@@ -2973,7 +2823,7 @@ var staticRenderFns = [function () {
   })]);
 }];
 
-;// CONCATENATED MODULE: ./package/cms-header/View.vue?vue&type=template&id=6657c5ef&scoped=true
+;// CONCATENATED MODULE: ./package/cms-header/View.vue?vue&type=template&id=ec58cb5a&scoped=true
 
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.push.js
 var es_array_push = __webpack_require__(560);
@@ -3092,6 +2942,10 @@ function queryMenuList(data) {
     isOpcacity: {
       type: Boolean,
       default: true
+    },
+    lang: {
+      type: String,
+      default: "zh-HK"
     }
   },
   data() {
@@ -3172,7 +3026,7 @@ function queryMenuList(data) {
       showMenuPC: false,
       scrollDirection: "up",
       indexSearchVisible: false,
-      lang: "tc"
+      pageLang: 'tc'
     };
   },
   mounted() {
@@ -3286,19 +3140,7 @@ function queryMenuList(data) {
     },
     //切换语言
     changeLang(lang) {
-      if (lang == "zh-Hk") {
-        this.lang = "tc";
-      } else if (lang == "zh-CN") {
-        this.lang = "sc";
-      } else {
-        this.lang = "en";
-      }
-      this.$i18n.locale = lang;
-      // localStorage.setItem("locale", lang);
-      this.$EventBus.$emit("changeLang", {
-        lang: lang
-      });
-      this.queryMenuList();
+      return;
     },
     // 手机端切换菜单
     changeMenu(e) {
@@ -3470,15 +3312,15 @@ function queryMenuList(data) {
 });
 ;// CONCATENATED MODULE: ./package/cms-header/View.vue?vue&type=script&lang=js
  /* harmony default export */ var cms_header_Viewvue_type_script_lang_js = (Viewvue_type_script_lang_js); 
-;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-header/View.vue?vue&type=style&index=0&id=6657c5ef&prod&lang=scss&scoped=true
+;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-header/View.vue?vue&type=style&index=0&id=ec58cb5a&prod&lang=scss&scoped=true
 // extracted by mini-css-extract-plugin
 
-;// CONCATENATED MODULE: ./package/cms-header/View.vue?vue&type=style&index=0&id=6657c5ef&prod&lang=scss&scoped=true
+;// CONCATENATED MODULE: ./package/cms-header/View.vue?vue&type=style&index=0&id=ec58cb5a&prod&lang=scss&scoped=true
 
-;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-header/View.vue?vue&type=style&index=1&id=6657c5ef&prod&lang=scss&scoped=true
+;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-header/View.vue?vue&type=style&index=1&id=ec58cb5a&prod&lang=scss&scoped=true
 // extracted by mini-css-extract-plugin
 
-;// CONCATENATED MODULE: ./package/cms-header/View.vue?vue&type=style&index=1&id=6657c5ef&prod&lang=scss&scoped=true
+;// CONCATENATED MODULE: ./package/cms-header/View.vue?vue&type=style&index=1&id=ec58cb5a&prod&lang=scss&scoped=true
 
 // EXTERNAL MODULE: ./node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js
 var componentNormalizer = __webpack_require__(1001);
@@ -3498,7 +3340,7 @@ var component = (0,componentNormalizer/* default */.Z)(
   staticRenderFns,
   false,
   null,
-  "6657c5ef",
+  "ec58cb5a",
   null
   
 )
@@ -3507,7 +3349,7 @@ var component = (0,componentNormalizer/* default */.Z)(
 
 /***/ }),
 
-/***/ 2284:
+/***/ 7245:
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -3519,7 +3361,7 @@ __webpack_require__.d(__webpack_exports__, {
   "default": function() { return /* binding */ View; }
 });
 
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-iconFour/View.vue?vue&type=template&id=0a8ffd98&scoped=true
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-iconFour/View.vue?vue&type=template&id=118d0e00&scoped=true
 var render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -3606,6 +3448,10 @@ var staticRenderFns = [];
     isOpcacity: {
       type: Boolean,
       default: true
+    },
+    lang: {
+      type: String,
+      default: "zh-HK"
     }
   },
   data() {
@@ -3614,9 +3460,7 @@ var staticRenderFns = [];
       CN: [],
       HK: [],
       EN: [],
-      list: [],
-      lang: "zh-HK",
-      newlang: ""
+      list: []
     };
   },
   mounted() {
@@ -3630,47 +3474,16 @@ var staticRenderFns = [];
           this.style = obj;
         }
       });
-      this.$EventBus.$on("changeLang", data => {
-        if (data.lang == "zh-HK") {
-          this.list = this.HK;
-        } else if (data.lang == "zh-CN") {
-          this.list = this.CN;
-        } else {
-          this.list = this.EN;
-        }
-      });
     }
   },
   watch: {
     data: {
       handler(val) {
         let obj = {};
-        if (localStorage.getItem("lang")) {
-          this.lang = localStorage.getItem("lang");
-          this.newlang = localStorage.getItem("lang");
-        } else {
-          if (this.newlang != "") {
-            this.lang = this.newlang;
-          } else {
-            this.lang = "zh-HK";
-          }
-        }
         val.settings.settings.forEach(item => {
           this.CN = item.value.bannerList.CN;
           this.HK = item.value.bannerList.HK;
           this.EN = item.value.bannerList.EN;
-          if (this.lang == "zh-CN") {
-            this.list = item.value.bannerList.CN;
-            localStorage.removeItem("lang");
-          }
-          if (this.lang == "zh-HK") {
-            this.list = item.value.bannerList.HK;
-            localStorage.removeItem("lang");
-          }
-          if (this.lang == "en-US") {
-            this.list = item.value.bannerList.EN;
-            localStorage.removeItem("lang");
-          }
         });
         val.settings.attribute.forEach(item => {
           obj[item.key] = item.value;
@@ -3678,6 +3491,18 @@ var staticRenderFns = [];
       },
       deep: true,
       immediate: true
+    },
+    lang: {
+      handler(val) {
+        const obj = {
+          "zh-CN": "CN",
+          "zh-HK": "HK",
+          "en-US": "EN"
+        };
+        this.list = this[`${obj[val]}`];
+      },
+      deep: true,
+      immediate: true
     }
   },
   methods: {
@@ -3701,10 +3526,10 @@ var staticRenderFns = [];
 });
 ;// CONCATENATED MODULE: ./package/cms-iconFour/View.vue?vue&type=script&lang=js
  /* harmony default export */ var cms_iconFour_Viewvue_type_script_lang_js = (Viewvue_type_script_lang_js); 
-;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-iconFour/View.vue?vue&type=style&index=0&id=0a8ffd98&prod&lang=scss&scoped=true
+;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-iconFour/View.vue?vue&type=style&index=0&id=118d0e00&prod&lang=scss&scoped=true
 // extracted by mini-css-extract-plugin
 
-;// CONCATENATED MODULE: ./package/cms-iconFour/View.vue?vue&type=style&index=0&id=0a8ffd98&prod&lang=scss&scoped=true
+;// CONCATENATED MODULE: ./package/cms-iconFour/View.vue?vue&type=style&index=0&id=118d0e00&prod&lang=scss&scoped=true
 
 // EXTERNAL MODULE: ./node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js
 var componentNormalizer = __webpack_require__(1001);
@@ -3723,7 +3548,7 @@ var component = (0,componentNormalizer/* default */.Z)(
   staticRenderFns,
   false,
   null,
-  "0a8ffd98",
+  "118d0e00",
   null
   
 )
@@ -3917,7 +3742,7 @@ var component = (0,componentNormalizer/* default */.Z)(
 
 /***/ }),
 
-/***/ 4101:
+/***/ 6052:
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -3929,7 +3754,7 @@ __webpack_require__.d(__webpack_exports__, {
   "default": function() { return /* binding */ View; }
 });
 
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-imgFour/View.vue?vue&type=template&id=da42192a&scoped=true
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-imgFour/View.vue?vue&type=template&id=6b92bfa4&scoped=true
 var render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -3948,7 +3773,6 @@ var render = function render() {
       "click": _vm.handleNowComp
     }
   }, [_c('section', {
-    ref: "product",
     staticClass: "fp-part-bg"
   }, [_c('section', {
     staticClass: "cmhk-home_main"
@@ -4047,6 +3871,10 @@ var swiper_esm_bundle = __webpack_require__(3162);
     isOpcacity: {
       type: Boolean,
       default: true
+    },
+    lang: {
+      type: String,
+      default: "zh-HK"
     }
   },
   data() {
@@ -4056,8 +3884,6 @@ var swiper_esm_bundle = __webpack_require__(3162);
       HK: [],
       EN: [],
       list: [],
-      lang: "zh-HK",
-      newlang: "",
       productSwiper: null
     };
   },
@@ -4072,15 +3898,6 @@ var swiper_esm_bundle = __webpack_require__(3162);
           this.style = obj;
         }
       });
-      this.$EventBus.$on("changeLang", data => {
-        if (data.lang == "zh-HK") {
-          this.list = this.HK;
-        } else if (data.lang == "zh-CN") {
-          this.list = this.CN;
-        } else {
-          this.list = this.EN;
-        }
-      });
       this.productSwiper = new swiper_esm_bundle/* default */.Z("#productList", {
         autoplay: false,
         loop: false,
@@ -4097,32 +3914,10 @@ var swiper_esm_bundle = __webpack_require__(3162);
     data: {
       handler(val) {
         let obj = {};
-        if (localStorage.getItem("lang")) {
-          this.lang = localStorage.getItem("lang");
-          this.newlang = localStorage.getItem("lang");
-        } else {
-          if (this.newlang != "") {
-            this.lang = this.newlang;
-          } else {
-            this.lang = "zh-HK";
-          }
-        }
         val.settings.settings.forEach(item => {
           this.CN = item.value.bannerList.CN;
           this.HK = item.value.bannerList.HK;
           this.EN = item.value.bannerList.EN;
-          if (this.lang == "zh-CN") {
-            this.list = item.value.bannerList.CN;
-            localStorage.removeItem("lang");
-          }
-          if (this.lang == "zh-HK") {
-            this.list = item.value.bannerList.HK;
-            localStorage.removeItem("lang");
-          }
-          if (this.lang == "en-US") {
-            this.list = item.value.bannerList.EN;
-            localStorage.removeItem("lang");
-          }
         });
         val.settings.attribute.forEach(item => {
           obj[item.key] = item.value;
@@ -4130,6 +3925,18 @@ var swiper_esm_bundle = __webpack_require__(3162);
       },
       deep: true,
       immediate: true
+    },
+    lang: {
+      handler(val) {
+        const obj = {
+          "zh-CN": "CN",
+          "zh-HK": "HK",
+          "en-US": "EN"
+        };
+        this.list = this[`${obj[val]}`];
+      },
+      deep: true,
+      immediate: true
     }
   },
   methods: {
@@ -4153,10 +3960,10 @@ var swiper_esm_bundle = __webpack_require__(3162);
 });
 ;// CONCATENATED MODULE: ./package/cms-imgFour/View.vue?vue&type=script&lang=js
  /* harmony default export */ var cms_imgFour_Viewvue_type_script_lang_js = (Viewvue_type_script_lang_js); 
-;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-imgFour/View.vue?vue&type=style&index=0&id=da42192a&prod&lang=scss&scoped=true
+;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-imgFour/View.vue?vue&type=style&index=0&id=6b92bfa4&prod&lang=scss&scoped=true
 // extracted by mini-css-extract-plugin
 
-;// CONCATENATED MODULE: ./package/cms-imgFour/View.vue?vue&type=style&index=0&id=da42192a&prod&lang=scss&scoped=true
+;// CONCATENATED MODULE: ./package/cms-imgFour/View.vue?vue&type=style&index=0&id=6b92bfa4&prod&lang=scss&scoped=true
 
 // EXTERNAL MODULE: ./node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js
 var componentNormalizer = __webpack_require__(1001);
@@ -4175,7 +3982,7 @@ var component = (0,componentNormalizer/* default */.Z)(
   staticRenderFns,
   false,
   null,
-  "da42192a",
+  "6b92bfa4",
   null
   
 )
@@ -4184,7 +3991,7 @@ var component = (0,componentNormalizer/* default */.Z)(
 
 /***/ }),
 
-/***/ 7806:
+/***/ 9003:
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -4196,7 +4003,7 @@ __webpack_require__.d(__webpack_exports__, {
   "default": function() { return /* binding */ View; }
 });
 
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-lineFive/View.vue?vue&type=template&id=40154e24&scoped=true
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-lineFive/View.vue?vue&type=template&id=41257c18&scoped=true
 var render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -4288,6 +4095,10 @@ var staticRenderFns = [];
     isOpcacity: {
       type: Boolean,
       default: true
+    },
+    lang: {
+      type: String,
+      default: "zh-HK"
     }
   },
   data() {
@@ -4296,9 +4107,7 @@ var staticRenderFns = [];
       CN: [],
       HK: [],
       EN: [],
-      list: [],
-      lang: "zh-HK",
-      newlang: ""
+      list: []
     };
   },
   mounted() {
@@ -4312,47 +4121,16 @@ var staticRenderFns = [];
           this.style = obj;
         }
       });
-      this.$EventBus.$on("changeLang", data => {
-        if (data.lang == "zh-HK") {
-          this.list = this.HK;
-        } else if (data.lang == "zh-CN") {
-          this.list = this.CN;
-        } else {
-          this.list = this.EN;
-        }
-      });
     }
   },
   watch: {
     data: {
       handler(val) {
         let obj = {};
-        if (localStorage.getItem("lang")) {
-          this.lang = localStorage.getItem("lang");
-          this.newlang = localStorage.getItem("lang");
-        } else {
-          if (this.newlang != "") {
-            this.lang = this.newlang;
-          } else {
-            this.lang = "zh-HK";
-          }
-        }
         val.settings.settings.forEach(item => {
           this.CN = item.value.bannerList.CN;
           this.HK = item.value.bannerList.HK;
           this.EN = item.value.bannerList.EN;
-          if (this.lang == "zh-CN") {
-            this.list = item.value.bannerList.CN;
-            localStorage.removeItem("lang");
-          }
-          if (this.lang == "zh-HK") {
-            this.list = item.value.bannerList.HK;
-            localStorage.removeItem("lang");
-          }
-          if (this.lang == "en-US") {
-            this.list = item.value.bannerList.EN;
-            localStorage.removeItem("lang");
-          }
         });
         val.settings.attribute.forEach(item => {
           obj[item.key] = item.value;
@@ -4360,6 +4138,18 @@ var staticRenderFns = [];
       },
       deep: true,
       immediate: true
+    },
+    lang: {
+      handler(val) {
+        const obj = {
+          "zh-CN": "CN",
+          "zh-HK": "HK",
+          "en-US": "EN"
+        };
+        this.list = this[`${obj[val]}`];
+      },
+      deep: true,
+      immediate: true
     }
   },
   methods: {
@@ -4383,10 +4173,10 @@ var staticRenderFns = [];
 });
 ;// CONCATENATED MODULE: ./package/cms-lineFive/View.vue?vue&type=script&lang=js
  /* harmony default export */ var cms_lineFive_Viewvue_type_script_lang_js = (Viewvue_type_script_lang_js); 
-;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-lineFive/View.vue?vue&type=style&index=0&id=40154e24&prod&lang=scss&scoped=true
+;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-lineFive/View.vue?vue&type=style&index=0&id=41257c18&prod&lang=scss&scoped=true
 // extracted by mini-css-extract-plugin
 
-;// CONCATENATED MODULE: ./package/cms-lineFive/View.vue?vue&type=style&index=0&id=40154e24&prod&lang=scss&scoped=true
+;// CONCATENATED MODULE: ./package/cms-lineFive/View.vue?vue&type=style&index=0&id=41257c18&prod&lang=scss&scoped=true
 
 // EXTERNAL MODULE: ./node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js
 var componentNormalizer = __webpack_require__(1001);
@@ -4405,7 +4195,7 @@ var component = (0,componentNormalizer/* default */.Z)(
   staticRenderFns,
   false,
   null,
-  "40154e24",
+  "41257c18",
   null
   
 )
@@ -4414,7 +4204,7 @@ var component = (0,componentNormalizer/* default */.Z)(
 
 /***/ }),
 
-/***/ 7871:
+/***/ 8043:
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -4426,7 +4216,7 @@ __webpack_require__.d(__webpack_exports__, {
   "default": function() { return /* binding */ View; }
 });
 
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-lineFour/View.vue?vue&type=template&id=2a2a86a2&scoped=true
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-lineFour/View.vue?vue&type=template&id=2cecc421&scoped=true
 var render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -4500,6 +4290,10 @@ var staticRenderFns = [];
     isOpcacity: {
       type: Boolean,
       default: true
+    },
+    lang: {
+      type: String,
+      default: "zh-HK"
     }
   },
   data() {
@@ -4508,9 +4302,7 @@ var staticRenderFns = [];
       CN: [],
       HK: [],
       EN: [],
-      list: [],
-      lang: "zh-HK",
-      newlang: ""
+      list: []
     };
   },
   mounted() {
@@ -4524,47 +4316,16 @@ var staticRenderFns = [];
           this.style = obj;
         }
       });
-      this.$EventBus.$on("changeLang", data => {
-        if (data.lang == "zh-HK") {
-          this.list = this.HK;
-        } else if (data.lang == "zh-CN") {
-          this.list = this.CN;
-        } else {
-          this.list = this.EN;
-        }
-      });
     }
   },
   watch: {
     data: {
       handler(val) {
         let obj = {};
-        if (localStorage.getItem("lang")) {
-          this.lang = localStorage.getItem("lang");
-          this.newlang = localStorage.getItem("lang");
-        } else {
-          if (this.newlang != "") {
-            this.lang = this.newlang;
-          } else {
-            this.lang = "zh-HK";
-          }
-        }
         val.settings.settings.forEach(item => {
           this.CN = item.value.bannerList.CN;
           this.HK = item.value.bannerList.HK;
           this.EN = item.value.bannerList.EN;
-          if (this.lang == "zh-CN") {
-            this.list = item.value.bannerList.CN;
-            localStorage.removeItem("lang");
-          }
-          if (this.lang == "zh-HK") {
-            this.list = item.value.bannerList.HK;
-            localStorage.removeItem("lang");
-          }
-          if (this.lang == "en-US") {
-            this.list = item.value.bannerList.EN;
-            localStorage.removeItem("lang");
-          }
         });
         val.settings.attribute.forEach(item => {
           obj[item.key] = item.value;
@@ -4572,6 +4333,18 @@ var staticRenderFns = [];
       },
       deep: true,
       immediate: true
+    },
+    lang: {
+      handler(val) {
+        const obj = {
+          "zh-CN": "CN",
+          "zh-HK": "HK",
+          "en-US": "EN"
+        };
+        this.list = this[`${obj[val]}`];
+      },
+      deep: true,
+      immediate: true
     }
   },
   methods: {
@@ -4595,10 +4368,10 @@ var staticRenderFns = [];
 });
 ;// CONCATENATED MODULE: ./package/cms-lineFour/View.vue?vue&type=script&lang=js
  /* harmony default export */ var cms_lineFour_Viewvue_type_script_lang_js = (Viewvue_type_script_lang_js); 
-;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-lineFour/View.vue?vue&type=style&index=0&id=2a2a86a2&prod&lang=scss&scoped=true
+;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-lineFour/View.vue?vue&type=style&index=0&id=2cecc421&prod&lang=scss&scoped=true
 // extracted by mini-css-extract-plugin
 
-;// CONCATENATED MODULE: ./package/cms-lineFour/View.vue?vue&type=style&index=0&id=2a2a86a2&prod&lang=scss&scoped=true
+;// CONCATENATED MODULE: ./package/cms-lineFour/View.vue?vue&type=style&index=0&id=2cecc421&prod&lang=scss&scoped=true
 
 // EXTERNAL MODULE: ./node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js
 var componentNormalizer = __webpack_require__(1001);
@@ -4617,7 +4390,7 @@ var component = (0,componentNormalizer/* default */.Z)(
   staticRenderFns,
   false,
   null,
-  "2a2a86a2",
+  "2cecc421",
   null
   
 )
@@ -4626,7 +4399,7 @@ var component = (0,componentNormalizer/* default */.Z)(
 
 /***/ }),
 
-/***/ 9916:
+/***/ 7505:
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -4638,7 +4411,7 @@ __webpack_require__.d(__webpack_exports__, {
   "default": function() { return /* binding */ View; }
 });
 
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-lineThree/View.vue?vue&type=template&id=357edc7d&scoped=true
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-lineThree/View.vue?vue&type=template&id=74a41eca&scoped=true
 var render = function render() {
   var _vm = this,
     _c = _vm._self._c,
@@ -4755,6 +4528,10 @@ const __default__ = {
     isOpcacity: {
       type: Boolean,
       default: true
+    },
+    lang: {
+      type: String,
+      default: "zh-HK"
     }
   },
   data() {
@@ -4763,9 +4540,7 @@ const __default__ = {
       CN: [],
       HK: [],
       EN: [],
-      list: [],
-      lang: "zh-HK",
-      newlang: ""
+      list: []
     };
   },
   mounted() {
@@ -4779,47 +4554,16 @@ const __default__ = {
           this.style = obj;
         }
       });
-      this.$EventBus.$on("changeLang", data => {
-        if (data.lang == "zh-HK") {
-          this.list = this.HK;
-        } else if (data.lang == "zh-CN") {
-          this.list = this.CN;
-        } else {
-          this.list = this.EN;
-        }
-      });
     }
   },
   watch: {
     data: {
       handler(val) {
         let obj = {};
-        if (localStorage.getItem("lang")) {
-          this.lang = localStorage.getItem("lang");
-          this.newlang = localStorage.getItem("lang");
-        } else {
-          if (this.newlang != "") {
-            this.lang = this.newlang;
-          } else {
-            this.lang = "zh-HK";
-          }
-        }
         val.settings.settings.forEach(item => {
           this.CN = item.value.bannerList.CN;
           this.HK = item.value.bannerList.HK;
           this.EN = item.value.bannerList.EN;
-          if (this.lang == "zh-CN") {
-            this.list = item.value.bannerList.CN;
-            localStorage.removeItem("lang");
-          }
-          if (this.lang == "zh-HK") {
-            this.list = item.value.bannerList.HK;
-            localStorage.removeItem("lang");
-          }
-          if (this.lang == "en-US") {
-            this.list = item.value.bannerList.EN;
-            localStorage.removeItem("lang");
-          }
         });
         val.settings.attribute.forEach(item => {
           obj[item.key] = item.value;
@@ -4827,6 +4571,18 @@ const __default__ = {
       },
       deep: true,
       immediate: true
+    },
+    lang: {
+      handler(val) {
+        const obj = {
+          "zh-CN": "CN",
+          "zh-HK": "HK",
+          "en-US": "EN"
+        };
+        this.list = this[`${obj[val]}`];
+      },
+      deep: true,
+      immediate: true
     }
   },
   methods: {
@@ -4861,10 +4617,10 @@ const __default__ = {
 }));
 ;// CONCATENATED MODULE: ./package/cms-lineThree/View.vue?vue&type=script&setup=true&lang=js
  /* harmony default export */ var cms_lineThree_Viewvue_type_script_setup_true_lang_js = (Viewvue_type_script_setup_true_lang_js); 
-;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-lineThree/View.vue?vue&type=style&index=0&id=357edc7d&prod&lang=scss&scoped=true
+;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-lineThree/View.vue?vue&type=style&index=0&id=74a41eca&prod&lang=scss&scoped=true
 // extracted by mini-css-extract-plugin
 
-;// CONCATENATED MODULE: ./package/cms-lineThree/View.vue?vue&type=style&index=0&id=357edc7d&prod&lang=scss&scoped=true
+;// CONCATENATED MODULE: ./package/cms-lineThree/View.vue?vue&type=style&index=0&id=74a41eca&prod&lang=scss&scoped=true
 
 // EXTERNAL MODULE: ./node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js
 var componentNormalizer = __webpack_require__(1001);
@@ -4883,7 +4639,7 @@ var component = (0,componentNormalizer/* default */.Z)(
   staticRenderFns,
   false,
   null,
-  "357edc7d",
+  "74a41eca",
   null
   
 )
@@ -4892,7 +4648,7 @@ var component = (0,componentNormalizer/* default */.Z)(
 
 /***/ }),
 
-/***/ 7230:
+/***/ 5415:
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -4904,7 +4660,7 @@ __webpack_require__.d(__webpack_exports__, {
   "default": function() { return /* binding */ View; }
 });
 
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-lineTwo/View.vue?vue&type=template&id=74cd126e&scoped=true
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-lineTwo/View.vue?vue&type=template&id=f5dde022&scoped=true
 var render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -5005,6 +4761,10 @@ var staticRenderFns = [];
     isOpcacity: {
       type: Boolean,
       default: true
+    },
+    lang: {
+      type: String,
+      default: "zh-HK"
     }
   },
   data() {
@@ -5013,9 +4773,7 @@ var staticRenderFns = [];
       CN: [],
       HK: [],
       EN: [],
-      list: [],
-      lang: "zh-HK",
-      newlang: ""
+      list: []
     };
   },
   mounted() {
@@ -5029,47 +4787,16 @@ var staticRenderFns = [];
           this.style = obj;
         }
       });
-      this.$EventBus.$on("changeLang", data => {
-        if (data.lang == "zh-HK") {
-          this.list = this.HK;
-        } else if (data.lang == "zh-CN") {
-          this.list = this.CN;
-        } else {
-          this.list = this.EN;
-        }
-      });
     }
   },
   watch: {
     data: {
       handler(val) {
         let obj = {};
-        if (localStorage.getItem("lang")) {
-          this.lang = localStorage.getItem("lang");
-          this.newlang = localStorage.getItem("lang");
-        } else {
-          if (this.newlang != "") {
-            this.lang = this.newlang;
-          } else {
-            this.lang = "zh-HK";
-          }
-        }
         val.settings.settings.forEach(item => {
           this.CN = item.value.bannerList.CN;
           this.HK = item.value.bannerList.HK;
           this.EN = item.value.bannerList.EN;
-          if (this.lang == "zh-CN") {
-            this.list = item.value.bannerList.CN;
-            localStorage.removeItem("lang");
-          }
-          if (this.lang == "zh-HK") {
-            this.list = item.value.bannerList.HK;
-            localStorage.removeItem("lang");
-          }
-          if (this.lang == "en-US") {
-            this.list = item.value.bannerList.EN;
-            localStorage.removeItem("lang");
-          }
         });
         val.settings.attribute.forEach(item => {
           obj[item.key] = item.value;
@@ -5077,6 +4804,18 @@ var staticRenderFns = [];
       },
       deep: true,
       immediate: true
+    },
+    lang: {
+      handler(val) {
+        const obj = {
+          "zh-CN": "CN",
+          "zh-HK": "HK",
+          "en-US": "EN"
+        };
+        this.list = this[`${obj[val]}`];
+      },
+      deep: true,
+      immediate: true
     }
   },
   methods: {
@@ -5097,10 +4836,10 @@ var staticRenderFns = [];
 });
 ;// CONCATENATED MODULE: ./package/cms-lineTwo/View.vue?vue&type=script&lang=js
  /* harmony default export */ var cms_lineTwo_Viewvue_type_script_lang_js = (Viewvue_type_script_lang_js); 
-;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-lineTwo/View.vue?vue&type=style&index=0&id=74cd126e&prod&lang=scss&scoped=true
+;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-lineTwo/View.vue?vue&type=style&index=0&id=f5dde022&prod&lang=scss&scoped=true
 // extracted by mini-css-extract-plugin
 
-;// CONCATENATED MODULE: ./package/cms-lineTwo/View.vue?vue&type=style&index=0&id=74cd126e&prod&lang=scss&scoped=true
+;// CONCATENATED MODULE: ./package/cms-lineTwo/View.vue?vue&type=style&index=0&id=f5dde022&prod&lang=scss&scoped=true
 
 // EXTERNAL MODULE: ./node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js
 var componentNormalizer = __webpack_require__(1001);
@@ -5119,7 +4858,7 @@ var component = (0,componentNormalizer/* default */.Z)(
   staticRenderFns,
   false,
   null,
-  "74cd126e",
+  "f5dde022",
   null
   
 )
@@ -5128,7 +4867,7 @@ var component = (0,componentNormalizer/* default */.Z)(
 
 /***/ }),
 
-/***/ 4788:
+/***/ 6778:
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -5140,7 +4879,7 @@ __webpack_require__.d(__webpack_exports__, {
   "default": function() { return /* binding */ View; }
 });
 
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-proCard/View.vue?vue&type=template&id=5d585c2c&scoped=true
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-proCard/View.vue?vue&type=template&id=1a25d60c&scoped=true
 var render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -5163,7 +4902,7 @@ var render = function render() {
     staticClass: "card first-type-card"
   }, [_c('div', {
     staticClass: "card-item-div"
-  }, _vm._l(_vm.busCardList, function (item, index) {
+  }, _vm._l(_vm.list, function (item, index) {
     return _c('div', {
       key: index,
       staticClass: "card-item"
@@ -5200,7 +4939,7 @@ var render = function render() {
       staticClass: "purchaseBtn",
       on: {
         "click": function ($event) {
-          return _vm.decodeJumpUrl(item === null || item === void 0 ? void 0 : item.jumpUrl, _vm.$router);
+          return _vm.decodeJumpUrl(item === null || item === void 0 ? void 0 : item.jumpUrl);
         }
       }
     }, [_c('span', [_vm._v(_vm._s(item === null || item === void 0 ? void 0 : item.button))]), _c('i', {
@@ -5220,11 +4959,8 @@ var render = function render() {
 };
 var staticRenderFns = [];
 
-// EXTERNAL MODULE: ./src/utils/jumpUrl.js
-var jumpUrl = __webpack_require__(7347);
 ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-proCard/View.vue?vue&type=script&lang=js
 
-
 /* harmony default export */ var Viewvue_type_script_lang_js = ({
   name: "cms-proCard",
   props: {
@@ -5241,18 +4977,20 @@ var jumpUrl = __webpack_require__(7347);
     isOpcacity: {
       type: Boolean,
       default: true
+    },
+    lang: {
+      type: String,
+      default: "zh-HK"
     }
   },
   data() {
     return {
       style: {},
       // 样式
-      busCardList: [],
+      list: [],
       HK: [],
       CN: [],
-      EN: [],
-      lang: "zh-HK",
-      newlang: ""
+      EN: []
     };
   },
   mounted() {
@@ -5266,48 +5004,17 @@ var jumpUrl = __webpack_require__(7347);
           this.style = obj;
         }
       });
-      this.$EventBus.$on("changeLang", data => {
-        if (data.lang == "zh-HK") {
-          this.busCardList = this.HK;
-        } else if (data.lang == "zh-CN") {
-          this.busCardList = this.CN;
-        } else {
-          this.busCardList = this.EN;
-        }
-      });
     }
   },
   watch: {
     data: {
       handler(val) {
         let obj = {};
-        if (localStorage.getItem("lang")) {
-          this.lang = localStorage.getItem("lang");
-          this.newlang = localStorage.getItem("lang");
-        } else {
-          if (this.newlang != "") {
-            this.lang = this.newlang;
-          } else {
-            this.lang = "zh-HK";
-          }
-        }
         console.log(this.lang);
         val.settings.settings.forEach(item => {
           this.CN = item.value.busCardList.CN;
           this.HK = item.value.busCardList.HK;
           this.EN = item.value.busCardList.EN;
-          if (this.lang == "zh-CN") {
-            this.busCardList = item.value.busCardList.CN;
-            localStorage.removeItem("lang");
-          }
-          if (this.lang == "zh-HK") {
-            this.busCardList = item.value.busCardList.HK;
-            localStorage.removeItem("lang");
-          }
-          if (this.lang == "en-US") {
-            this.busCardList = item.value.busCardList.EN;
-            localStorage.removeItem("lang");
-          }
         });
         val.settings.attribute.forEach(item => {
           obj[item.key] = item.value;
@@ -5316,9 +5023,24 @@ var jumpUrl = __webpack_require__(7347);
       },
       deep: true,
       immediate: true
+    },
+    lang: {
+      handler(val) {
+        const obj = {
+          "zh-CN": "CN",
+          "zh-HK": "HK",
+          "en-US": "EN"
+        };
+        this.list = this[`${obj[val]}`];
+      },
+      deep: true,
+      immediate: true
     }
   },
   methods: {
+    decodeJumpUrl(url) {
+      top.location.href = url;
+    },
     handleNowComp() {
       if (!this.isOpcacity) return;
       this.$EventBus.$emit("handleNowComp", {
@@ -5352,7 +5074,7 @@ var component = (0,componentNormalizer/* default */.Z)(
   staticRenderFns,
   false,
   null,
-  "5d585c2c",
+  "1a25d60c",
   null
   
 )
@@ -5361,7 +5083,7 @@ var component = (0,componentNormalizer/* default */.Z)(
 
 /***/ }),
 
-/***/ 2246:
+/***/ 6384:
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -5373,7 +5095,7 @@ __webpack_require__.d(__webpack_exports__, {
   "default": function() { return /* binding */ View; }
 });
 
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-prodCustomization/View.vue?vue&type=template&id=335a204c&scoped=true
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-prodCustomization/View.vue?vue&type=template&id=e4cd5b68&scoped=true
 var render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -5485,7 +5207,7 @@ var render = function render() {
 };
 var staticRenderFns = [];
 
-;// CONCATENATED MODULE: ./package/cms-prodCustomization/View.vue?vue&type=template&id=335a204c&scoped=true
+;// CONCATENATED MODULE: ./package/cms-prodCustomization/View.vue?vue&type=template&id=e4cd5b68&scoped=true
 
 ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-prodCustomization/View.vue?vue&type=script&lang=js
 /* harmony default export */ var Viewvue_type_script_lang_js = ({
@@ -5504,6 +5226,10 @@ var staticRenderFns = [];
     isOpcacity: {
       type: Boolean,
       default: true
+    },
+    lang: {
+      type: String,
+      default: "zh-HK"
     }
   },
   data() {
@@ -5513,8 +5239,6 @@ var staticRenderFns = [];
       HK: [],
       EN: [],
       list: [],
-      lang: "zh-HK",
-      newlang: "",
       plan1Inx: 0
     };
   },
@@ -5529,47 +5253,16 @@ var staticRenderFns = [];
           this.style = obj;
         }
       });
-      this.$EventBus.$on("changeLang", data => {
-        if (data.lang == "zh-HK") {
-          this.list = this.HK;
-        } else if (data.lang == "zh-CN") {
-          this.list = this.CN;
-        } else {
-          this.list = this.EN;
-        }
-      });
     }
   },
   watch: {
     data: {
       handler(val) {
         let obj = {};
-        if (localStorage.getItem("lang")) {
-          this.lang = localStorage.getItem("lang");
-          this.newlang = localStorage.getItem("lang");
-        } else {
-          if (this.newlang != "") {
-            this.lang = this.newlang;
-          } else {
-            this.lang = "zh-HK";
-          }
-        }
         val.settings.settings.forEach(item => {
           this.CN = item.value.bannerList.CN;
           this.HK = item.value.bannerList.HK;
           this.EN = item.value.bannerList.EN;
-          if (this.lang == "zh-CN") {
-            this.list = item.value.bannerList.CN;
-            localStorage.removeItem("lang");
-          }
-          if (this.lang == "zh-HK") {
-            this.list = item.value.bannerList.HK;
-            localStorage.removeItem("lang");
-          }
-          if (this.lang == "en-US") {
-            this.list = item.value.bannerList.EN;
-            localStorage.removeItem("lang");
-          }
         });
         val.settings.attribute.forEach(item => {
           obj[item.key] = item.value;
@@ -5577,6 +5270,18 @@ var staticRenderFns = [];
       },
       deep: true,
       immediate: true
+    },
+    lang: {
+      handler(val) {
+        const obj = {
+          "zh-CN": "CN",
+          "zh-HK": "HK",
+          "en-US": "EN"
+        };
+        this.list = this[`${obj[val]}`];
+      },
+      deep: true,
+      immediate: true
     }
   },
   methods: {
@@ -5600,10 +5305,10 @@ var staticRenderFns = [];
 });
 ;// CONCATENATED MODULE: ./package/cms-prodCustomization/View.vue?vue&type=script&lang=js
  /* harmony default export */ var cms_prodCustomization_Viewvue_type_script_lang_js = (Viewvue_type_script_lang_js); 
-;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-prodCustomization/View.vue?vue&type=style&index=0&id=335a204c&prod&lang=scss&scoped=true
+;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-prodCustomization/View.vue?vue&type=style&index=0&id=e4cd5b68&prod&lang=scss&scoped=true
 // extracted by mini-css-extract-plugin
 
-;// CONCATENATED MODULE: ./package/cms-prodCustomization/View.vue?vue&type=style&index=0&id=335a204c&prod&lang=scss&scoped=true
+;// CONCATENATED MODULE: ./package/cms-prodCustomization/View.vue?vue&type=style&index=0&id=e4cd5b68&prod&lang=scss&scoped=true
 
 // EXTERNAL MODULE: ./node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js
 var componentNormalizer = __webpack_require__(1001);
@@ -5622,7 +5327,7 @@ var component = (0,componentNormalizer/* default */.Z)(
   staticRenderFns,
   false,
   null,
-  "335a204c",
+  "e4cd5b68",
   null
   
 )
@@ -5631,7 +5336,7 @@ var component = (0,componentNormalizer/* default */.Z)(
 
 /***/ }),
 
-/***/ 3007:
+/***/ 9377:
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -5643,7 +5348,7 @@ __webpack_require__.d(__webpack_exports__, {
   "default": function() { return /* binding */ View; }
 });
 
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-productDetails/View.vue?vue&type=template&id=338c6c86&scoped=true
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-productDetails/View.vue?vue&type=template&id=61a39dbe&scoped=true
 var render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -5732,6 +5437,10 @@ var staticRenderFns = [];
     isOpcacity: {
       type: Boolean,
       default: true
+    },
+    lang: {
+      type: String,
+      default: "zh-HK"
     }
   },
   data() {
@@ -5741,8 +5450,6 @@ var staticRenderFns = [];
       HK: {},
       EN: {},
       contentObj: {},
-      lang: "zh-HK",
-      newlang: "",
       messFold: false
     };
   },
@@ -5757,47 +5464,16 @@ var staticRenderFns = [];
           this.style = obj;
         }
       });
-      this.$EventBus.$on("changeLang", data => {
-        if (data.lang == "zh-HK") {
-          this.contentObj = this.HK;
-        } else if (data.lang == "zh-CN") {
-          this.contentObj = this.CN;
-        } else {
-          this.contentObj = this.EN;
-        }
-      });
     }
   },
   watch: {
     data: {
       handler(val) {
         let obj = {};
-        if (localStorage.getItem("lang")) {
-          this.lang = localStorage.getItem("lang");
-          this.newlang = localStorage.getItem("lang");
-        } else {
-          if (this.newlang != "") {
-            this.lang = this.newlang;
-          } else {
-            this.lang = "zh-HK";
-          }
-        }
         val.settings.settings.forEach(item => {
           this.CN = item.value.content.CN;
           this.HK = item.value.content.HK;
           this.EN = item.value.content.EN;
-          if (this.lang == "zh-CN") {
-            this.contentObj = item.value.content.CN;
-            localStorage.removeItem("lang");
-          }
-          if (this.lang == "zh-HK") {
-            this.contentObj = item.value.content.HK;
-            localStorage.removeItem("lang");
-          }
-          if (this.lang == "en-US") {
-            this.contentObj = item.value.content.EN;
-            localStorage.removeItem("lang");
-          }
         });
         val.settings.attribute.forEach(item => {
           obj[item.key] = item.value;
@@ -5805,6 +5481,18 @@ var staticRenderFns = [];
       },
       deep: true,
       immediate: true
+    },
+    lang: {
+      handler(val) {
+        const obj = {
+          "zh-CN": "CN",
+          "zh-HK": "HK",
+          "en-US": "EN"
+        };
+        this.contentObj = this[`${obj[val]}`];
+      },
+      deep: true,
+      immediate: true
     }
   },
   methods: {
@@ -5847,10 +5535,10 @@ var staticRenderFns = [];
 });
 ;// CONCATENATED MODULE: ./package/cms-productDetails/View.vue?vue&type=script&lang=js
  /* harmony default export */ var cms_productDetails_Viewvue_type_script_lang_js = (Viewvue_type_script_lang_js); 
-;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-productDetails/View.vue?vue&type=style&index=0&id=338c6c86&prod&lang=scss&scoped=true
+;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-productDetails/View.vue?vue&type=style&index=0&id=61a39dbe&prod&lang=scss&scoped=true
 // extracted by mini-css-extract-plugin
 
-;// CONCATENATED MODULE: ./package/cms-productDetails/View.vue?vue&type=style&index=0&id=338c6c86&prod&lang=scss&scoped=true
+;// CONCATENATED MODULE: ./package/cms-productDetails/View.vue?vue&type=style&index=0&id=61a39dbe&prod&lang=scss&scoped=true
 
 // EXTERNAL MODULE: ./node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js
 var componentNormalizer = __webpack_require__(1001);
@@ -5869,7 +5557,7 @@ var component = (0,componentNormalizer/* default */.Z)(
   staticRenderFns,
   false,
   null,
-  "338c6c86",
+  "61a39dbe",
   null
   
 )
@@ -5878,7 +5566,7 @@ var component = (0,componentNormalizer/* default */.Z)(
 
 /***/ }),
 
-/***/ 3415:
+/***/ 386:
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -5890,7 +5578,7 @@ __webpack_require__.d(__webpack_exports__, {
   "default": function() { return /* binding */ View; }
 });
 
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-question/View.vue?vue&type=template&id=57aff8a4&scoped=true
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-question/View.vue?vue&type=template&id=a6094ee8&scoped=true
 var render = function render() {
   var _vm$_stableProblemGui;
   var _vm = this,
@@ -6001,6 +5689,10 @@ var staticRenderFns = [];
     isOpcacity: {
       type: Boolean,
       default: true
+    },
+    lang: {
+      type: String,
+      default: "zh-HK"
     }
   },
   data() {
@@ -6010,8 +5702,6 @@ var staticRenderFns = [];
       HK: [],
       EN: [],
       list: [],
-      lang: "zh-HK",
-      newlang: "",
       expend: "",
       problemActive: 0
     };
@@ -6027,47 +5717,16 @@ var staticRenderFns = [];
           this.style = obj;
         }
       });
-      this.$EventBus.$on("changeLang", data => {
-        if (data.lang == "zh-HK") {
-          this.list = this.HK;
-        } else if (data.lang == "zh-CN") {
-          this.list = this.CN;
-        } else {
-          this.list = this.EN;
-        }
-      });
     }
   },
   watch: {
     data: {
       handler(val) {
         let obj = {};
-        if (localStorage.getItem("lang")) {
-          this.lang = localStorage.getItem("lang");
-          this.newlang = localStorage.getItem("lang");
-        } else {
-          if (this.newlang != "") {
-            this.lang = this.newlang;
-          } else {
-            this.lang = "zh-HK";
-          }
-        }
         val.settings.settings.forEach(item => {
           this.CN = item.value.bannerList.CN;
           this.HK = item.value.bannerList.HK;
           this.EN = item.value.bannerList.EN;
-          if (this.lang == "zh-CN") {
-            this.list = item.value.bannerList.CN;
-            localStorage.removeItem("lang");
-          }
-          if (this.lang == "zh-HK") {
-            this.list = item.value.bannerList.HK;
-            localStorage.removeItem("lang");
-          }
-          if (this.lang == "en-US") {
-            this.list = item.value.bannerList.EN;
-            localStorage.removeItem("lang");
-          }
         });
         val.settings.attribute.forEach(item => {
           obj[item.key] = item.value;
@@ -6075,6 +5734,18 @@ var staticRenderFns = [];
       },
       deep: true,
       immediate: true
+    },
+    lang: {
+      handler(val) {
+        const obj = {
+          "zh-CN": "CN",
+          "zh-HK": "HK",
+          "en-US": "EN"
+        };
+        this.list = this[`${obj[val]}`];
+      },
+      deep: true,
+      immediate: true
     }
   },
   methods: {
@@ -6121,10 +5792,10 @@ var staticRenderFns = [];
 });
 ;// CONCATENATED MODULE: ./package/cms-question/View.vue?vue&type=script&lang=js
  /* harmony default export */ var cms_question_Viewvue_type_script_lang_js = (Viewvue_type_script_lang_js); 
-;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-question/View.vue?vue&type=style&index=0&id=57aff8a4&prod&lang=scss&scoped=true
+;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-question/View.vue?vue&type=style&index=0&id=a6094ee8&prod&lang=scss&scoped=true
 // extracted by mini-css-extract-plugin
 
-;// CONCATENATED MODULE: ./package/cms-question/View.vue?vue&type=style&index=0&id=57aff8a4&prod&lang=scss&scoped=true
+;// CONCATENATED MODULE: ./package/cms-question/View.vue?vue&type=style&index=0&id=a6094ee8&prod&lang=scss&scoped=true
 
 // EXTERNAL MODULE: ./node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js
 var componentNormalizer = __webpack_require__(1001);
@@ -6143,7 +5814,7 @@ var component = (0,componentNormalizer/* default */.Z)(
   staticRenderFns,
   false,
   null,
-  "57aff8a4",
+  "a6094ee8",
   null
   
 )
@@ -6354,7 +6025,7 @@ var component = (0,componentNormalizer/* default */.Z)(
 
 /***/ }),
 
-/***/ 5603:
+/***/ 6021:
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -6366,7 +6037,7 @@ __webpack_require__.d(__webpack_exports__, {
   "default": function() { return /* binding */ View; }
 });
 
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-servePlan-tab/View.vue?vue&type=template&id=fae5e2c2&scoped=true
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-servePlan-tab/View.vue?vue&type=template&id=20b61e40&scoped=true
 var render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -6434,6 +6105,10 @@ var staticRenderFns = [];
     isOpcacity: {
       type: Boolean,
       default: true
+    },
+    lang: {
+      type: String,
+      default: ""
     }
   },
   data() {
@@ -6443,7 +6118,8 @@ var staticRenderFns = [];
       dataObj: {},
       // 数据
       servePlanSrc: "",
-      routeLang: "tc"
+      routeLang: "tc",
+      parentShopCategoryId: ""
     };
   },
   mounted() {
@@ -6457,17 +6133,6 @@ var staticRenderFns = [];
           this.style = obj;
         }
       });
-      this.$EventBus.$on("changeLang", data => {
-        console.log(data);
-        if (data.lang == "zh-HK") {
-          this.routeLang = "tc";
-        } else if (data.lang == "zh-CN") {
-          this.routeLang = "sc";
-        } else {
-          this.routeLang = "en";
-        }
-        console.log(this.servePlanSrc);
-      });
     }
     window.addEventListener("message", this.handleMessage, false);
   },
@@ -6476,13 +6141,9 @@ var staticRenderFns = [];
       handler(val) {
         let obj = {};
         val.settings.settings.forEach(item => {
-          if (item.value.argument1 != "") {
-            this.servePlanSrc = `http://10.0.28.161/${this.routeLang}/home/plan` + "?parentShopCategoryId=" + item.value.argument1 + "&hidden=true";
-          } else {
-            this.servePlanSrc = "http://10.0.28.161/tc/home/plan" + "?hidden=true";
-          }
+          this.parentShopCategoryId = item.value.argument1;
         });
-        console.log(this.servePlanSrc);
+        this.getUrl(this.lang);
         val.settings.attribute.forEach(item => {
           obj[item.key] = item.value;
         });
@@ -6490,9 +6151,28 @@ var staticRenderFns = [];
       },
       deep: true,
       immediate: true
+    },
+    lang: {
+      handler(val) {
+        console.log("changelang");
+        this.getUrl(val);
+        console.log("change", params);
+      },
+      deep: true,
+      immediate: true
     }
   },
   methods: {
+    getUrl(lang) {
+      const obj = {
+        "zh-CN": "tc",
+        "zh-HK": "sc",
+        "en-US": "en"
+      };
+      this.routeLang = obj[lang];
+      const params = this.parentShopCategoryId ? `&parentShopCategoryId=` + this.parentShopCategoryId : "";
+      this.servePlanSrc = `http://10.0.28.161/${this.routeLang}/home/plan?hidden=true${params ? params : ""}`;
+    },
     handleNowComp() {
       if (!this.isOpcacity) return;
       this.$EventBus.$emit("handleNowComp", {
@@ -6518,10 +6198,10 @@ var staticRenderFns = [];
 });
 ;// CONCATENATED MODULE: ./package/cms-servePlan-tab/View.vue?vue&type=script&lang=js
  /* harmony default export */ var cms_servePlan_tab_Viewvue_type_script_lang_js = (Viewvue_type_script_lang_js); 
-;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-servePlan-tab/View.vue?vue&type=style&index=0&id=fae5e2c2&prod&lang=scss&scoped=true
+;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-servePlan-tab/View.vue?vue&type=style&index=0&id=20b61e40&prod&lang=scss&scoped=true
 // extracted by mini-css-extract-plugin
 
-;// CONCATENATED MODULE: ./package/cms-servePlan-tab/View.vue?vue&type=style&index=0&id=fae5e2c2&prod&lang=scss&scoped=true
+;// CONCATENATED MODULE: ./package/cms-servePlan-tab/View.vue?vue&type=style&index=0&id=20b61e40&prod&lang=scss&scoped=true
 
 // EXTERNAL MODULE: ./node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js
 var componentNormalizer = __webpack_require__(1001);
@@ -6540,7 +6220,7 @@ var component = (0,componentNormalizer/* default */.Z)(
   staticRenderFns,
   false,
   null,
-  "fae5e2c2",
+  "20b61e40",
   null
   
 )
@@ -6549,7 +6229,7 @@ var component = (0,componentNormalizer/* default */.Z)(
 
 /***/ }),
 
-/***/ 7255:
+/***/ 9411:
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -6561,7 +6241,7 @@ __webpack_require__.d(__webpack_exports__, {
   "default": function() { return /* binding */ View; }
 });
 
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-servePlan-text/View.vue?vue&type=template&id=72ab9483&scoped=true
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-servePlan-text/View.vue?vue&type=template&id=96c918ae&scoped=true
 var render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -6631,6 +6311,10 @@ var staticRenderFns = [];
     isOpcacity: {
       type: Boolean,
       default: true
+    },
+    lang: {
+      type: String,
+      default: "zh-HK"
     }
   },
   data() {
@@ -6639,9 +6323,7 @@ var staticRenderFns = [];
       CN: {},
       HK: {},
       EN: {},
-      valueObj: {},
-      lang: "zh-HK",
-      newlang: ""
+      valueObj: {}
     };
   },
   mounted() {
@@ -6655,47 +6337,16 @@ var staticRenderFns = [];
           this.style = obj;
         }
       });
-      this.$EventBus.$on("changeLang", data => {
-        if (data.lang == "zh-HK") {
-          this.valueObj = this.HK;
-        } else if (data.lang == "zh-CN") {
-          this.valueObj = this.CN;
-        } else {
-          this.valueObj = this.EN;
-        }
-      });
     }
   },
   watch: {
     data: {
       handler(val) {
         let obj = {};
-        if (localStorage.getItem("lang")) {
-          this.lang = localStorage.getItem("lang");
-          this.newlang = localStorage.getItem("lang");
-        } else {
-          if (this.newlang != "") {
-            this.lang = this.newlang;
-          } else {
-            this.lang = "zh-HK";
-          }
-        }
         val.settings.settings.forEach(item => {
           this.CN = item.value.CN;
           this.HK = item.value.HK;
           this.EN = item.value.EN;
-          if (this.lang == "zh-CN") {
-            this.valueObj = item.value.CN;
-            localStorage.removeItem("lang");
-          }
-          if (this.lang == "zh-HK") {
-            this.valueObj = item.value.HK;
-            localStorage.removeItem("lang");
-          }
-          if (this.lang == "en-US") {
-            this.valueObj = item.value.EN;
-            localStorage.removeItem("lang");
-          }
         });
         val.settings.attribute.forEach(item => {
           obj[item.key] = item.value;
@@ -6703,6 +6354,18 @@ var staticRenderFns = [];
       },
       deep: true,
       immediate: true
+    },
+    lang: {
+      handler(val) {
+        const obj = {
+          "zh-CN": "CN",
+          "zh-HK": "HK",
+          "en-US": "EN"
+        };
+        this.valueObj = this[`${obj[val]}`];
+      },
+      deep: true,
+      immediate: true
     }
   },
   methods: {
@@ -6726,10 +6389,10 @@ var staticRenderFns = [];
 });
 ;// CONCATENATED MODULE: ./package/cms-servePlan-text/View.vue?vue&type=script&lang=js
  /* harmony default export */ var cms_servePlan_text_Viewvue_type_script_lang_js = (Viewvue_type_script_lang_js); 
-;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-servePlan-text/View.vue?vue&type=style&index=0&id=72ab9483&prod&scoped=true&lang=scss
+;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-servePlan-text/View.vue?vue&type=style&index=0&id=96c918ae&prod&scoped=true&lang=scss
 // extracted by mini-css-extract-plugin
 
-;// CONCATENATED MODULE: ./package/cms-servePlan-text/View.vue?vue&type=style&index=0&id=72ab9483&prod&scoped=true&lang=scss
+;// CONCATENATED MODULE: ./package/cms-servePlan-text/View.vue?vue&type=style&index=0&id=96c918ae&prod&scoped=true&lang=scss
 
 // EXTERNAL MODULE: ./node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js
 var componentNormalizer = __webpack_require__(1001);
@@ -6748,7 +6411,7 @@ var component = (0,componentNormalizer/* default */.Z)(
   staticRenderFns,
   false,
   null,
-  "72ab9483",
+  "96c918ae",
   null
   
 )
@@ -6893,7 +6556,7 @@ var component = (0,componentNormalizer/* default */.Z)(
 
 /***/ }),
 
-/***/ 3980:
+/***/ 5133:
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -6905,7 +6568,7 @@ __webpack_require__.d(__webpack_exports__, {
   "default": function() { return /* binding */ View; }
 });
 
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-termsAndConditions/View.vue?vue&type=template&id=5e9c3543&scoped=true
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-termsAndConditions/View.vue?vue&type=template&id=b40396b6&scoped=true
 var render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -6996,6 +6659,10 @@ var swiper_esm_bundle = __webpack_require__(3162);
     isOpcacity: {
       type: Boolean,
       default: true
+    },
+    lang: {
+      type: String,
+      default: "zh-HK"
     }
   },
   data() {
@@ -7005,8 +6672,6 @@ var swiper_esm_bundle = __webpack_require__(3162);
       HK: [],
       EN: [],
       list: [],
-      lang: "zh-HK",
-      newlang: "",
       currentTab: "",
       swiperArrow: false,
       broadbandSwiperC: null,
@@ -7025,15 +6690,6 @@ var swiper_esm_bundle = __webpack_require__(3162);
           this.style = obj;
         }
       });
-      this.$EventBus.$on("changeLang", data => {
-        if (data.lang == "zh-HK") {
-          this.list = this.HK;
-        } else if (data.lang == "zh-CN") {
-          this.list = this.CN;
-        } else {
-          this.list = this.EN;
-        }
-      });
       this.$nextTick(() => {
         this.broadbandSwiperC = new swiper_esm_bundle/* default */.Z(".page-tab-swiper", {
           autoplay: false,
@@ -7055,32 +6711,10 @@ var swiper_esm_bundle = __webpack_require__(3162);
     data: {
       handler(val) {
         let obj = {};
-        if (localStorage.getItem("lang")) {
-          this.lang = localStorage.getItem("lang");
-          this.newlang = localStorage.getItem("lang");
-        } else {
-          if (this.newlang != "") {
-            this.lang = this.newlang;
-          } else {
-            this.lang = "zh-HK";
-          }
-        }
         val.settings.settings.forEach(item => {
           this.CN = item.value.bannerList.CN;
           this.HK = item.value.bannerList.HK;
           this.EN = item.value.bannerList.EN;
-          if (this.lang == "zh-CN") {
-            this.list = item.value.bannerList.CN;
-            localStorage.removeItem("lang");
-          }
-          if (this.lang == "zh-HK") {
-            this.list = item.value.bannerList.HK;
-            localStorage.removeItem("lang");
-          }
-          if (this.lang == "en-US") {
-            this.list = item.value.bannerList.EN;
-            localStorage.removeItem("lang");
-          }
         });
         this.$nextTick(() => {
           var _this$broadbandSwiper, _this$broadbandSwiper2;
@@ -7105,6 +6739,18 @@ var swiper_esm_bundle = __webpack_require__(3162);
       },
       deep: true,
       immediate: true
+    },
+    lang: {
+      handler(val) {
+        const obj = {
+          "zh-CN": "CN",
+          "zh-HK": "HK",
+          "en-US": "EN"
+        };
+        this.list = this[`${obj[val]}`];
+      },
+      deep: true,
+      immediate: true
     }
   },
   methods: {
@@ -7163,10 +6809,10 @@ var swiper_esm_bundle = __webpack_require__(3162);
 });
 ;// CONCATENATED MODULE: ./package/cms-termsAndConditions/View.vue?vue&type=script&lang=js
  /* harmony default export */ var cms_termsAndConditions_Viewvue_type_script_lang_js = (Viewvue_type_script_lang_js); 
-;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-termsAndConditions/View.vue?vue&type=style&index=0&id=5e9c3543&prod&lang=scss&scoped=true
+;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-termsAndConditions/View.vue?vue&type=style&index=0&id=b40396b6&prod&lang=scss&scoped=true
 // extracted by mini-css-extract-plugin
 
-;// CONCATENATED MODULE: ./package/cms-termsAndConditions/View.vue?vue&type=style&index=0&id=5e9c3543&prod&lang=scss&scoped=true
+;// CONCATENATED MODULE: ./package/cms-termsAndConditions/View.vue?vue&type=style&index=0&id=b40396b6&prod&lang=scss&scoped=true
 
 // EXTERNAL MODULE: ./node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js
 var componentNormalizer = __webpack_require__(1001);
@@ -7185,7 +6831,7 @@ var component = (0,componentNormalizer/* default */.Z)(
   staticRenderFns,
   false,
   null,
-  "5e9c3543",
+  "b40396b6",
   null
   
 )
@@ -7461,7 +7107,7 @@ var component = (0,componentNormalizer/* default */.Z)(
 
 /***/ }),
 
-/***/ 1699:
+/***/ 9497:
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -7473,7 +7119,7 @@ __webpack_require__.d(__webpack_exports__, {
   "default": function() { return /* binding */ View; }
 });
 
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-threeScroll/View.vue?vue&type=template&id=4369cd69&scoped=true
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-threeScroll/View.vue?vue&type=template&id=7665ca9d&scoped=true
 var render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -7609,6 +7255,10 @@ var swiper_esm_bundle = __webpack_require__(3162);
     isOpcacity: {
       type: Boolean,
       default: true
+    },
+    lang: {
+      type: String,
+      default: "zh-HK"
     }
   },
   data() {
@@ -7618,8 +7268,6 @@ var swiper_esm_bundle = __webpack_require__(3162);
       HK: [],
       EN: [],
       list: [],
-      lang: "zh-HK",
-      newlang: "",
       swiperNewsIdx: 0,
       newsSwiper: null
     };
@@ -7635,15 +7283,6 @@ var swiper_esm_bundle = __webpack_require__(3162);
           this.style = obj;
         }
       });
-      this.$EventBus.$on("changeLang", data => {
-        if (data.lang == "zh-HK") {
-          this.list = this.HK;
-        } else if (data.lang == "zh-CN") {
-          this.list = this.CN;
-        } else {
-          this.list = this.EN;
-        }
-      });
     }
     const vm = this;
     this.newsSwiper = new swiper_esm_bundle/* default */.Z("#news-swiper", {
@@ -7674,32 +7313,10 @@ var swiper_esm_bundle = __webpack_require__(3162);
     data: {
       handler(val) {
         let obj = {};
-        if (localStorage.getItem("lang")) {
-          this.lang = localStorage.getItem("lang");
-          this.newlang = localStorage.getItem("lang");
-        } else {
-          if (this.newlang != "") {
-            this.lang = this.newlang;
-          } else {
-            this.lang = "zh-HK";
-          }
-        }
         val.settings.settings.forEach(item => {
           this.CN = item.value.bannerList.CN;
           this.HK = item.value.bannerList.HK;
           this.EN = item.value.bannerList.EN;
-          if (this.lang == "zh-CN") {
-            this.list = item.value.bannerList.CN;
-            localStorage.removeItem("lang");
-          }
-          if (this.lang == "zh-HK") {
-            this.list = item.value.bannerList.HK;
-            localStorage.removeItem("lang");
-          }
-          if (this.lang == "en-US") {
-            this.list = item.value.bannerList.EN;
-            localStorage.removeItem("lang");
-          }
         });
         val.settings.attribute.forEach(item => {
           obj[item.key] = item.value;
@@ -7707,6 +7324,18 @@ var swiper_esm_bundle = __webpack_require__(3162);
       },
       deep: true,
       immediate: true
+    },
+    lang: {
+      handler(val) {
+        const obj = {
+          "zh-CN": "CN",
+          "zh-HK": "HK",
+          "en-US": "EN"
+        };
+        this.list = this[`${obj[val]}`];
+      },
+      deep: true,
+      immediate: true
     }
   },
   methods: {
@@ -7740,10 +7369,10 @@ var swiper_esm_bundle = __webpack_require__(3162);
 });
 ;// CONCATENATED MODULE: ./package/cms-threeScroll/View.vue?vue&type=script&lang=js
  /* harmony default export */ var cms_threeScroll_Viewvue_type_script_lang_js = (Viewvue_type_script_lang_js); 
-;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-threeScroll/View.vue?vue&type=style&index=0&id=4369cd69&prod&lang=scss&scoped=true
+;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-threeScroll/View.vue?vue&type=style&index=0&id=7665ca9d&prod&lang=scss&scoped=true
 // extracted by mini-css-extract-plugin
 
-;// CONCATENATED MODULE: ./package/cms-threeScroll/View.vue?vue&type=style&index=0&id=4369cd69&prod&lang=scss&scoped=true
+;// CONCATENATED MODULE: ./package/cms-threeScroll/View.vue?vue&type=style&index=0&id=7665ca9d&prod&lang=scss&scoped=true
 
 // EXTERNAL MODULE: ./node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js
 var componentNormalizer = __webpack_require__(1001);
@@ -7762,7 +7391,7 @@ var component = (0,componentNormalizer/* default */.Z)(
   staticRenderFns,
   false,
   null,
-  "4369cd69",
+  "7665ca9d",
   null
   
 )
@@ -7771,7 +7400,7 @@ var component = (0,componentNormalizer/* default */.Z)(
 
 /***/ }),
 
-/***/ 1429:
+/***/ 8815:
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -7783,7 +7412,7 @@ __webpack_require__.d(__webpack_exports__, {
   "default": function() { return /* binding */ View; }
 });
 
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-titleCenter/View.vue?vue&type=template&id=691e10f8&scoped=true
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-titleCenter/View.vue?vue&type=template&id=0489860a&scoped=true
 var render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -7804,9 +7433,9 @@ var render = function render() {
     staticClass: "title"
   }, [_c('span', {
     staticClass: "main"
-  }, [_vm._v(_vm._s(_vm.titleList[0].title1))])]), _c('p', {
+  }, [_vm._v(_vm._s(_vm.contentObj.title1))])]), _c('p', {
     staticClass: "subtitle"
-  }, [_vm._v(_vm._s(_vm.titleList[0].title2))])])]), _vm.nowCompId !== '' && _vm.nowCompId == _vm.data.id ? _c('div', {
+  }, [_vm._v(_vm._s(_vm.contentObj.title2))])])]), _vm.nowCompId !== '' && _vm.nowCompId == _vm.data.id ? _c('div', {
     staticClass: "com-delete"
   }, [_c('i', {
     staticClass: "el-icon-delete",
@@ -7837,18 +7466,20 @@ var staticRenderFns = [];
     isOpcacity: {
       type: Boolean,
       default: true
+    },
+    lang: {
+      type: String,
+      default: "zh-HK"
     }
   },
   data() {
     return {
       style: {},
       // 样式
-      titleList: [],
-      CN: [],
-      HK: [],
-      EN: [],
-      lang: "zh-HK",
-      newlang: ""
+      contentObj: {},
+      CN: {},
+      HK: {},
+      EN: {}
     };
   },
   mounted() {
@@ -7862,47 +7493,16 @@ var staticRenderFns = [];
           this.style = obj;
         }
       });
-      this.$EventBus.$on("changeLang", data => {
-        if (data.lang == "zh-HK") {
-          this.titleList = this.HK;
-        } else if (data.lang == "zh-CN") {
-          this.titleList = this.CN;
-        } else {
-          this.titleList = this.EN;
-        }
-      });
     }
   },
   watch: {
     data: {
       handler(val) {
         let obj = {};
-        if (localStorage.getItem("lang")) {
-          this.lang = localStorage.getItem("lang");
-          this.newlang = localStorage.getItem("lang");
-        } else {
-          if (this.newlang != "") {
-            this.lang = this.newlang;
-          } else {
-            this.lang = "zh-HK";
-          }
-        }
         val.settings.settings.forEach(item => {
-          this.CN = item.value.titleList.CN;
-          this.HK = item.value.titleList.HK;
-          this.EN = item.value.titleList.EN;
-          if (this.lang == "zh-CN") {
-            this.titleList = item.value.titleList.CN;
-            localStorage.removeItem("lang");
-          }
-          if (this.lang == "zh-HK") {
-            this.titleList = item.value.titleList.HK;
-            localStorage.removeItem("lang");
-          }
-          if (this.lang == "en-US") {
-            this.titleList = item.value.titleList.EN;
-            localStorage.removeItem("lang");
-          }
+          this.CN = item.value.content.CN;
+          this.HK = item.value.content.HK;
+          this.EN = item.value.content.EN;
         });
         val.settings.attribute.forEach(item => {
           obj[item.key] = item.value;
@@ -7911,6 +7511,18 @@ var staticRenderFns = [];
       },
       deep: true,
       immediate: true
+    },
+    lang: {
+      handler(val) {
+        const obj = {
+          "zh-CN": "CN",
+          "zh-HK": "HK",
+          "en-US": "EN"
+        };
+        this.contentObj = this[`${obj[val]}`];
+      },
+      deep: true,
+      immediate: true
     }
   },
   methods: {
@@ -7931,10 +7543,10 @@ var staticRenderFns = [];
 });
 ;// CONCATENATED MODULE: ./package/cms-titleCenter/View.vue?vue&type=script&lang=js
  /* harmony default export */ var cms_titleCenter_Viewvue_type_script_lang_js = (Viewvue_type_script_lang_js); 
-;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-titleCenter/View.vue?vue&type=style&index=0&id=691e10f8&prod&scoped=true&lang=scss
+;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-titleCenter/View.vue?vue&type=style&index=0&id=0489860a&prod&scoped=true&lang=scss
 // extracted by mini-css-extract-plugin
 
-;// CONCATENATED MODULE: ./package/cms-titleCenter/View.vue?vue&type=style&index=0&id=691e10f8&prod&scoped=true&lang=scss
+;// CONCATENATED MODULE: ./package/cms-titleCenter/View.vue?vue&type=style&index=0&id=0489860a&prod&scoped=true&lang=scss
 
 // EXTERNAL MODULE: ./node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js
 var componentNormalizer = __webpack_require__(1001);
@@ -7953,7 +7565,7 @@ var component = (0,componentNormalizer/* default */.Z)(
   staticRenderFns,
   false,
   null,
-  "691e10f8",
+  "0489860a",
   null
   
 )
@@ -7962,7 +7574,7 @@ var component = (0,componentNormalizer/* default */.Z)(
 
 /***/ }),
 
-/***/ 194:
+/***/ 5222:
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -7974,7 +7586,7 @@ __webpack_require__.d(__webpack_exports__, {
   "default": function() { return /* binding */ View; }
 });
 
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-titleLeft/View.vue?vue&type=template&id=3cf9cd97&scoped=true
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-titleLeft/View.vue?vue&type=template&id=13810bc0&scoped=true
 var render = function render() {
   var _vm = this,
     _c = _vm._self._c,
@@ -8002,22 +7614,22 @@ var render = function render() {
     staticClass: "part-header_title"
   }, [_c('span', {
     class: ['normal']
-  }, [_vm._v(_vm._s(_vm.titleList[0].title1))])]), _vm.titleList[0].title2 !== '' ? _c('p', {
+  }, [_vm._v(_vm._s(_vm.contentObj.title1))])]), _vm.contentObj.title2 !== '' ? _c('p', {
     staticClass: "part-header_lf layout-pc"
-  }, [_vm._v(" " + _vm._s(_vm.titleList[0].title2) + " ")]) : _vm._e(), _vm.titleList[0] && _vm.titleList[0].link ? _c('span', {
+  }, [_vm._v(" " + _vm._s(_vm.contentObj.title2) + " ")]) : _vm._e(), _vm.contentObj && _vm.contentObj.link ? _c('span', {
     staticClass: "part-header_subtitle",
     on: {
       "click": function ($event) {
-        return _setup.decodeJumpUrl(_vm.titleList[0].link, _vm.$router);
+        return _setup.decodeJumpUrl(_vm.contentObj.link, _vm.$router);
       }
     }
   }, [_c('span', {
     staticClass: "vm"
-  }, [_vm._v(_vm._s(_vm.titleList[0].linkText))]), _c('i', {
+  }, [_vm._v(_vm._s(_vm.contentObj.linkText))]), _c('i', {
     staticClass: "el-icon-arrow-right vm layout-pc"
-  })]) : _vm._e()]), _vm.titleList[0].title2 !== '' ? _c('p', {
+  })]) : _vm._e()]), _vm.contentObj.title2 !== '' ? _c('p', {
     staticClass: "part-header_lf layout-mobile"
-  }, [_vm._v(" " + _vm._s(_vm.titleList[0].title2) + " ")]) : _vm._e()])])]), _c('div', {
+  }, [_vm._v(" " + _vm._s(_vm.contentObj.title2) + " ")]) : _vm._e()])])]), _c('div', {
     class: {
       opcacity: _vm.isOpcacity
     },
@@ -8060,18 +7672,20 @@ const __default__ = {
     isOpcacity: {
       type: Boolean,
       default: true
+    },
+    lang: {
+      type: String,
+      default: "zh-HK"
     }
   },
   data() {
     return {
       style: {},
       // 样式
-      titleList: [],
-      CN: [],
-      HK: [],
-      EN: [],
-      lang: "zh-HK",
-      newlang: ""
+      contentObj: {},
+      CN: {},
+      HK: {},
+      EN: {}
     };
   },
   mounted() {
@@ -8085,47 +7699,16 @@ const __default__ = {
           this.style = obj;
         }
       });
-      this.$EventBus.$on("changeLang", data => {
-        if (data.lang == "zh-HK") {
-          this.titleList = this.HK;
-        } else if (data.lang == "zh-CN") {
-          this.titleList = this.CN;
-        } else {
-          this.titleList = this.EN;
-        }
-      });
     }
   },
   watch: {
     data: {
       handler(val) {
         let obj = {};
-        if (localStorage.getItem("lang")) {
-          this.lang = localStorage.getItem("lang");
-          this.newlang = localStorage.getItem("lang");
-        } else {
-          if (this.newlang != "") {
-            this.lang = this.newlang;
-          } else {
-            this.lang = "zh-HK";
-          }
-        }
         val.settings.settings.forEach(item => {
-          this.CN = item.value.titleList.CN;
-          this.HK = item.value.titleList.HK;
-          this.EN = item.value.titleList.EN;
-          if (this.lang == "zh-CN") {
-            this.titleList = item.value.titleList.CN;
-            localStorage.removeItem("lang");
-          }
-          if (this.lang == "zh-HK") {
-            this.titleList = item.value.titleList.HK;
-            localStorage.removeItem("lang");
-          }
-          if (this.lang == "en-US") {
-            this.titleList = item.value.titleList.EN;
-            localStorage.removeItem("lang");
-          }
+          this.CN = item.value.content.CN;
+          this.HK = item.value.content.HK;
+          this.EN = item.value.content.EN;
         });
         val.settings.attribute.forEach(item => {
           obj[item.key] = item.value;
@@ -8134,6 +7717,18 @@ const __default__ = {
       },
       deep: true,
       immediate: true
+    },
+    lang: {
+      handler(val) {
+        const obj = {
+          "zh-CN": "CN",
+          "zh-HK": "HK",
+          "en-US": "EN"
+        };
+        this.contentObj = this[`${obj[val]}`];
+      },
+      deep: true,
+      immediate: true
     }
   },
   methods: {
@@ -8163,10 +7758,10 @@ const __default__ = {
 }));
 ;// CONCATENATED MODULE: ./package/cms-titleLeft/View.vue?vue&type=script&setup=true&lang=js
  /* harmony default export */ var cms_titleLeft_Viewvue_type_script_setup_true_lang_js = (Viewvue_type_script_setup_true_lang_js); 
-;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-titleLeft/View.vue?vue&type=style&index=0&id=3cf9cd97&prod&scoped=true&lang=scss
+;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-titleLeft/View.vue?vue&type=style&index=0&id=13810bc0&prod&scoped=true&lang=scss
 // extracted by mini-css-extract-plugin
 
-;// CONCATENATED MODULE: ./package/cms-titleLeft/View.vue?vue&type=style&index=0&id=3cf9cd97&prod&scoped=true&lang=scss
+;// CONCATENATED MODULE: ./package/cms-titleLeft/View.vue?vue&type=style&index=0&id=13810bc0&prod&scoped=true&lang=scss
 
 // EXTERNAL MODULE: ./node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js
 var componentNormalizer = __webpack_require__(1001);
@@ -8185,7 +7780,7 @@ var component = (0,componentNormalizer/* default */.Z)(
   staticRenderFns,
   false,
   null,
-  "3cf9cd97",
+  "13810bc0",
   null
   
 )
@@ -8194,7 +7789,7 @@ var component = (0,componentNormalizer/* default */.Z)(
 
 /***/ }),
 
-/***/ 3195:
+/***/ 8010:
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -8206,7 +7801,7 @@ __webpack_require__.d(__webpack_exports__, {
   "default": function() { return /* binding */ View; }
 });
 
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-view/View.vue?vue&type=template&id=0ffa4f5e&scoped=true
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-view/View.vue?vue&type=template&id=7e1ce9be&scoped=true
 var render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -8218,6 +7813,7 @@ var render = function render() {
       tag: "component",
       attrs: {
         "data": item,
+        "lang": _vm.lang,
         "isOpcacity": false
       }
     })];
@@ -8237,24 +7833,19 @@ var staticRenderFns = [];
     },
     lang: {
       type: String,
-      default: ""
+      default: "zh-HK"
     }
   },
-  mounted() {
-    if (this.lang) {
-      localStorage.setItem("lang", this.lang);
-      this.$EventBus.$emit("changeLang", {
-        lang: this.lang
-      });
-    }
+  created() {
+    this.$i18n.locale = this.lang;
   }
 });
 ;// CONCATENATED MODULE: ./package/cms-view/View.vue?vue&type=script&lang=js
  /* harmony default export */ var cms_view_Viewvue_type_script_lang_js = (Viewvue_type_script_lang_js); 
-;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-12.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-view/View.vue?vue&type=style&index=0&id=0ffa4f5e&prod&scoped=true&lang=css
+;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-12.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-view/View.vue?vue&type=style&index=0&id=7e1ce9be&prod&scoped=true&lang=css
 // extracted by mini-css-extract-plugin
 
-;// CONCATENATED MODULE: ./package/cms-view/View.vue?vue&type=style&index=0&id=0ffa4f5e&prod&scoped=true&lang=css
+;// CONCATENATED MODULE: ./package/cms-view/View.vue?vue&type=style&index=0&id=7e1ce9be&prod&scoped=true&lang=css
 
 // EXTERNAL MODULE: ./node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js
 var componentNormalizer = __webpack_require__(1001);
@@ -8273,7 +7864,7 @@ var component = (0,componentNormalizer/* default */.Z)(
   staticRenderFns,
   false,
   null,
-  "0ffa4f5e",
+  "7e1ce9be",
   null
   
 )
@@ -44239,39 +43830,39 @@ __webpack_require__(560);
 /***/ (function(module, __unused_webpack_exports, __webpack_require__) {
 
 var map = {
-	"./cms-aLineThreeLeftOne/View.vue": 4586,
-	"./cms-aLineThreeLeftTwo/View.vue": 6691,
-	"./cms-activityCountdown/View.vue": 6519,
-	"./cms-activityTime/View.vue": 4449,
-	"./cms-banner/View.vue": 9908,
-	"./cms-breadCrumb/View.vue": 6289,
+	"./cms-aLineThreeLeftOne/View.vue": 2613,
+	"./cms-aLineThreeLeftTwo/View.vue": 706,
+	"./cms-activityCountdown/View.vue": 2534,
+	"./cms-activityTime/View.vue": 2660,
+	"./cms-banner/View.vue": 8925,
+	"./cms-breadCrumb/View.vue": 5787,
 	"./cms-button/View.vue": 7528,
-	"./cms-cells/View.vue": 2351,
+	"./cms-cells/View.vue": 8345,
 	"./cms-column/View.vue": 8672,
-	"./cms-description/View.vue": 9648,
-	"./cms-header/View.vue": 5926,
-	"./cms-iconFour/View.vue": 2284,
+	"./cms-description/View.vue": 1767,
+	"./cms-header/View.vue": 5442,
+	"./cms-iconFour/View.vue": 7245,
 	"./cms-image/View.vue": 9463,
-	"./cms-imgFour/View.vue": 4101,
-	"./cms-lineFive/View.vue": 7806,
-	"./cms-lineFour/View.vue": 7871,
-	"./cms-lineThree/View.vue": 9916,
-	"./cms-lineTwo/View.vue": 7230,
-	"./cms-proCard/View.vue": 4788,
-	"./cms-prodCustomization/View.vue": 2246,
-	"./cms-productDetails/View.vue": 3007,
-	"./cms-question/View.vue": 3415,
+	"./cms-imgFour/View.vue": 6052,
+	"./cms-lineFive/View.vue": 9003,
+	"./cms-lineFour/View.vue": 8043,
+	"./cms-lineThree/View.vue": 7505,
+	"./cms-lineTwo/View.vue": 5415,
+	"./cms-proCard/View.vue": 6778,
+	"./cms-prodCustomization/View.vue": 6384,
+	"./cms-productDetails/View.vue": 9377,
+	"./cms-question/View.vue": 386,
 	"./cms-row/View.vue": 274,
-	"./cms-servePlan-tab/View.vue": 5603,
-	"./cms-servePlan-text/View.vue": 7255,
+	"./cms-servePlan-tab/View.vue": 6021,
+	"./cms-servePlan-text/View.vue": 9411,
 	"./cms-template/View.vue": 6579,
-	"./cms-termsAndConditions/View.vue": 3980,
+	"./cms-termsAndConditions/View.vue": 5133,
 	"./cms-test/View.vue": 5433,
 	"./cms-text/View.vue": 573,
-	"./cms-threeScroll/View.vue": 1699,
-	"./cms-titleCenter/View.vue": 1429,
-	"./cms-titleLeft/View.vue": 194,
-	"./cms-view/View.vue": 3195
+	"./cms-threeScroll/View.vue": 9497,
+	"./cms-titleCenter/View.vue": 8815,
+	"./cms-titleLeft/View.vue": 5222,
+	"./cms-view/View.vue": 8010
 };
 
 
@@ -44429,6 +44020,14 @@ module.exports = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAMAAADW
 
 /***/ }),
 
+/***/ 8930:
+/***/ (function(module) {
+
+"use strict";
+module.exports = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAAAAXNSR0IArs4c6QAABt9JREFUWEfVmV+IXHcVxz/nzv55KImZmWxsIJHErhQaEZJSsbV/UiqkIAg+ZDGStdpGd2YTA420NBJpQksafIgYzM4OZk0hwUoXX2LzEB/KisUExUakGylmMZCVYDczs0kQmc7ee9wzc+/u3dk7O/euI+LvceZ3f7/POb9zz++c7xX+z4Z0irdAZYuDblLYLLDG1lW4B3qjh57rz7NmphN7rQr4KNq1gcpDKfRBD/aAfAHY2AboBugVRS566NUDZCdXY0Bi4CKzD7h4QwJfAbYAvQk3rgJTwLka1bGDbEzk+djAP6W0aQ7nBdDDMSANKgV0tTHmrsJxwTufZ/3f4xgeC7hAZbuiJwUebQE7Lchl0KvATQ+5K5AS9D4P2SLoNuAZoC8C6l/AhIu+FCdMVgS2WL2f8nOKvBYRo1PzBlxySb05w9qrR5G5lTx0Cu3t5c42xXtRG4Y/0DR/WuHwMJnzK63TEjgE+0MgE1qkKjAuOD+q8onJg4gdf+wRgHt4rwK7mk5sBnQwT/ZSqwVbAo9QeU7QkyFYD7gG7nfz9E3EJmwxsZFpSjsFp+i/vI4/dUbhUCtPRwJbzIJeADYt7qfvejjf20/6TyvBGsgnmd3UQ6r3Jmum2oXKKJUnFbWQezK07rTQvSvHmmvNey0DtgtA0XMCj/uTPdCJGnz1INm77TxboHISdNjmOfDmLdIH2kGforS2G/kVjT3rnhaYSKGD3yY7Hd5zGfAIt48IjsVXkJL+ojiDw6z7YzvYn3Gvr0rtZigu5xzcTw3Rd6vdswXKXwQ9C/IZf25V8I7lWP9GS+BT3Orrpvc6sDZ4yEWfPkD2crsN7f+fUNqWQj4Iz3XRz8ZJV/bMCLe/JDjvhAy+6zH38H42GFN9LPFwgfIr85MXLBI4nyMzGAe2E8CNzFQ5q7A3tOeJPBm7rJYC+955G3jIt2QSdCBHdlngtzLgP/WwrVtkdoeHZxxBnv6z4g4M0/fhEg+PUN4rcCY4DkXG5li3P0me7QSw5ekeKicV6i8uUHXQwSGy40uAC5TeAvla4D0H5+Eh1r0fNxw6ERLBXqe5/YiD8/vFMJDxHOmBJuDy3/wEbr9P10j3J/FuJ4EbubxiPPV7QGA6R2bzAvAp7vV1U/so5M1f5MnsSeLdTgLbWqOU3lZk9yKDbM2TvlHPEqOUHlXkd8GfivxgmPTr/0vgAqWjIHYf1IcDTwyRec8HLu9R+PlizDCYa1M1RRnTiZcuWNdPAudCTF/PkXmrDlygPFR3dGNUFRkYJm21RKLRWeDSbkEsvQUjlydT/K8Dg3zrPqrj3+D+fyaxfoQVgEfpTEic4U5/DfevTWBWR0zU0Fyc4ilWSBQpP+7Bb0Px8v0cmSVFRxzvWNLvpnwR5KmIfm5G0GIKis0VWNTaI1SOSKPsrA9BH8uRveyHRGULqOW94M/x+Su5nqiTDuuqPbxDLN5U4SWsjXpvXrsYa9cKNV9kvXRvMG1jofgpULayMCjYp/9Bemu7OnYlYwpUdoJ3BMRq3Cgp4IKDcyzqNm2cVMV4gqb1Rp7M1oan/dGcqD28z+9n/R+Sejg8v8jMRg9nCMTqgqiOeSJP5unmPYrM7PBIhevvhYtsAdh/Ky3vBd4YqZE+lPR6jjLwNHf6U3jHFbWmM6i1bWq1hm4Iv4x+8XMmVGJWFfYFIRQCnnlQSFne+5y/6ZSDM5C0AGp1ItYGdcEuQY4GJazCxHCThyPKy2suOhA0AQvAvl52XOClULZIVMDHCR+rW3qo7Z5XkKof03PhYEgk9IueX9KQwYJxOE/mRIhp8Z/TfNTv0GUtThAWVXCf7URbH8eYUWafUbyL4RapRnd/2KiIrrledFirFEB/kEIGv9OmvY8DtNIcv90/C3zan2eCzbHm+2AZcEP0E3v5dvoPJmrzVwMe1eYDl7rQfW3bfNvQD3zrXkOar76rpF6O0+4ngT5N6TEHsVt1iZDios9GddstpapRSi8oEtbVTKr6UNHnh8leSQIVNbfRId95SnELINZwrl6qsg3aiYGgb3xMZippnm5SMa2jCN+CqxcDm6CXya0Ckwq/cXDHqqxvq2KaA/oobXdwvumrlp2VW5desbM7XLwfC9i3jChVfVrq1Z5cs48wJmjb8w5qt9pmEBPETRMOiYsLO5hce9lFD8RRiGIp8LZ0QyRkr6B2sYSv16gQDTTjdt8/TKk/kULPxSk5baPYwAFVCNy6ajvWdlDNBpkxkx78upe5sX0h3SzOi5wYOFjU+jcH2S7wZRqhYl+UVhrXBa5IXXdOvT/EOvuSlHisGrh5p4bUOrdtvqvYqH7ICNiR3wR3Ko7kGoe+Y8BxNuvEnH8DNgC9S12JgNcAAAAASUVORK5CYII=";
+
+/***/ }),
+
 /***/ 9115:
 /***/ (function(module) {