cms-chenhj-ui 2.0.25 → 2.0.26

package/cms-chenhj-ui.common.js

@@ -1579,6 +1579,234 @@ module.exports = function (record, fn, ITERATOR_INSTEAD_OF_RECORD) {
 };
 
 
+/***/ }),
+
+/***/ 517:
+/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+// ESM COMPAT FLAG
+__webpack_require__.r(__webpack_exports__);
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "default": function() { return /* binding */ View; }
+});
+
+;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-threeScroll/View.vue?vue&type=template&id=4ecaae13&scoped=true
+var render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c('BaseComp', _vm._b({
+    attrs: {
+      "data": _vm.data,
+      "nowCompId": _vm.nowCompId,
+      "isOpcacity": _vm.isOpcacity,
+      "lang": _vm.lang
+    },
+    on: {
+      "getConfigData": _vm.getConfigData
+    }
+  }, 'BaseComp', _vm.$attrs, false), [_c('section', {
+    ref: "news",
+    staticClass: "cmhk-home_main"
+  }, [_vm.configList.length ? _c('div', {
+    staticClass: "section-body"
+  }, [_c('div', {
+    staticClass: "cmhk-section_corp_news-ser"
+  }, [_c('div', {
+    staticClass: "news-box_container"
+  }, [_c('div', {
+    staticClass: "news-box_swiper",
+    attrs: {
+      "id": `news-swiper${_vm.data.componentId}`
+    }
+  }, [_c('div', {
+    staticClass: "swiper-wrapper"
+  }, _vm._l(_vm.configList, function (item, inx) {
+    return _c('div', {
+      key: `${inx}${item === null || item === void 0 ? void 0 : item.id}`,
+      staticClass: "swiper-slide"
+    }, [_c('div', {
+      staticClass: "new-read_card read-card_bg-wt",
+      on: {
+        "click": function ($event) {
+          return _vm.decodeJumpUrl(item.jumpUrl);
+        }
+      }
+    }, [_c('div', {
+      staticClass: "image-desbox_wapper"
+    }, [_c('img', {
+      staticClass: "layout-pc",
+      attrs: {
+        "src": item.uploadImagePC,
+        "alt": item.imagePcATL
+      }
+    }), _c('img', {
+      staticClass: "layout-mobile",
+      attrs: {
+        "src": item.uploadImageH5,
+        "alt": item.imageH5ATL
+      }
+    })]), _c('div', {
+      staticClass: "new-read_card-content"
+    }, [_c('p', {
+      staticClass: "title"
+    }, [_vm._v(_vm._s(item === null || item === void 0 ? void 0 : item.input1))]), _c('p', {
+      staticClass: "time"
+    }, [_vm._v(_vm._s(item.input2))]), _c('p', {
+      staticClass: "des"
+    }, [_vm._v(_vm._s(item.input3))]), item.input4 ? _c('p', {
+      staticClass: "continue-read"
+    }, [_vm._v(" " + _vm._s(item.input4) + " "), _c('i', {
+      staticClass: "el-icon-arrow-right"
+    })]) : _vm._e()])])]);
+  }), 0)]), _vm.configList.length > 3 ? [_c('div', {
+    staticClass: "pag-prev left layout-pc",
+    class: [_vm.swiperNewsIdx > 2 ? 'is-active' : ''],
+    on: {
+      "click": _vm.newsPrev
+    }
+  }, [_c('i', {
+    staticClass: "el-icon-arrow-left"
+  })]), _c('div', {
+    staticClass: "pag-next right layout-pc",
+    class: [_vm.swiperNewsIdx < _vm.configList.length - 1 ? 'is-active' : ''],
+    on: {
+      "click": _vm.newsNext
+    }
+  }, [_c('i', {
+    staticClass: "el-icon-arrow-right"
+  })])] : _vm._e()], 2)])]) : _vm._e()])]);
+};
+var staticRenderFns = [];
+
+// EXTERNAL MODULE: ./src/utils/index.js
+var utils = __webpack_require__(1996);
+// EXTERNAL MODULE: ./node_modules/swiper/dist/js/swiper.js
+var swiper = __webpack_require__(2791);
+// EXTERNAL MODULE: ./node_modules/swiper/dist/js/swiper.esm.bundle.js + 3 modules
+var swiper_esm_bundle = __webpack_require__(4418);
+// EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
+var baseComp = __webpack_require__(4128);
+;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-threeScroll/View.vue?vue&type=script&lang=js
+
+
+
+
+
+/* harmony default export */ var Viewvue_type_script_lang_js = ({
+  name: "cms-threeScroll",
+  components: {
+    BaseComp: baseComp["default"]
+  },
+  props: {
+    data: {
+      type: Object,
+      default: () => {
+        return {};
+      }
+    },
+    nowCompId: {
+      type: [String, Number],
+      default: ""
+    },
+    isOpcacity: {
+      type: Boolean,
+      default: true
+    },
+    lang: {
+      type: String,
+      default: "zh-HK"
+    }
+  },
+  data() {
+    return {
+      configList: [],
+      swiperNewsIdx: 0,
+      newsSwiper: null
+    };
+  },
+  mounted() {
+    const vm = this;
+    this.$nextTick(() => {
+      this.newsSwiper = new swiper_esm_bundle/* default */.A(`#news-swiper${this.data.componentId}`, {
+        autoplay: false,
+        loop: false,
+        // 循环模式选项
+        slidesPerView: (0,utils/* getDevice */.Pf)() !== "mobile" ? 3 : "auto",
+        // spaceBetween: getDevice() !== 'mobile' ? 32 : 16, // 在slide之间设置距离
+        observer: true,
+        observeParents: true,
+        touchMoveStopPropagation: true,
+        on: {
+          slideChangeTransitionEnd: function () {
+            if ((0,utils/* getDevice */.Pf)() !== "mobile") {
+              vm.swiperNewsIdx = this.realIndex + 2;
+            } else {
+              vm.swiperNewsIdx = this.realIndex;
+            }
+            console.log("新闻-当前页最后一个元素下标", vm.swiperNewsIdx);
+          },
+          resize: function () {
+            this.update(true);
+          }
+        }
+      });
+    });
+  },
+  watch: {},
+  methods: {
+    getConfigData(configData) {
+      this.configList = configData.configList;
+    },
+    newsPrev() {
+      if (this.swiperNewsIdx > 2) {
+        this.newsSwiper.slidePrev();
+      }
+    },
+    newsNext() {
+      if (this.swiperNewsIdx < this.configList.length - 1) {
+        this.newsSwiper.slideNext();
+      }
+    },
+    decodeJumpUrl(url) {
+      if (!url) return;
+      top.location.href = url;
+    }
+  }
+});
+;// ./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); 
+;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-42.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-threeScroll/View.vue?vue&type=style&index=0&id=4ecaae13&prod&lang=scss&scoped=true
+// extracted by mini-css-extract-plugin
+
+;// ./package/cms-threeScroll/View.vue?vue&type=style&index=0&id=4ecaae13&prod&lang=scss&scoped=true
+
+// EXTERNAL MODULE: ./node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js
+var componentNormalizer = __webpack_require__(1656);
+;// ./package/cms-threeScroll/View.vue
+
+
+
+;
+
+
+/* normalize component */
+
+var component = (0,componentNormalizer/* default */.A)(
+  cms_threeScroll_Viewvue_type_script_lang_js,
+  render,
+  staticRenderFns,
+  false,
+  null,
+  "4ecaae13",
+  null
+  
+)
+
+/* harmony default export */ var View = (component.exports);
+
 /***/ }),
 
 /***/ 550:
