cms-chenhj-ui 1.0.7 → 1.0.9

package/cms-chenhj-ui.umd.js

@@ -11,7 +11,7 @@
 return /******/ (function() { // webpackBootstrap
 /******/ 	var __webpack_modules__ = ({
 
-/***/ 5727:
+/***/ 8070:
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -23,7 +23,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-84.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-84.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;
@@ -170,7 +170,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__(9891);
@@ -196,6 +196,10 @@ var swiper_esm_bundle = __webpack_require__(1558);
     isOpcacity: {
       type: Boolean,
       default: true
+    },
+    lang: {
+      type: String,
+      default: "zh-HK"
     }
   },
   data() {
@@ -207,8 +211,6 @@ var swiper_esm_bundle = __webpack_require__(1558);
       left: {},
       rightOne: [],
       rightTwo: {},
-      lang: "zh-HK",
-      newlang: "",
       swiperOne: null,
       swiperIdx: 0
     };
@@ -224,21 +226,6 @@ var swiper_esm_bundle = __webpack_require__(1558);
           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;
@@ -281,38 +268,10 @@ var swiper_esm_bundle = __webpack_require__(1558);
     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;
@@ -320,6 +279,20 @@ var swiper_esm_bundle = __webpack_require__(1558);
       },
       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: {
@@ -349,10 +322,10 @@ var swiper_esm_bundle = __webpack_require__(1558);
 });
 ;// 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-66.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-66.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-66.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-66.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-66.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-66.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-66.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-66.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);
@@ -371,7 +344,7 @@ var component = (0,componentNormalizer/* default */.Z)(
   staticRenderFns,
   false,
   null,
-  "445f711e",
+  "3e8d6a02",
   null
   
 )
@@ -380,7 +353,7 @@ var component = (0,componentNormalizer/* default */.Z)(
 
 /***/ }),
 
-/***/ 9214:
+/***/ 1034:
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -392,7 +365,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-84.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-84.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;
@@ -556,7 +529,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__(9891);
@@ -582,6 +555,10 @@ var swiper_esm_bundle = __webpack_require__(1558);
     isOpcacity: {
       type: Boolean,
       default: true
+    },
+    lang: {
+      type: String,
+      default: "zh-HK"
     }
   },
   data() {
@@ -593,8 +570,6 @@ var swiper_esm_bundle = __webpack_require__(1558);
       leftOne: {},
       leftTwo: {},
       right: {},
-      lang: "zh-HK",
-      newlang: "",
       swiperOne: null,
       swiperIdx: 0
     };
@@ -610,21 +585,6 @@ var swiper_esm_bundle = __webpack_require__(1558);
           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;
@@ -667,38 +627,10 @@ var swiper_esm_bundle = __webpack_require__(1558);
     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;
@@ -706,6 +638,20 @@ var swiper_esm_bundle = __webpack_require__(1558);
       },
       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: {
@@ -735,10 +681,10 @@ var swiper_esm_bundle = __webpack_require__(1558);
 });
 ;// 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-66.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-66.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-66.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-66.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-66.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-66.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-66.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-66.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);
@@ -757,7 +703,7 @@ var component = (0,componentNormalizer/* default */.Z)(
   staticRenderFns,
   false,
   null,
-  "3eb1f168",
+  "ac927aae",
   null
   
 )
@@ -766,7 +712,7 @@ var component = (0,componentNormalizer/* default */.Z)(
 
 /***/ }),
 
-/***/ 7804:
+/***/ 3332:
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -778,7 +724,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-84.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-84.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;
@@ -902,6 +848,10 @@ function queryCountdown(params) {
     isOpcacity: {
       type: Boolean,
       default: true
+    },
+    lang: {
+      type: String,
+      default: "zh-HK"
     }
   },
   data() {
@@ -911,8 +861,6 @@ function queryCountdown(params) {
       HK: {},
       EN: {},
       contentObj: {},
-      lang: "zh-HK",
-      newlang: "",
       messFold: false,
       remainingTime: 0,
       // 剩余时间
@@ -934,15 +882,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);
   },
@@ -950,32 +889,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;
@@ -983,6 +900,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: {
@@ -1059,10 +988,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-66.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-66.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-66.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-66.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-66.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-66.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-66.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-66.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);
@@ -1081,7 +1010,7 @@ var component = (0,componentNormalizer/* default */.Z)(
   staticRenderFns,
   false,
   null,
-  "4b0609a6",
+  "6b9fd3ee",
   null
   
 )
@@ -1090,7 +1019,7 @@ var component = (0,componentNormalizer/* default */.Z)(
 
 /***/ }),
 
-/***/ 909:
+/***/ 253:
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -1102,7 +1031,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-84.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-84.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;
@@ -1124,12 +1053,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
     },
@@ -1150,6 +1078,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-84.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",
@@ -1167,14 +1097,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
     };
   },
@@ -1189,31 +1124,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;
@@ -1226,6 +1142,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: {
@@ -1252,10 +1180,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-66.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-66.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-66.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-66.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-66.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-66.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-66.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-66.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);
@@ -1274,7 +1202,7 @@ var component = (0,componentNormalizer/* default */.Z)(
   staticRenderFns,
   false,
   null,
-  "d4ca047c",
+  "be42ad98",
   null
   
 )
@@ -1283,7 +1211,7 @@ var component = (0,componentNormalizer/* default */.Z)(
 
 /***/ }),
 
-/***/ 7576:
+/***/ 7357:
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -1295,7 +1223,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-84.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-84.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;
@@ -1462,7 +1390,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__(9891);
@@ -1491,6 +1419,10 @@ var jumpUrl = __webpack_require__(8511);
     isOpcacity: {
       type: Boolean,
       default: true
+    },
+    lang: {
+      type: String,
+      default: "zh-HK"
     }
   },
   data() {
@@ -1507,9 +1439,7 @@ var jumpUrl = __webpack_require__(8511);
       // 轮播
       swiperOne: null,
       swiperIdx: 0,
-      swiperPlayVal: true,
-      lang: "zh-HK",
-      newlang: ""
+      swiperPlayVal: true
     };
   },
   created() {
@@ -1528,15 +1458,6 @@ var jumpUrl = __webpack_require__(8511);
           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");
@@ -1546,33 +1467,10 @@ var jumpUrl = __webpack_require__(8511);
     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;
@@ -1581,6 +1479,18 @@ var jumpUrl = __webpack_require__(8511);
       },
       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: {
@@ -1658,10 +1568,10 @@ var jumpUrl = __webpack_require__(8511);
 });
 ;// 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-66.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-66.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-66.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-66.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-66.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-66.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-66.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-66.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);
@@ -1680,7 +1590,7 @@ var component = (0,componentNormalizer/* default */.Z)(
   staticRenderFns,
   false,
   null,
-  "1c9db1bf",
+  "750ba6b9",
   null
   
 )
@@ -1689,7 +1599,7 @@ var component = (0,componentNormalizer/* default */.Z)(
 
 /***/ }),
 
-/***/ 3827:
+/***/ 4294:
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -1701,7 +1611,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-84.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-84.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;
@@ -1756,11 +1666,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-84.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,
@@ -1770,7 +1680,11 @@ var staticRenderFns = [];
     },
     nowCompId: {
       type: [String, Number],
-      default: ''
+      default: ""
+    },
+    lang: {
+      type: String,
+      default: "zh-HK"
     }
   },
   data() {
@@ -1779,26 +1693,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 => {
@@ -1807,47 +1710,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;
@@ -1856,35 +1728,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-66.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-66.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-66.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-66.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-66.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-66.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-66.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-66.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);
@@ -1903,7 +1787,7 @@ var component = (0,componentNormalizer/* default */.Z)(
   staticRenderFns,
   false,
   null,
-  "8584e590",
+  "2299426f",
   null
   
 )
@@ -2065,7 +1949,7 @@ var component = (0,componentNormalizer/* default */.Z)(
 
 /***/ }),
 
-/***/ 9251:
+/***/ 1852:
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -2077,7 +1961,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-84.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-84.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;
@@ -2153,6 +2037,10 @@ var staticRenderFns = [];
     isOpcacity: {
       type: Boolean,
       default: true
+    },
+    lang: {
+      type: String,
+      default: "zh-HK"
     }
   },
   data() {
@@ -2161,9 +2049,7 @@ var staticRenderFns = [];
       CN: [],
       HK: [],
       EN: [],
-      list: [],
-      lang: "zh-HK",
-      newlang: ""
+      list: []
     };
   },
   mounted() {
@@ -2177,47 +2063,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;
@@ -2225,6 +2080,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: {
@@ -2248,10 +2115,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-66.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-66.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-66.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-66.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-66.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-66.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-66.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-66.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);
@@ -2270,7 +2137,7 @@ var component = (0,componentNormalizer/* default */.Z)(
   staticRenderFns,
   false,
   null,
-  "48e12090",
+  "e998054c",
   null
   
 )
@@ -2521,7 +2388,7 @@ var component = (0,componentNormalizer/* default */.Z)(
 
 /***/ }),
 
-/***/ 9637:
+/***/ 5006:
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -2533,7 +2400,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-84.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-84.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;
@@ -2552,7 +2419,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', {
@@ -2566,7 +2433,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: {
@@ -2606,6 +2473,10 @@ var staticRenderFns = [];
     isOpcacity: {
       type: Boolean,
       default: true
+    },
+    lang: {
+      type: String,
+      default: "zh-HK"
     }
   },
   data() {
@@ -2615,8 +2486,6 @@ var staticRenderFns = [];
       HK: {},
       EN: {},
       contentObj: {},
-      lang: "zh-HK",
-      newlang: "",
       messFold: false
     };
   },
@@ -2631,47 +2500,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;
@@ -2679,6 +2517,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: {
@@ -2705,10 +2555,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-66.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-66.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-66.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-66.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-66.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-66.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-66.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-66.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);
@@ -2727,7 +2577,7 @@ var component = (0,componentNormalizer/* default */.Z)(
   staticRenderFns,
   false,
   null,
-  "18891b2c",
+  "06442f0d",
   null
   
 )
@@ -2736,7 +2586,7 @@ var component = (0,componentNormalizer/* default */.Z)(
 
 /***/ }),
 
-/***/ 4370:
+/***/ 3229:
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -2748,7 +2598,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-84.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-84.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;
@@ -2782,19 +2632,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"
@@ -2983,7 +2833,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);
@@ -3102,6 +2952,10 @@ function queryMenuList(data) {
     isOpcacity: {
       type: Boolean,
       default: true
+    },
+    lang: {
+      type: String,
+      default: "zh-HK"
     }
   },
   data() {
@@ -3182,7 +3036,7 @@ function queryMenuList(data) {
       showMenuPC: false,
       scrollDirection: "up",
       indexSearchVisible: false,
-      lang: "tc"
+      pageLang: 'tc'
     };
   },
   mounted() {
@@ -3296,19 +3150,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) {
@@ -3480,15 +3322,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-66.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-66.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-66.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-66.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-66.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-66.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-66.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-66.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-66.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-66.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-66.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-66.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-66.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-66.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-66.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-66.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);
@@ -3508,7 +3350,7 @@ var component = (0,componentNormalizer/* default */.Z)(
   staticRenderFns,
   false,
   null,
-  "6657c5ef",
+  "ec58cb5a",
   null
   
 )
@@ -3517,7 +3359,7 @@ var component = (0,componentNormalizer/* default */.Z)(
 
 /***/ }),
 
-/***/ 1062:
+/***/ 306:
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -3529,7 +3371,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-84.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-84.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;
@@ -3616,6 +3458,10 @@ var staticRenderFns = [];
     isOpcacity: {
       type: Boolean,
       default: true
+    },
+    lang: {
+      type: String,
+      default: "zh-HK"
     }
   },
   data() {
@@ -3624,9 +3470,7 @@ var staticRenderFns = [];
       CN: [],
       HK: [],
       EN: [],
-      list: [],
-      lang: "zh-HK",
-      newlang: ""
+      list: []
     };
   },
   mounted() {
@@ -3640,47 +3484,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;
@@ -3688,6 +3501,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: {
@@ -3711,10 +3536,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-66.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-66.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-66.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-66.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-66.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-66.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-66.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-66.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);
@@ -3733,7 +3558,7 @@ var component = (0,componentNormalizer/* default */.Z)(
   staticRenderFns,
   false,
   null,
-  "0a8ffd98",
+  "118d0e00",
   null
   
 )
@@ -3927,7 +3752,7 @@ var component = (0,componentNormalizer/* default */.Z)(
 
 /***/ }),
 
-/***/ 8678:
+/***/ 8626:
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -3939,7 +3764,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-84.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-84.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;
@@ -3958,7 +3783,6 @@ var render = function render() {
       "click": _vm.handleNowComp
     }
   }, [_c('section', {
-    ref: "product",
     staticClass: "fp-part-bg"
   }, [_c('section', {
     staticClass: "cmhk-home_main"
@@ -4057,6 +3881,10 @@ var swiper_esm_bundle = __webpack_require__(1558);
     isOpcacity: {
       type: Boolean,
       default: true
+    },
+    lang: {
+      type: String,
+      default: "zh-HK"
     }
   },
   data() {
@@ -4066,8 +3894,6 @@ var swiper_esm_bundle = __webpack_require__(1558);
       HK: [],
       EN: [],
       list: [],
-      lang: "zh-HK",
-      newlang: "",
       productSwiper: null
     };
   },
@@ -4082,15 +3908,6 @@ var swiper_esm_bundle = __webpack_require__(1558);
           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,
@@ -4107,32 +3924,10 @@ var swiper_esm_bundle = __webpack_require__(1558);
     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;
@@ -4140,6 +3935,18 @@ var swiper_esm_bundle = __webpack_require__(1558);
       },
       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: {
@@ -4163,10 +3970,10 @@ var swiper_esm_bundle = __webpack_require__(1558);
 });
 ;// 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-66.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-66.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-66.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-66.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-66.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-66.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-66.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-66.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);
@@ -4185,7 +3992,7 @@ var component = (0,componentNormalizer/* default */.Z)(
   staticRenderFns,
   false,
   null,
-  "da42192a",
+  "6b92bfa4",
   null
   
 )
@@ -4194,7 +4001,7 @@ var component = (0,componentNormalizer/* default */.Z)(
 
 /***/ }),
 
-/***/ 6583:
+/***/ 4905:
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -4206,7 +4013,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-84.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-84.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;
@@ -4298,6 +4105,10 @@ var staticRenderFns = [];
     isOpcacity: {
       type: Boolean,
       default: true
+    },
+    lang: {
+      type: String,
+      default: "zh-HK"
     }
   },
   data() {
@@ -4306,9 +4117,7 @@ var staticRenderFns = [];
       CN: [],
       HK: [],
       EN: [],
-      list: [],
-      lang: "zh-HK",
-      newlang: ""
+      list: []
     };
   },
   mounted() {
@@ -4322,47 +4131,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;
@@ -4370,6 +4148,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: {
@@ -4393,10 +4183,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-66.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-66.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-66.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-66.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-66.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-66.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-66.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-66.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);
@@ -4415,7 +4205,7 @@ var component = (0,componentNormalizer/* default */.Z)(
   staticRenderFns,
   false,
   null,
-  "40154e24",
+  "41257c18",
   null
   
 )
@@ -4424,7 +4214,7 @@ var component = (0,componentNormalizer/* default */.Z)(
 
 /***/ }),
 
-/***/ 4079:
+/***/ 2422:
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -4436,7 +4226,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-84.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-84.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;
@@ -4510,6 +4300,10 @@ var staticRenderFns = [];
     isOpcacity: {
       type: Boolean,
       default: true
+    },
+    lang: {
+      type: String,
+      default: "zh-HK"
     }
   },
   data() {
@@ -4518,9 +4312,7 @@ var staticRenderFns = [];
       CN: [],
       HK: [],
       EN: [],
-      list: [],
-      lang: "zh-HK",
-      newlang: ""
+      list: []
     };
   },
   mounted() {
@@ -4534,47 +4326,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;
@@ -4582,6 +4343,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: {
@@ -4605,10 +4378,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-66.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-66.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-66.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-66.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-66.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-66.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-66.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-66.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);
@@ -4627,7 +4400,7 @@ var component = (0,componentNormalizer/* default */.Z)(
   staticRenderFns,
   false,
   null,
-  "2a2a86a2",
+  "2cecc421",
   null
   
 )
@@ -4636,7 +4409,7 @@ var component = (0,componentNormalizer/* default */.Z)(
 
 /***/ }),
 
-/***/ 9766:
+/***/ 2434:
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -4648,7 +4421,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-84.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-84.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,
@@ -4765,6 +4538,10 @@ const __default__ = {
     isOpcacity: {
       type: Boolean,
       default: true
+    },
+    lang: {
+      type: String,
+      default: "zh-HK"
     }
   },
   data() {
@@ -4773,9 +4550,7 @@ const __default__ = {
       CN: [],
       HK: [],
       EN: [],
-      list: [],
-      lang: "zh-HK",
-      newlang: ""
+      list: []
     };
   },
   mounted() {
@@ -4789,47 +4564,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;
@@ -4837,6 +4581,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: {
@@ -4871,10 +4627,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-66.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-66.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-66.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-66.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-66.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-66.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-66.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-66.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);
@@ -4893,7 +4649,7 @@ var component = (0,componentNormalizer/* default */.Z)(
   staticRenderFns,
   false,
   null,
-  "357edc7d",
+  "74a41eca",
   null
   
 )
@@ -4902,7 +4658,7 @@ var component = (0,componentNormalizer/* default */.Z)(
 
 /***/ }),
 
-/***/ 861:
+/***/ 6237:
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -4914,7 +4670,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-84.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-84.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;
@@ -5015,6 +4771,10 @@ var staticRenderFns = [];
     isOpcacity: {
       type: Boolean,
       default: true
+    },
+    lang: {
+      type: String,
+      default: "zh-HK"
     }
   },
   data() {
@@ -5023,9 +4783,7 @@ var staticRenderFns = [];
       CN: [],
       HK: [],
       EN: [],
-      list: [],
-      lang: "zh-HK",
-      newlang: ""
+      list: []
     };
   },
   mounted() {
@@ -5039,47 +4797,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;
@@ -5087,6 +4814,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: {
@@ -5107,10 +4846,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-66.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-66.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-66.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-66.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-66.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-66.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-66.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-66.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);
@@ -5129,7 +4868,7 @@ var component = (0,componentNormalizer/* default */.Z)(
   staticRenderFns,
   false,
   null,
-  "74cd126e",
+  "f5dde022",
   null
   
 )
@@ -5138,7 +4877,7 @@ var component = (0,componentNormalizer/* default */.Z)(
 
 /***/ }),
 
-/***/ 6856:
+/***/ 5501:
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -5150,7 +4889,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-84.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-84.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;
@@ -5173,7 +4912,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"
@@ -5210,7 +4949,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', {
@@ -5230,11 +4969,8 @@ var render = function render() {
 };
 var staticRenderFns = [];
 
-// EXTERNAL MODULE: ./src/utils/jumpUrl.js
-var jumpUrl = __webpack_require__(8511);
 ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-84.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: {
@@ -5251,18 +4987,20 @@ var jumpUrl = __webpack_require__(8511);
     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() {
@@ -5276,48 +5014,17 @@ var jumpUrl = __webpack_require__(8511);
           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;
@@ -5326,9 +5033,24 @@ var jumpUrl = __webpack_require__(8511);
       },
       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", {
@@ -5362,7 +5084,7 @@ var component = (0,componentNormalizer/* default */.Z)(
   staticRenderFns,
   false,
   null,
-  "5d585c2c",
+  "1a25d60c",
   null
   
 )
@@ -5371,7 +5093,7 @@ var component = (0,componentNormalizer/* default */.Z)(
 
 /***/ }),
 
-/***/ 6546:
+/***/ 3139:
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -5383,7 +5105,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-84.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-84.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;
@@ -5495,7 +5217,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-84.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 = ({
@@ -5514,6 +5236,10 @@ var staticRenderFns = [];
     isOpcacity: {
       type: Boolean,
       default: true
+    },
+    lang: {
+      type: String,
+      default: "zh-HK"
     }
   },
   data() {
@@ -5523,8 +5249,6 @@ var staticRenderFns = [];
       HK: [],
       EN: [],
       list: [],
-      lang: "zh-HK",
-      newlang: "",
       plan1Inx: 0
     };
   },
@@ -5539,47 +5263,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;
@@ -5587,6 +5280,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: {
@@ -5610,10 +5315,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-66.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-66.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-66.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-66.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-66.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-66.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-66.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-66.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);
@@ -5632,7 +5337,7 @@ var component = (0,componentNormalizer/* default */.Z)(
   staticRenderFns,
   false,
   null,
-  "335a204c",
+  "e4cd5b68",
   null
   
 )
@@ -5641,7 +5346,7 @@ var component = (0,componentNormalizer/* default */.Z)(
 
 /***/ }),
 
-/***/ 7789:
+/***/ 1108:
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -5653,7 +5358,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-84.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-84.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;
@@ -5742,6 +5447,10 @@ var staticRenderFns = [];
     isOpcacity: {
       type: Boolean,
       default: true
+    },
+    lang: {
+      type: String,
+      default: "zh-HK"
     }
   },
   data() {
@@ -5751,8 +5460,6 @@ var staticRenderFns = [];
       HK: {},
       EN: {},
       contentObj: {},
-      lang: "zh-HK",
-      newlang: "",
       messFold: false
     };
   },
@@ -5767,47 +5474,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;
@@ -5815,6 +5491,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: {
@@ -5857,10 +5545,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-66.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-66.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-66.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-66.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-66.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-66.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-66.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-66.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);
@@ -5879,7 +5567,7 @@ var component = (0,componentNormalizer/* default */.Z)(
   staticRenderFns,
   false,
   null,
-  "338c6c86",
+  "61a39dbe",
   null
   
 )
@@ -5888,7 +5576,7 @@ var component = (0,componentNormalizer/* default */.Z)(
 
 /***/ }),
 
-/***/ 4543:
+/***/ 6289:
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -5900,7 +5588,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-84.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-84.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,
@@ -6011,6 +5699,10 @@ var staticRenderFns = [];
     isOpcacity: {
       type: Boolean,
       default: true
+    },
+    lang: {
+      type: String,
+      default: "zh-HK"
     }
   },
   data() {
@@ -6020,8 +5712,6 @@ var staticRenderFns = [];
       HK: [],
       EN: [],
       list: [],
-      lang: "zh-HK",
-      newlang: "",
       expend: "",
       problemActive: 0
     };
@@ -6037,47 +5727,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;
@@ -6085,6 +5744,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: {
@@ -6131,10 +5802,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-66.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-66.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-66.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-66.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-66.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-66.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-66.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-66.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);
@@ -6153,7 +5824,7 @@ var component = (0,componentNormalizer/* default */.Z)(
   staticRenderFns,
   false,
   null,
-  "57aff8a4",
+  "a6094ee8",
   null
   
 )
@@ -6364,7 +6035,7 @@ var component = (0,componentNormalizer/* default */.Z)(
 
 /***/ }),
 
-/***/ 2704:
+/***/ 7653:
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -6376,7 +6047,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-84.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-84.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;
@@ -6444,6 +6115,10 @@ var staticRenderFns = [];
     isOpcacity: {
       type: Boolean,
       default: true
+    },
+    lang: {
+      type: String,
+      default: ""
     }
   },
   data() {
@@ -6453,7 +6128,8 @@ var staticRenderFns = [];
       dataObj: {},
       // 数据
       servePlanSrc: "",
-      routeLang: "tc"
+      routeLang: "tc",
+      parentShopCategoryId: ""
     };
   },
   mounted() {
@@ -6467,17 +6143,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);
   },
@@ -6486,13 +6151,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;
         });
@@ -6500,9 +6161,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", {
@@ -6528,10 +6208,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-66.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-66.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-66.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-66.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-66.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-66.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-66.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-66.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);
@@ -6550,7 +6230,7 @@ var component = (0,componentNormalizer/* default */.Z)(
   staticRenderFns,
   false,
   null,
-  "fae5e2c2",
+  "20b61e40",
   null
   
 )
@@ -6559,7 +6239,7 @@ var component = (0,componentNormalizer/* default */.Z)(
 
 /***/ }),
 
-/***/ 7814:
+/***/ 9079:
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -6571,7 +6251,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-84.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-84.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;
@@ -6641,6 +6321,10 @@ var staticRenderFns = [];
     isOpcacity: {
       type: Boolean,
       default: true
+    },
+    lang: {
+      type: String,
+      default: "zh-HK"
     }
   },
   data() {
@@ -6649,9 +6333,7 @@ var staticRenderFns = [];
       CN: {},
       HK: {},
       EN: {},
-      valueObj: {},
-      lang: "zh-HK",
-      newlang: ""
+      valueObj: {}
     };
   },
   mounted() {
@@ -6665,47 +6347,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;
@@ -6713,6 +6364,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: {
@@ -6736,10 +6399,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-66.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-66.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-66.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-66.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-66.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-66.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-66.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-66.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);
@@ -6758,7 +6421,7 @@ var component = (0,componentNormalizer/* default */.Z)(
   staticRenderFns,
   false,
   null,
-  "72ab9483",
+  "96c918ae",
   null
   
 )
@@ -6903,7 +6566,7 @@ var component = (0,componentNormalizer/* default */.Z)(
 
 /***/ }),
 
-/***/ 2839:
+/***/ 741:
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -6915,7 +6578,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-84.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-84.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;
@@ -7006,6 +6669,10 @@ var swiper_esm_bundle = __webpack_require__(1558);
     isOpcacity: {
       type: Boolean,
       default: true
+    },
+    lang: {
+      type: String,
+      default: "zh-HK"
     }
   },
   data() {
@@ -7015,8 +6682,6 @@ var swiper_esm_bundle = __webpack_require__(1558);
       HK: [],
       EN: [],
       list: [],
-      lang: "zh-HK",
-      newlang: "",
       currentTab: "",
       swiperArrow: false,
       broadbandSwiperC: null,
@@ -7035,15 +6700,6 @@ var swiper_esm_bundle = __webpack_require__(1558);
           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,
@@ -7065,32 +6721,10 @@ var swiper_esm_bundle = __webpack_require__(1558);
     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;
@@ -7115,6 +6749,18 @@ var swiper_esm_bundle = __webpack_require__(1558);
       },
       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: {
@@ -7173,10 +6819,10 @@ var swiper_esm_bundle = __webpack_require__(1558);
 });
 ;// 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-66.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-66.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-66.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-66.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-66.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-66.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-66.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-66.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);
@@ -7195,7 +6841,7 @@ var component = (0,componentNormalizer/* default */.Z)(
   staticRenderFns,
   false,
   null,
-  "5e9c3543",
+  "b40396b6",
   null
   
 )
@@ -7471,7 +7117,7 @@ var component = (0,componentNormalizer/* default */.Z)(
 
 /***/ }),
 
-/***/ 6830:
+/***/ 8618:
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -7483,7 +7129,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-84.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-84.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;
@@ -7619,6 +7265,10 @@ var swiper_esm_bundle = __webpack_require__(1558);
     isOpcacity: {
       type: Boolean,
       default: true
+    },
+    lang: {
+      type: String,
+      default: "zh-HK"
     }
   },
   data() {
@@ -7628,8 +7278,6 @@ var swiper_esm_bundle = __webpack_require__(1558);
       HK: [],
       EN: [],
       list: [],
-      lang: "zh-HK",
-      newlang: "",
       swiperNewsIdx: 0,
       newsSwiper: null
     };
@@ -7645,15 +7293,6 @@ var swiper_esm_bundle = __webpack_require__(1558);
           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", {
@@ -7684,32 +7323,10 @@ var swiper_esm_bundle = __webpack_require__(1558);
     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;
@@ -7717,6 +7334,18 @@ var swiper_esm_bundle = __webpack_require__(1558);
       },
       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: {
@@ -7750,10 +7379,10 @@ var swiper_esm_bundle = __webpack_require__(1558);
 });
 ;// 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-66.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-66.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-66.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-66.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-66.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-66.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-66.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-66.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);
@@ -7772,7 +7401,7 @@ var component = (0,componentNormalizer/* default */.Z)(
   staticRenderFns,
   false,
   null,
-  "4369cd69",
+  "7665ca9d",
   null
   
 )
@@ -7781,7 +7410,7 @@ var component = (0,componentNormalizer/* default */.Z)(
 
 /***/ }),
 
-/***/ 4671:
+/***/ 5040:
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -7793,7 +7422,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-84.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-84.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;
@@ -7814,9 +7443,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",
@@ -7847,18 +7476,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() {
@@ -7872,47 +7503,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;
@@ -7921,6 +7521,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: {
@@ -7941,10 +7553,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-66.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-66.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-66.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-66.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-66.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-66.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-66.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-66.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);
@@ -7963,7 +7575,7 @@ var component = (0,componentNormalizer/* default */.Z)(
   staticRenderFns,
   false,
   null,
-  "691e10f8",
+  "0489860a",
   null
   
 )
@@ -7972,7 +7584,7 @@ var component = (0,componentNormalizer/* default */.Z)(
 
 /***/ }),
 
-/***/ 244:
+/***/ 9352:
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -7984,7 +7596,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-84.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-84.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,
@@ -8012,22 +7624,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
     },
@@ -8070,18 +7682,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() {
@@ -8095,47 +7709,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;
@@ -8144,6 +7727,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: {
@@ -8173,10 +7768,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-66.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-66.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-66.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-66.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-66.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-66.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-66.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-66.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);
@@ -8195,7 +7790,7 @@ var component = (0,componentNormalizer/* default */.Z)(
   staticRenderFns,
   false,
   null,
-  "3cf9cd97",
+  "13810bc0",
   null
   
 )
@@ -8204,7 +7799,7 @@ var component = (0,componentNormalizer/* default */.Z)(
 
 /***/ }),
 
-/***/ 3160:
+/***/ 2669:
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -8216,7 +7811,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-84.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-84.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;
@@ -8228,6 +7823,7 @@ var render = function render() {
       tag: "component",
       attrs: {
         "data": item,
+        "lang": _vm.lang,
         "isOpcacity": false
       }
     })];
@@ -8247,24 +7843,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-56.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-56.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-56.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-56.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-56.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-56.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);
@@ -8283,7 +7874,7 @@ var component = (0,componentNormalizer/* default */.Z)(
   staticRenderFns,
   false,
   null,
-  "0ffa4f5e",
+  "7e1ce9be",
   null
   
 )
@@ -44249,39 +43840,39 @@ __webpack_require__(560);
 /***/ (function(module, __unused_webpack_exports, __webpack_require__) {
 
 var map = {
-	"./cms-aLineThreeLeftOne/View.vue": 5727,
-	"./cms-aLineThreeLeftTwo/View.vue": 9214,
-	"./cms-activityCountdown/View.vue": 7804,
-	"./cms-activityTime/View.vue": 909,
-	"./cms-banner/View.vue": 7576,
-	"./cms-breadCrumb/View.vue": 3827,
+	"./cms-aLineThreeLeftOne/View.vue": 8070,
+	"./cms-aLineThreeLeftTwo/View.vue": 1034,
+	"./cms-activityCountdown/View.vue": 3332,
+	"./cms-activityTime/View.vue": 253,
+	"./cms-banner/View.vue": 7357,
+	"./cms-breadCrumb/View.vue": 4294,
 	"./cms-button/View.vue": 2455,
-	"./cms-cells/View.vue": 9251,
+	"./cms-cells/View.vue": 1852,
 	"./cms-column/View.vue": 9350,
-	"./cms-description/View.vue": 9637,
-	"./cms-header/View.vue": 4370,
-	"./cms-iconFour/View.vue": 1062,
+	"./cms-description/View.vue": 5006,
+	"./cms-header/View.vue": 3229,
+	"./cms-iconFour/View.vue": 306,
 	"./cms-image/View.vue": 6060,
-	"./cms-imgFour/View.vue": 8678,
-	"./cms-lineFive/View.vue": 6583,
-	"./cms-lineFour/View.vue": 4079,
-	"./cms-lineThree/View.vue": 9766,
-	"./cms-lineTwo/View.vue": 861,
-	"./cms-proCard/View.vue": 6856,
-	"./cms-prodCustomization/View.vue": 6546,
-	"./cms-productDetails/View.vue": 7789,
-	"./cms-question/View.vue": 4543,
+	"./cms-imgFour/View.vue": 8626,
+	"./cms-lineFive/View.vue": 4905,
+	"./cms-lineFour/View.vue": 2422,
+	"./cms-lineThree/View.vue": 2434,
+	"./cms-lineTwo/View.vue": 6237,
+	"./cms-proCard/View.vue": 5501,
+	"./cms-prodCustomization/View.vue": 3139,
+	"./cms-productDetails/View.vue": 1108,
+	"./cms-question/View.vue": 6289,
 	"./cms-row/View.vue": 2976,
-	"./cms-servePlan-tab/View.vue": 2704,
-	"./cms-servePlan-text/View.vue": 7814,
+	"./cms-servePlan-tab/View.vue": 7653,
+	"./cms-servePlan-text/View.vue": 9079,
 	"./cms-template/View.vue": 2810,
-	"./cms-termsAndConditions/View.vue": 2839,
+	"./cms-termsAndConditions/View.vue": 741,
 	"./cms-test/View.vue": 2632,
 	"./cms-text/View.vue": 2173,
-	"./cms-threeScroll/View.vue": 6830,
-	"./cms-titleCenter/View.vue": 4671,
-	"./cms-titleLeft/View.vue": 244,
-	"./cms-view/View.vue": 3160
+	"./cms-threeScroll/View.vue": 8618,
+	"./cms-titleCenter/View.vue": 5040,
+	"./cms-titleLeft/View.vue": 9352,
+	"./cms-view/View.vue": 2669
 };
 
 
@@ -44439,6 +44030,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) {