@@ -10835,8 +11063,8 @@ var map = {
 	"./cms-activityTime/index.js": 7197,
 	"./cms-banner": 1739,
 	"./cms-banner/": 1739,
-	"./cms-banner/View": 2646,
-	"./cms-banner/View.vue": 2646,
+	"./cms-banner/View": 6815,
+	"./cms-banner/View.vue": 6815,
 	"./cms-banner/components/cmhkALabel": 753,
 	"./cms-banner/components/cmhkALabel.vue": 753,
 	"./cms-banner/index": 1739,
@@ -10986,8 +11214,8 @@ var map = {
 	"./cms-text/index.js": 394,
 	"./cms-threeScroll": 4670,
 	"./cms-threeScroll/": 4670,
-	"./cms-threeScroll/View": 3257,
-	"./cms-threeScroll/View.vue": 3257,
+	"./cms-threeScroll/View": 517,
+	"./cms-threeScroll/View.vue": 517,
 	"./cms-threeScroll/index": 4670,
 	"./cms-threeScroll/index.js": 4670,
 	"./cms-titleCenter": 8904,
@@ -11316,7 +11544,7 @@ module.exports = function bind(fn, thisArg) {
 __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _baseConfig__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(649);
 
-const View = () => Promise.resolve(/* import() */).then(__webpack_require__.bind(__webpack_require__, 2646));
+const View = () => Promise.resolve(/* import() */).then(__webpack_require__.bind(__webpack_require__, 6815));
 const langData = {
   configList: [{
     id: Math.random().toString(),
@@ -17644,310 +17872,6 @@ Sortable.mount(Remove, Revert);
 /* harmony default export */ __webpack_exports__["default"] = (Sortable);
 
 
-/***/ }),
-
-/***/ 2646:
-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-// ESM COMPAT FLAG
-__webpack_require__.r(__webpack_exports__);
-
-// EXPORTS
-__webpack_require__.d(__webpack_exports__, {
-  "default": function() { return /* binding */ View; }
-});
-
-;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-banner/View.vue?vue&type=template&id=355e1f51&scoped=true
-var render = function render() {
-  var _vm$configList$_vm$sw;
-  var _vm = this,
-    _c = _vm._self._c;
-  return _c('BaseComp', _vm._b({
-    attrs: {
-      "data": _vm.data,
-      "nowCompId": _vm.nowCompId,
-      "isOpcacity": _vm.isOpcacity,
-      "lang": _vm.lang
-    },
-    on: {
-      "getConfigData": _vm.getConfigData
-    }
-  }, 'BaseComp', _vm.$attrs, false), [_c('div', {
-    staticClass: "content-swiper tt_banner"
-  }, [_vm.configList.length > 0 ? _c('div', {
-    staticClass: "relative position"
-  }, [_c('div', {
-    staticClass: "my_banner"
-  }, [_c('div', {
-    staticClass: "swiper-container_contentswiper",
-    attrs: {
-      "id": `contentSwiper${_vm.data.componentId}`
-    }
-  }, [_c('div', {
-    staticClass: "swiper-wrapper"
-  }, _vm._l(_vm.configList, function (item, inx) {
-    return _c('div', {
-      key: inx,
-      staticClass: "swiper-slide"
-    }, [item ? _c('div', {
-      staticClass: "swiper-banner_box",
-      on: {
-        "click": function ($event) {
-          return _vm.decodeJumpUrl(item.jumpUrl, _vm.$router);
-        }
-      }
-    }, [_c('img', {
-      staticClass: "swiper-banner_image layout-pc",
-      attrs: {
-        "src": item.uploadImagePC,
-        "alt": "PC"
-      }
-    }), _c('img', {
-      staticClass: "swiper-banner_image layout-mobile",
-      attrs: {
-        "src": item.uploadImageH5,
-        "alt": "H5"
-      }
-    }), _c('div', {
-      staticClass: "extra-swiper_box layout-pc"
-    }, [item.title ? _c('div', {
-      staticClass: "swiper-contentbtn"
-    }, [_c('span', [_vm._v(_vm._s(item.title))])]) : _vm._e(), item.des ? _c('div', {
-      staticClass: "swiper-labels"
-    }, [_c('span', [_vm._v(_vm._s(item.des))])]) : _vm._e(), _c('div', {
-      staticClass: "swiper-btn_container"
-    }, [item.input1 != '' ? _c('a', {
-      attrs: {
-        "href": item.jumpUrl1,
-        "target": "_self"
-      }
-    }, [_c('button', {
-      staticClass: "swiper-opbtn have-arrow"
-    }, [_c('span', [_vm._v(_vm._s(item.input1))])])]) : _vm._e(), item.input2 != '' ? _c('a', {
-      attrs: {
-        "href": item.jumpUrl2,
-        "target": "_self"
-      }
-    }, [_c('button', {
-      staticClass: "swiper-opbtn_wt"
-    }, [_c('span', [_vm._v(_vm._s(item.input2))])])]) : _vm._e()])])]) : _vm._e()]);
-  }), 0)])]), _vm.configList[_vm.swiperIdx].title || _vm.configList[_vm.swiperIdx].des || _vm.configList[_vm.swiperIdx].input1 || _vm.configList[_vm.swiperIdx].input2 || (_vm$configList$_vm$sw = _vm.configList[_vm.swiperIdx]) !== null && _vm$configList$_vm$sw !== void 0 && _vm$configList$_vm$sw.input3 ? _c('div', {
-    staticClass: "mb-swiper_box layout-mobile"
-  }, [_vm.configList[_vm.swiperIdx].title ? _c('div', {
-    staticClass: "swiper-contentbtn"
-  }, [_c('span', [_vm._v(_vm._s(_vm.configList[_vm.swiperIdx].title))])]) : _vm._e(), _vm.configList[_vm.swiperIdx].des ? _c('div', {
-    staticClass: "swiper-label"
-  }, [_c('span', [_vm._v(_vm._s(_vm.configList[_vm.swiperIdx].des))])]) : _vm._e(), _c('div', {
-    staticClass: "swiper-btn_container"
-  }, [_vm.configList[_vm.swiperIdx].input1 ? _c('a', {
-    attrs: {
-      "href": _vm.configList[_vm.swiperIdx].jumpUrl1,
-      "target": "_self"
-    }
-  }, [_c('button', {
-    staticClass: "swiper-opbtn have-arrow"
-  }, [_c('span', [_vm._v(_vm._s(_vm.configList[_vm.swiperIdx].input1))])])]) : _vm._e(), _vm.configList[_vm.swiperIdx].input2 ? _c('a', {
-    attrs: {
-      "href": _vm.configList[_vm.swiperIdx].jumpUrl2,
-      "target": "_self"
-    }
-  }, [_c('button', {
-    staticClass: "swiper-opbtn_wt have-arrow"
-  }, [_c('span', [_vm._v(_vm._s(_vm.configList[_vm.swiperIdx].input2))])])]) : _vm._e()])]) : _vm._e(), _vm.configList.length > 1 ? _c('div', {
-    staticClass: "cmhk-swiper-button-number"
-  }, [_vm._l(_vm.configList, function (item, idx) {
-    return _c('div', {
-      key: idx,
-      staticClass: "line-customs_wrapper",
-      on: {
-        "click": function ($event) {
-          $event.stopPropagation();
-          return _vm.jumpToSlide(idx);
-        }
-      }
-    }, [_c('div', {
-      class: ['cmhk-line-customs', idx === _vm.swiperIdx ? 'cmhk-line-customs-active' : '']
-    }, [item && item.input1 ? _c('div', {
-      staticClass: "swiper-popupup layout-pc"
-    }, [_c('p', {
-      staticClass: "swiper-popuptext"
-    }, [_vm._v(_vm._s(item.input1))])]) : _vm._e()])]);
-  }), _c('div', {
-    staticClass: "swiper-button-puase",
-    on: {
-      "click": function ($event) {
-        $event.stopPropagation();
-        return _vm.swiperPlay.apply(null, arguments);
-      }
-    }
-  }, [!_vm.swiperPlayVal ? _c('img', {
-    staticClass: "playstart-image",
-    attrs: {
-      "src": __webpack_require__(2254)
-    }
-  }) : _vm._e(), _vm.swiperPlayVal ? _c('img', {
-    staticClass: "playstop-image",
-    attrs: {
-      "src": __webpack_require__(2584)
-    }
-  }) : _vm._e()])], 2) : _vm._e()]) : _vm._e()])]);
-};
-var staticRenderFns = [];
-
-;// ./package/cms-banner/View.vue?vue&type=template&id=355e1f51&scoped=true
-
-// EXTERNAL MODULE: ./node_modules/swiper/dist/js/swiper.js
-var swiper = __webpack_require__(2791);
-// EXTERNAL MODULE: ./node_modules/swiper/dist/js/swiper.esm.bundle.js + 3 modules
-var swiper_esm_bundle = __webpack_require__(4418);
-// EXTERNAL MODULE: ./src/utils/jumpUrl.js
-var jumpUrl = __webpack_require__(813);
-// EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
-var baseComp = __webpack_require__(4128);
-;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-banner/View.vue?vue&type=script&lang=js
-
-
-
-
-
-/* harmony default export */ var Viewvue_type_script_lang_js = ({
-  name: "cms-banner",
-  components: {
-    BaseComp: baseComp["default"]
-  },
-  props: {
-    data: {
-      type: Object,
-      default: () => {
-        return {};
-      }
-    },
-    nowCompId: {
-      type: [String, Number],
-      default: ""
-    },
-    isOpcacity: {
-      type: Boolean,
-      default: true
-    },
-    lang: {
-      type: String,
-      default: "zh-HK"
-    }
-  },
-  data() {
-    return {
-      configList: [],
-      // 轮播
-      swiperOne: null,
-      swiperIdx: 0,
-      swiperPlayVal: true
-    };
-  },
-  created() {},
-  mounted() {
-    // if (this.configList.length > 0) {
-    //   this.initSwiper("bannerList");
-    // }
-  },
-  watch: {},
-  methods: {
-    getConfigData(configData) {
-      this.configList = configData.configList;
-      this.$nextTick(() => {
-        this.initSwiper();
-      });
-    },
-    initSwiper() {
-      const vm = this;
-      if (this.configList.length > 0) {
-        // 当广告个数大于1的时候才开启循环
-        const ifLoop = this.configList.length > 1 ? true : false;
-        this.swiperOne = new swiper_esm_bundle/* default */.A(`#contentSwiper${this.data.componentId}`, {
-          initialSlide: 0,
-          // 初始化时slide的索引
-          autoplay: {
-            // 自动开始
-            delay: 5000,
-            // 时间间隔
-            disableOnInteraction: false // 手动操作轮播图后不会暂停
-          },
-          loop: ifLoop,
-          // 循环模式选项
-          spaceBetween: 30,
-          // 在slide之间设置距离
-          observer: true,
-          observeParents: true,
-          on: {
-            slideChangeTransitionEnd: function () {
-              // swiper从一个slide过渡到另一个slide结束时执行
-              console.log("realIndex", this.realIndex);
-              if (this.realIndex > vm.configList.length - 1) return;
-              vm.swiperIdx = this.realIndex;
-            },
-            resize: function () {
-              this.update(true);
-            }
-          }
-        });
-      }
-    },
-    // 轮播
-    swiperPlay() {
-      this.swiperPlayVal = !this.swiperPlayVal;
-      this.swiperPlayVal ? this.swiperClickStart() : this.swiperClickStop();
-    },
-    swiperClickStop() {
-      this.swiperOne.autoplay.stop();
-    },
-    swiperClickStart() {
-      this.swiperOne.autoplay.start();
-    },
-    jumpToSlide(idx) {
-      // banner 轮播PC
-      console.log("PC点击了", idx);
-      // 在Loop模式下Swiper切换到指定slide。切换到的是slide索引是realIndex
-      this.swiperOne.slideToLoop(idx, 1000, false);
-      this.swiperIdx = idx;
-    },
-    //跳转
-    decodeJumpUrl(path, route) {
-      (0,jumpUrl/* decodeJumpUrl */.u)(path, route);
-    }
-  }
-});
-;// ./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); 
-;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-42.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-banner/View.vue?vue&type=style&index=0&id=355e1f51&prod&scoped=true&lang=scss
-// extracted by mini-css-extract-plugin
-
-;// ./package/cms-banner/View.vue?vue&type=style&index=0&id=355e1f51&prod&scoped=true&lang=scss
-
-// EXTERNAL MODULE: ./node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js
-var componentNormalizer = __webpack_require__(1656);
-;// ./package/cms-banner/View.vue
-
-
-
-;
-
-
-/* normalize component */
-
-var component = (0,componentNormalizer/* default */.A)(
-  cms_banner_Viewvue_type_script_lang_js,
-  render,
-  staticRenderFns,
-  false,
-  null,
-  "355e1f51",
-  null
-  
-)
-
-/* harmony default export */ var View = (component.exports);
-
 /***/ }),
 
 /***/ 2652:
@@ -27734,232 +27658,6 @@ var component = (0,componentNormalizer/* default */.A)(
 
 /***/ }),
 
-/***/ 3257:
-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-// ESM COMPAT FLAG
-__webpack_require__.r(__webpack_exports__);
-
-// EXPORTS
-__webpack_require__.d(__webpack_exports__, {
-  "default": function() { return /* binding */ View; }
-});
-
-;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-threeScroll/View.vue?vue&type=template&id=b5477492&scoped=true
-var render = function render() {
-  var _vm = this,
-    _c = _vm._self._c;
-  return _c('BaseComp', _vm._b({
-    attrs: {
-      "data": _vm.data,
-      "nowCompId": _vm.nowCompId,
-      "isOpcacity": _vm.isOpcacity,
-      "lang": _vm.lang
-    },
-    on: {
-      "getConfigData": _vm.getConfigData
-    }
-  }, 'BaseComp', _vm.$attrs, false), [_c('section', {
-    ref: "news",
-    staticClass: "cmhk-home_main"
-  }, [_vm.configList.length ? _c('div', {
-    staticClass: "section-body"
-  }, [_c('div', {
-    staticClass: "cmhk-section_corp_news-ser"
-  }, [_c('div', {
-    staticClass: "news-box_container"
-  }, [_c('div', {
-    staticClass: "news-box_swiper",
-    attrs: {
-      "id": `news-swiper${_vm.data.componentId}`
-    }
-  }, [_c('div', {
-    staticClass: "swiper-wrapper"
-  }, _vm._l(_vm.configList, function (item, inx) {
-    return _c('div', {
-      key: `${inx}${item === null || item === void 0 ? void 0 : item.id}`,
-      staticClass: "swiper-slide"
-    }, [_c('div', {
-      staticClass: "new-read_card read-card_bg-wt",
-      on: {
-        "click": function ($event) {
-          return _vm.decodeJumpUrl(item.jumpUrl);
-        }
-      }
-    }, [_c('div', {
-      staticClass: "image-desbox_wapper"
-    }, [_c('img', {
-      staticClass: "layout-pc",
-      attrs: {
-        "src": item.uploadImagePC,
-        "alt": item.imagePcATL
-      }
-    }), _c('img', {
-      staticClass: "layout-mobile",
-      attrs: {
-        "src": item.uploadImageH5,
-        "alt": item.imageH5ATL
-      }
-    })]), _c('div', {
-      staticClass: "new-read_card-content"
-    }, [_c('p', {
-      staticClass: "title"
-    }, [_vm._v(_vm._s(item === null || item === void 0 ? void 0 : item.input1))]), _c('p', {
-      staticClass: "time"
-    }, [_vm._v(_vm._s(item.input2))]), _c('p', {
-      staticClass: "des"
-    }, [_vm._v(_vm._s(item.input3))]), item.input4 ? _c('p', {
-      staticClass: "continue-read"
-    }, [_vm._v(" " + _vm._s(item.input4) + " "), _c('i', {
-      staticClass: "el-icon-arrow-right"
-    })]) : _vm._e()])])]);
-  }), 0)]), _vm.configList.length > 3 ? [_c('div', {
-    staticClass: "pag-prev left layout-pc",
-    class: [_vm.swiperNewsIdx > 2 ? 'is-active' : ''],
-    on: {
-      "click": _vm.newsPrev
-    }
-  }, [_c('i', {
-    staticClass: "el-icon-arrow-left"
-  })]), _c('div', {
-    staticClass: "pag-next right layout-pc",
-    class: [_vm.swiperNewsIdx < _vm.configList.length - 1 ? 'is-active' : ''],
-    on: {
-      "click": _vm.newsNext
-    }
-  }, [_c('i', {
-    staticClass: "el-icon-arrow-right"
-  })])] : _vm._e()], 2)])]) : _vm._e()])]);
-};
-var staticRenderFns = [];
-
-// EXTERNAL MODULE: ./src/utils/index.js
-var utils = __webpack_require__(1996);
-// EXTERNAL MODULE: ./node_modules/swiper/dist/js/swiper.js
-var swiper = __webpack_require__(2791);
-// EXTERNAL MODULE: ./node_modules/swiper/dist/js/swiper.esm.bundle.js + 3 modules
-var swiper_esm_bundle = __webpack_require__(4418);
-// EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
-var baseComp = __webpack_require__(4128);
-;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-threeScroll/View.vue?vue&type=script&lang=js
-
-
-
-
-
-/* harmony default export */ var Viewvue_type_script_lang_js = ({
-  name: "cms-threeScroll",
-  components: {
-    BaseComp: baseComp["default"]
-  },
-  props: {
-    data: {
-      type: Object,
-      default: () => {
-        return {};
-      }
-    },
-    nowCompId: {
-      type: [String, Number],
-      default: ""
-    },
-    isOpcacity: {
-      type: Boolean,
-      default: true
-    },
-    lang: {
-      type: String,
-      default: "zh-HK"
-    }
-  },
-  data() {
-    return {
-      configList: [],
-      swiperNewsIdx: 0,
-      newsSwiper: null
-    };
-  },
-  mounted() {
-    const vm = this;
-    this.newsSwiper = new swiper_esm_bundle/* default */.A(`#news-swiper${this.data.componentId}`, {
-      autoplay: false,
-      loop: false,
-      // 循环模式选项
-      slidesPerView: (0,utils/* getDevice */.Pf)() !== "mobile" ? 3 : "auto",
-      // spaceBetween: getDevice() !== 'mobile' ? 32 : 16, // 在slide之间设置距离
-      observer: true,
-      observeParents: true,
-      touchMoveStopPropagation: true,
-      on: {
-        slideChangeTransitionEnd: function () {
-          if ((0,utils/* getDevice */.Pf)() !== "mobile") {
-            vm.swiperNewsIdx = this.realIndex + 2;
-          } else {
-            vm.swiperNewsIdx = this.realIndex;
-          }
-          console.log("新闻-当前页最后一个元素下标", vm.swiperNewsIdx);
-        },
-        resize: function () {
-          this.update(true);
-        }
-      }
-    });
-  },
-  watch: {},
-  methods: {
-    getConfigData(configData) {
-      this.configList = configData.configList;
-    },
-    newsPrev() {
-      if (this.swiperNewsIdx > 2) {
-        this.newsSwiper.slidePrev();
-      }
-    },
-    newsNext() {
-      if (this.swiperNewsIdx < this.configList.length - 1) {
-        this.newsSwiper.slideNext();
-      }
-    },
-    decodeJumpUrl(url) {
-      if (!url) return;
-      top.location.href = url;
-    }
-  }
-});
-;// ./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); 
-;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-42.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-threeScroll/View.vue?vue&type=style&index=0&id=b5477492&prod&lang=scss&scoped=true
-// extracted by mini-css-extract-plugin
-
-;// ./package/cms-threeScroll/View.vue?vue&type=style&index=0&id=b5477492&prod&lang=scss&scoped=true
-
-// EXTERNAL MODULE: ./node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js
-var componentNormalizer = __webpack_require__(1656);
-;// ./package/cms-threeScroll/View.vue
-
-
-
-;
-
-
-/* normalize component */
-
-var component = (0,componentNormalizer/* default */.A)(
-  cms_threeScroll_Viewvue_type_script_lang_js,
-  render,
-  staticRenderFns,
-  false,
-  null,
-  "b5477492",
-  null
-  
-)
-
-/* harmony default export */ var View = (component.exports);
-
-/***/ }),
-
 /***/ 3368:
 /***/ (function(module, __unused_webpack_exports, __webpack_require__) {
 
@@ -39147,7 +38845,7 @@ module.exports = function (object, key, value) {
 __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _baseConfig__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(649);
 
-const View = () => Promise.resolve(/* import() */).then(__webpack_require__.bind(__webpack_require__, 3257));
+const View = () => Promise.resolve(/* import() */).then(__webpack_require__.bind(__webpack_require__, 517));
 const langData = {
   configList: [{
     id: Math.random().toString(),
@@ -40996,7 +40694,7 @@ var map = {
 	"./cms-aLineThreeLeftTwo/View.vue": 5422,
 	"./cms-activityCountdown/View.vue": 8437,
 	"./cms-activityTime/View.vue": 8322,
-	"./cms-banner/View.vue": 2646,
+	"./cms-banner/View.vue": 6815,
 	"./cms-button/View.vue": 2404,
 	"./cms-cells/View.vue": 5700,
 	"./cms-column-card/View.vue": 2328,
@@ -41020,7 +40718,7 @@ var map = {
 	"./cms-servePlan-text/View.vue": 9487,
 	"./cms-termsAndConditions/View.vue": 8073,
 	"./cms-text/View.vue": 1452,
-	"./cms-threeScroll/View.vue": 3257,
+	"./cms-threeScroll/View.vue": 517,
 	"./cms-titleCenter/View.vue": 1429,
 	"./cms-titleLeft/View.vue": 428,
 	"./cms-via-storedValueCard/View.vue": 343,
@@ -41527,7 +41225,7 @@ const configDataType = (0,_baseConfig__WEBPACK_IMPORTED_MODULE_0__.getLangDataTy
   borderColor: {
     label: "边框颜色",
     widgetType: "el-color-picker",
-    predefine: ['#2F85FF', '#f48427', '#52C41A', '#D6197F']
+    predefine: ["#2F85FF", "#f48427", "#52C41A", "#D6197F"]
   },
   borderRadius: {
     label: "圆角(px)",
@@ -41541,7 +41239,7 @@ const configDataType = (0,_baseConfig__WEBPACK_IMPORTED_MODULE_0__.getLangDataTy
   backgroundColor: {
     label: "背景颜色",
     widgetType: "el-color-picker",
-    predefine: ['#2F85FF', '#f48427', '#52C41A', '#D6197F']
+    predefine: ["#2F85FF", "#f48427", "#52C41A", "#D6197F"]
   },
   backgroundImage: {
     label: "背景图片",
@@ -41566,7 +41264,8 @@ const validateSchema = (0,_baseConfig__WEBPACK_IMPORTED_MODULE_0__.getValidateSc
   settings: cmsCompName => {
     return (0,_baseConfig__WEBPACK_IMPORTED_MODULE_0__.getInitCompData)({
       cmsCompName,
-      langData
+      langData,
+      isLangAll: true
     });
   }
 });
@@ -43697,6 +43396,310 @@ exports.f = DESCRIPTORS && !V8_PROTOTYPE_DEFINE_BUG ? Object.defineProperties :
 };
 
 
+/***/ }),
+
+/***/ 6815:
+/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+// ESM COMPAT FLAG
+__webpack_require__.r(__webpack_exports__);
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "default": function() { return /* binding */ View; }
+});
+
+;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-banner/View.vue?vue&type=template&id=379acd83&scoped=true
+var render = function render() {
+  var _vm$configList$_vm$sw;
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c('BaseComp', _vm._b({
+    attrs: {
+      "data": _vm.data,
+      "nowCompId": _vm.nowCompId,
+      "isOpcacity": _vm.isOpcacity,
+      "lang": _vm.lang
+    },
+    on: {
+      "getConfigData": _vm.getConfigData
+    }
+  }, 'BaseComp', _vm.$attrs, false), [_c('div', {
+    staticClass: "content-swiper tt_banner"
+  }, [_vm.configList.length > 0 ? _c('div', {
+    staticClass: "relative position"
+  }, [_c('div', {
+    staticClass: "my_banner"
+  }, [_c('div', {
+    staticClass: "swiper-container_contentswiper",
+    attrs: {
+      "id": `contentSwiper${_vm.data.componentId}`
+    }
+  }, [_c('div', {
+    staticClass: "swiper-wrapper"
+  }, _vm._l(_vm.configList, function (item, inx) {
+    return _c('div', {
+      key: inx,
+      staticClass: "swiper-slide"
+    }, [item ? _c('div', {
+      staticClass: "swiper-banner_box",
+      on: {
+        "click": function ($event) {
+          return _vm.decodeJumpUrl(item.jumpUrl, _vm.$router);
+        }
+      }
+    }, [_c('img', {
+      staticClass: "swiper-banner_image layout-pc",
+      attrs: {
+        "src": item.uploadImagePC,
+        "alt": "PC"
+      }
+    }), _c('img', {
+      staticClass: "swiper-banner_image layout-mobile",
+      attrs: {
+        "src": item.uploadImageH5,
+        "alt": "H5"
+      }
+    }), _c('div', {
+      staticClass: "extra-swiper_box layout-pc"
+    }, [item.title ? _c('div', {
+      staticClass: "swiper-contentbtn"
+    }, [_c('span', [_vm._v(_vm._s(item.title))])]) : _vm._e(), item.des ? _c('div', {
+      staticClass: "swiper-labels"
+    }, [_c('span', [_vm._v(_vm._s(item.des))])]) : _vm._e(), _c('div', {
+      staticClass: "swiper-btn_container"
+    }, [item.input1 != '' ? _c('a', {
+      attrs: {
+        "href": item.jumpUrl1,
+        "target": "_self"
+      }
+    }, [_c('button', {
+      staticClass: "swiper-opbtn have-arrow"
+    }, [_c('span', [_vm._v(_vm._s(item.input1))])])]) : _vm._e(), item.input2 != '' ? _c('a', {
+      attrs: {
+        "href": item.jumpUrl2,
+        "target": "_self"
+      }
+    }, [_c('button', {
+      staticClass: "swiper-opbtn_wt"
+    }, [_c('span', [_vm._v(_vm._s(item.input2))])])]) : _vm._e()])])]) : _vm._e()]);
+  }), 0)])]), _vm.configList[_vm.swiperIdx].title || _vm.configList[_vm.swiperIdx].des || _vm.configList[_vm.swiperIdx].input1 || _vm.configList[_vm.swiperIdx].input2 || (_vm$configList$_vm$sw = _vm.configList[_vm.swiperIdx]) !== null && _vm$configList$_vm$sw !== void 0 && _vm$configList$_vm$sw.input3 ? _c('div', {
+    staticClass: "mb-swiper_box layout-mobile"
+  }, [_vm.configList[_vm.swiperIdx].title ? _c('div', {
+    staticClass: "swiper-contentbtn"
+  }, [_c('span', [_vm._v(_vm._s(_vm.configList[_vm.swiperIdx].title))])]) : _vm._e(), _vm.configList[_vm.swiperIdx].des ? _c('div', {
+    staticClass: "swiper-label"
+  }, [_c('span', [_vm._v(_vm._s(_vm.configList[_vm.swiperIdx].des))])]) : _vm._e(), _c('div', {
+    staticClass: "swiper-btn_container"
+  }, [_vm.configList[_vm.swiperIdx].input1 ? _c('a', {
+    attrs: {
+      "href": _vm.configList[_vm.swiperIdx].jumpUrl1,
+      "target": "_self"
+    }
+  }, [_c('button', {
+    staticClass: "swiper-opbtn have-arrow"
+  }, [_c('span', [_vm._v(_vm._s(_vm.configList[_vm.swiperIdx].input1))])])]) : _vm._e(), _vm.configList[_vm.swiperIdx].input2 ? _c('a', {
+    attrs: {
+      "href": _vm.configList[_vm.swiperIdx].jumpUrl2,
+      "target": "_self"
+    }
+  }, [_c('button', {
+    staticClass: "swiper-opbtn_wt have-arrow"
+  }, [_c('span', [_vm._v(_vm._s(_vm.configList[_vm.swiperIdx].input2))])])]) : _vm._e()])]) : _vm._e(), _vm.configList.length > 1 ? _c('div', {
+    staticClass: "cmhk-swiper-button-number"
+  }, [_vm._l(_vm.configList, function (item, idx) {
+    return _c('div', {
+      key: idx,
+      staticClass: "line-customs_wrapper",
+      on: {
+        "click": function ($event) {
+          $event.stopPropagation();
+          return _vm.jumpToSlide(idx);
+        }
+      }
+    }, [_c('div', {
+      class: ['cmhk-line-customs', idx === _vm.swiperIdx ? 'cmhk-line-customs-active' : '']
+    }, [item && item.input1 ? _c('div', {
+      staticClass: "swiper-popupup layout-pc"
+    }, [_c('p', {
+      staticClass: "swiper-popuptext"
+    }, [_vm._v(_vm._s(item.input1))])]) : _vm._e()])]);
+  }), _c('div', {
+    staticClass: "swiper-button-puase",
+    on: {
+      "click": function ($event) {
+        $event.stopPropagation();
+        return _vm.swiperPlay.apply(null, arguments);
+      }
+    }
+  }, [!_vm.swiperPlayVal ? _c('img', {
+    staticClass: "playstart-image",
+    attrs: {
+      "src": __webpack_require__(2254)
+    }
+  }) : _vm._e(), _vm.swiperPlayVal ? _c('img', {
+    staticClass: "playstop-image",
+    attrs: {
+      "src": __webpack_require__(2584)
+    }
+  }) : _vm._e()])], 2) : _vm._e()]) : _vm._e()])]);
+};
+var staticRenderFns = [];
+
+;// ./package/cms-banner/View.vue?vue&type=template&id=379acd83&scoped=true
+
+// EXTERNAL MODULE: ./node_modules/swiper/dist/js/swiper.js
+var swiper = __webpack_require__(2791);
+// EXTERNAL MODULE: ./node_modules/swiper/dist/js/swiper.esm.bundle.js + 3 modules
+var swiper_esm_bundle = __webpack_require__(4418);
+// EXTERNAL MODULE: ./src/utils/jumpUrl.js
+var jumpUrl = __webpack_require__(813);
+// EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
+var baseComp = __webpack_require__(4128);
+;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-banner/View.vue?vue&type=script&lang=js
+
+
+
+
+
+/* harmony default export */ var Viewvue_type_script_lang_js = ({
+  name: "cms-banner",
+  components: {
+    BaseComp: baseComp["default"]
+  },
+  props: {
+    data: {
+      type: Object,
+      default: () => {
+        return {};
+      }
+    },
+    nowCompId: {
+      type: [String, Number],
+      default: ""
+    },
+    isOpcacity: {
+      type: Boolean,
+      default: true
+    },
+    lang: {
+      type: String,
+      default: "zh-HK"
+    }
+  },
+  data() {
+    return {
+      configList: [],
+      // 轮播
+      swiperOne: null,
+      swiperIdx: 0,
+      swiperPlayVal: true
+    };
+  },
+  created() {},
+  mounted() {
+    // if (this.configList.length > 0) {
+    //   this.initSwiper("bannerList");
+    // }
+  },
+  watch: {},
+  methods: {
+    getConfigData(configData) {
+      this.configList = configData.configList;
+      this.$nextTick(() => {
+        this.initSwiper();
+      });
+    },
+    initSwiper() {
+      const vm = this;
+      if (this.configList.length > 0) {
+        // 当广告个数大于1的时候才开启循环
+        const ifLoop = this.configList.length > 1 ? true : false;
+        this.swiperOne = new swiper_esm_bundle/* default */.A(`#contentSwiper${this.data.componentId}`, {
+          initialSlide: 0,
+          // 初始化时slide的索引
+          autoplay: {
+            // 自动开始
+            delay: 5000,
+            // 时间间隔
+            disableOnInteraction: false // 手动操作轮播图后不会暂停
+          },
+          loop: ifLoop,
+          // 循环模式选项
+          spaceBetween: 30,
+          // 在slide之间设置距离
+          observer: true,
+          observeParents: true,
+          on: {
+            slideChangeTransitionEnd: function () {
+              // swiper从一个slide过渡到另一个slide结束时执行
+              console.log("realIndex", this.realIndex);
+              if (this.realIndex > vm.configList.length - 1) return;
+              vm.swiperIdx = this.realIndex;
+            },
+            resize: function () {
+              this.update(true);
+            }
+          }
+        });
+      }
+    },
+    // 轮播
+    swiperPlay() {
+      this.swiperPlayVal = !this.swiperPlayVal;
+      this.swiperPlayVal ? this.swiperClickStart() : this.swiperClickStop();
+    },
+    swiperClickStop() {
+      this.swiperOne.autoplay.stop();
+    },
+    swiperClickStart() {
+      this.swiperOne.autoplay.start();
+    },
+    jumpToSlide(idx) {
+      // banner 轮播PC
+      console.log("PC点击了", idx);
+      // 在Loop模式下Swiper切换到指定slide。切换到的是slide索引是realIndex
+      this.swiperOne.slideToLoop(idx, 1000, false);
+      this.swiperIdx = idx;
+    },
+    //跳转
+    decodeJumpUrl(path, route) {
+      (0,jumpUrl/* decodeJumpUrl */.u)(path, route);
+    }
+  }
+});
+;// ./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); 
+;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-42.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-banner/View.vue?vue&type=style&index=0&id=379acd83&prod&scoped=true&lang=scss
+// extracted by mini-css-extract-plugin
+
+;// ./package/cms-banner/View.vue?vue&type=style&index=0&id=379acd83&prod&scoped=true&lang=scss
+
+// EXTERNAL MODULE: ./node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js
+var componentNormalizer = __webpack_require__(1656);
+;// ./package/cms-banner/View.vue
+
+
+
+;
+
+
+/* normalize component */
+
+var component = (0,componentNormalizer/* default */.A)(
+  cms_banner_Viewvue_type_script_lang_js,
+  render,
+  staticRenderFns,
+  false,
+  null,
+  "379acd83",
+  null
+  
+)
+
+/* harmony default export */ var View = (component.exports);
+
 /***/ }),
 
 /***/ 6823: