@sdcsd/draggable-components 1.0.28 → 1.0.29

package/dist/draggable-components.umd.js

@@ -8279,25 +8279,29 @@ return /******/ (function(modules) { // webpackBootstrap
 
 /***/ }),
 
-/***/ "45b3":
+/***/ "42e9":
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_changeLanguageDialog_vue_vue_type_style_index_0_id_6511af1d_prod_scoped_true_lang_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("c0d1");
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_changeLanguageDialog_vue_vue_type_style_index_0_id_6511af1d_prod_scoped_true_lang_scss__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_changeLanguageDialog_vue_vue_type_style_index_0_id_6511af1d_prod_scoped_true_lang_scss__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_productList_vue_vue_type_style_index_0_id_c74bdb0e_prod_scoped_true_lang_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("a9ec");
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_productList_vue_vue_type_style_index_0_id_c74bdb0e_prod_scoped_true_lang_scss__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_productList_vue_vue_type_style_index_0_id_c74bdb0e_prod_scoped_true_lang_scss__WEBPACK_IMPORTED_MODULE_0__);
 /* unused harmony reexport * */
 
 
 /***/ }),
 
-/***/ "4e32":
-/***/ (function(module, exports, __webpack_require__) {
+/***/ "45b3":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_changeLanguageDialog_vue_vue_type_style_index_0_id_6511af1d_prod_scoped_true_lang_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("c0d1");
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_changeLanguageDialog_vue_vue_type_style_index_0_id_6511af1d_prod_scoped_true_lang_scss__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_changeLanguageDialog_vue_vue_type_style_index_0_id_6511af1d_prod_scoped_true_lang_scss__WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
 
-// extracted by mini-css-extract-plugin
 
 /***/ }),
 
-/***/ "585b":
+/***/ "4e32":
 /***/ (function(module, exports, __webpack_require__) {
 
 // extracted by mini-css-extract-plugin
@@ -8345,17 +8349,6 @@ return /******/ (function(modules) { // webpackBootstrap
 
 // extracted by mini-css-extract-plugin
 
-/***/ }),
-
-/***/ "85e3":
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_carousel_vue_vue_type_style_index_0_id_4278d3e4_prod_scoped_true_lang_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("fcc5");
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_carousel_vue_vue_type_style_index_0_id_4278d3e4_prod_scoped_true_lang_scss__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_carousel_vue_vue_type_style_index_0_id_4278d3e4_prod_scoped_true_lang_scss__WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
 /***/ }),
 
 /***/ "8875":
@@ -8459,6 +8452,13 @@ module.exports = __WEBPACK_EXTERNAL_MODULE__8bbf__;
 /* unused harmony reexport * */
 
 
+/***/ }),
+
+/***/ "9edc":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
 /***/ }),
 
 /***/ "a67b":
@@ -8468,6 +8468,13 @@ module.exports = __WEBPACK_EXTERNAL_MODULE__8bbf__;
 
 /***/ }),
 
+/***/ "a9ec":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
+/***/ }),
+
 /***/ "aa91":
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -8520,17 +8527,6 @@ module.exports = __WEBPACK_EXTERNAL_MODULE__8bbf__;
 /* unused harmony reexport * */
 
 
-/***/ }),
-
-/***/ "e571":
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_productList_vue_vue_type_style_index_0_id_7b66482c_prod_scoped_true_lang_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("585b");
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_productList_vue_vue_type_style_index_0_id_7b66482c_prod_scoped_true_lang_scss__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_productList_vue_vue_type_style_index_0_id_7b66482c_prod_scoped_true_lang_scss__WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
 /***/ }),
 
 /***/ "ea00":
@@ -8549,6 +8545,17 @@ module.exports = __WEBPACK_EXTERNAL_MODULE__8bbf__;
 /* unused harmony reexport * */
 
 
+/***/ }),
+
+/***/ "f276":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_carousel_vue_vue_type_style_index_0_id_0e0de953_prod_scoped_true_lang_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("9edc");
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_carousel_vue_vue_type_style_index_0_id_0e0de953_prod_scoped_true_lang_scss__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_carousel_vue_vue_type_style_index_0_id_0e0de953_prod_scoped_true_lang_scss__WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "f2d4":
@@ -8592,7 +8599,7 @@ if (typeof window !== 'undefined') {
 // EXTERNAL MODULE: ./node_modules/element-ui/lib/theme-chalk/index.css
 var theme_chalk = __webpack_require__("0fae");
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"de313d54-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./package/carousel/carousel.vue?vue&type=template&id=4278d3e4&scoped=true
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"98034880-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./package/carousel/carousel.vue?vue&type=template&id=0e0de953&scoped=true
 var render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -8603,7 +8610,8 @@ var render = function render() {
   }) : _vm._e(), _vm.styleType === 'style1' ? _c('div', {
     staticClass: "carousel-component-style1"
   }, [_c('swiper', {
-    ref: "swiperRef",
+    key: _vm.swiperRefName,
+    ref: _vm.swiperRefName,
     attrs: {
       "options": _vm.swiperOptions
     }
@@ -8625,30 +8633,34 @@ var render = function render() {
     })]);
   }), _c('div', {
     staticClass: "swiper-pagination",
+    class: _vm.swiperRefName + '-pagination',
     attrs: {
-      "slot": "pagination"
+      "slot": 'pagination'
     },
-    slot: "pagination"
+    slot: 'pagination'
   }), _c('div', {
     staticClass: "swiper-button-next",
+    class: _vm.swiperRefName + '-button-next',
     attrs: {
-      "slot": "button-next"
+      "slot": 'button-next'
     },
-    slot: "button-next"
+    slot: 'button-next'
   }, [_c('i', {
     staticClass: "iconfont icon-left-arrow"
   })]), _c('div', {
     staticClass: "swiper-button-prev",
+    class: _vm.swiperRefName + '-button-prev',
     attrs: {
-      "slot": "button-prev"
+      "slot": 'button-prev'
     },
-    slot: "button-prev"
+    slot: 'button-prev'
   }, [_c('i', {
     staticClass: "iconfont icon-left-arrow"
   })])], 2)], 1) : _vm.styleType === 'style2' ? _c('div', {
     staticClass: "carousel-component-style2"
   }, [_c('swiper', {
-    ref: "swiperRef",
+    key: _vm.swiperRefName,
+    ref: _vm.swiperRefName,
     attrs: {
       "options": _vm.swiperOptions
     }
@@ -8671,7 +8683,8 @@ var render = function render() {
   }), 1)], 1) : _vm.styleType === 'style3' ? _c('div', {
     staticClass: "carousel-component-style3"
   }, [_c('swiper', {
-    ref: "swiperRef",
+    key: _vm.swiperRefName,
+    ref: _vm.swiperRefName,
     attrs: {
       "options": _vm.swiperOptions
     }
@@ -8694,7 +8707,8 @@ var render = function render() {
   }), 1)], 1) : _vm.styleType === 'style4' ? _c('div', {
     staticClass: "carousel-component-style4"
   }, [_c('swiper', {
-    ref: "swiperRef",
+    key: _vm.swiperRefName,
+    ref: _vm.swiperRefName,
     attrs: {
       "options": _vm.swiperOptions
     }
@@ -8718,7 +8732,7 @@ var render = function render() {
 };
 var staticRenderFns = [];
 
-// CONCATENATED MODULE: ./package/carousel/carousel.vue?vue&type=template&id=4278d3e4&scoped=true
+// CONCATENATED MODULE: ./package/carousel/carousel.vue?vue&type=template&id=0e0de953&scoped=true
 
 // EXTERNAL MODULE: /Users/cxm/project/csd/dl_cluster_admin_ui/node_modules/vue-awesome-swiper/dist/vue-awesome-swiper.js
 var vue_awesome_swiper = __webpack_require__("ea00");
@@ -8807,28 +8821,31 @@ const assets = {
   data() {
     return {
       assets: assets,
-      swiperOptions: {
+      swiperInstance: null,
+      swiperRefName: `swiper-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`
+    };
+  },
+  computed: {
+    swiperOptions() {
+      return {
         slidesPerView: 1,
         loop: true,
         autoplay: {
           delay: 6000,
           stopOnLastSlide: false,
-          // 到最后一张图后是否停止自动播放
-          disableOnInteraction: false // 鼠标悬停时不停止自动播放
+          disableOnInteraction: false
         },
         speed: 1000,
-        // 导航按钮
         navigation: {
-          nextEl: '.swiper-button-next',
-          prevEl: '.swiper-button-prev'
+          nextEl: '.' + this.swiperRefName + '-button-next',
+          prevEl: '.' + this.swiperRefName + '-button-prev'
         },
         pagination: {
-          el: '.swiper-pagination',
-          clickable: true // 允许分页点击跳转
+          el: '.' + this.swiperRefName + '-pagination',
+          clickable: true
         }
-      },
-      swiperInstance: null // 保存Swiper实例
-    };
+      };
+    }
   },
   watch: {
     // 监听轮播图数据变化，重新初始化Swiper
@@ -8836,10 +8853,8 @@ const assets = {
       handler(newVal) {
         // 延迟执行，确保DOM已更新
         this.$nextTick(() => {
-          // this.initSwiper()
-          if (this.swiperInstance) {
-            this.swiperInstance.update();
-          }
+          // 重新初始化swiper，确保在数据变化时正确处理
+          this.initSwiper();
         });
       },
       deep: true,
@@ -8861,48 +8876,53 @@ const assets = {
     },
     // 初始化Swiper实例
     initSwiper() {
-      // 确保有轮播图数据
-      if (!this.carouselList || this.carouselList.length === 0) {
-        return;
-      }
+      // 检查是否有有效的轮播图数据（至少有一个非空url的项）
+      const hasValidData = this.carouselList && this.carouselList.some(item => item.url);
 
       // 如果已有实例，先销毁
       if (this.swiperInstance) {
         this.swiperInstance.destroy();
-      }
-
-      // 获取Swiper实例并重新初始化
-      setTimeout(() => {
-        // 使用ref获取当前组件的轮播容器
-        if (this.$refs.swiperRef) {
-          // Vue Awesome Swiper会自动初始化，这里手动处理一些功能
-          this.swiperInstance = this.$refs.swiperRef.swiper;
-
-          // 确保自动播放已启动
-          if (this.swiperInstance && !this.swiperInstance.autoplay.running) {
-            this.swiperInstance.autoplay.start();
-          }
+        this.swiperInstance = null;
+      }
+
+      // 只有当有有效数据时才初始化swiper
+      if (hasValidData) {
+        // 获取Swiper实例并重新初始化
+        setTimeout(() => {
+          // 使用ref获取当前组件的轮播容器
+          if (this.$refs[this.swiperRefName]) {
+            // Vue Awesome Swiper会自动初始化，这里手动处理一些功能
+            // 确保获取的是当前组件的swiper实例
+            if (this.$refs[this.swiperRefName].swiper) {
+              this.swiperInstance = this.$refs[this.swiperRefName].swiper;
+
+              // 确保自动播放已启动
+              if (this.swiperInstance && !this.swiperInstance.autoplay.running) {
+                this.swiperInstance.autoplay.start();
+              }
 
-          // 确保导航按钮已绑定
-          if (this.swiperInstance && !this.swiperInstance.navigation.initiated) {
-            this.swiperInstance.navigation.init();
-            this.swiperInstance.navigation.update();
-          }
+              // 确保导航按钮已绑定
+              if (this.swiperInstance && !this.swiperInstance.navigation.initiated) {
+                this.swiperInstance.navigation.init();
+                this.swiperInstance.navigation.update();
+              }
 
-          // 确保分页器已绑定
-          if (this.swiperInstance && !this.swiperInstance.pagination.initiated) {
-            this.swiperInstance.pagination.init();
-            this.swiperInstance.pagination.update();
+              // 确保分页器已绑定
+              if (this.swiperInstance && !this.swiperInstance.pagination.initiated) {
+                this.swiperInstance.pagination.init();
+                this.swiperInstance.pagination.update();
+              }
+            }
           }
-        }
-      }, 100);
+        }, 100);
+      }
     }
   }
 });
 // CONCATENATED MODULE: ./package/carousel/carousel.vue?vue&type=script&lang=js
  /* harmony default export */ var carousel_carouselvue_type_script_lang_js = (carouselvue_type_script_lang_js); 
-// EXTERNAL MODULE: ./package/carousel/carousel.vue?vue&type=style&index=0&id=4278d3e4&prod&scoped=true&lang=scss
-var carouselvue_type_style_index_0_id_4278d3e4_prod_scoped_true_lang_scss = __webpack_require__("85e3");
+// EXTERNAL MODULE: ./package/carousel/carousel.vue?vue&type=style&index=0&id=0e0de953&prod&scoped=true&lang=scss
+var carouselvue_type_style_index_0_id_0e0de953_prod_scoped_true_lang_scss = __webpack_require__("f276");
 
 // CONCATENATED MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
 /* globals __VUE_SSR_CONTEXT__ */
@@ -9017,7 +9037,7 @@ var component = normalizeComponent(
   staticRenderFns,
   false,
   null,
-  "4278d3e4",
+  "0e0de953",
   null
   
 )
@@ -9027,7 +9047,7 @@ var component = normalizeComponent(
 
 carousel.install = Vue => Vue.component(carousel.name, carousel);
 /* harmony default export */ var package_carousel = (carousel);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"de313d54-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./package/companyIntroduction/companyIntroduction.vue?vue&type=template&id=06065236&scoped=true
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"98034880-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./package/companyIntroduction/companyIntroduction.vue?vue&type=template&id=06065236&scoped=true
 var companyIntroductionvue_type_template_id_06065236_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -9620,7 +9640,7 @@ var companyIntroduction_component = normalizeComponent(
 
 companyIntroduction.install = Vue => Vue.component(companyIntroduction.name, companyIntroduction);
 /* harmony default export */ var package_companyIntroduction = (companyIntroduction);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"de313d54-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./package/floatNav/floatNav.vue?vue&type=template&id=a7e30f3c&scoped=true
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"98034880-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./package/floatNav/floatNav.vue?vue&type=template&id=a7e30f3c&scoped=true
 var floatNavvue_type_template_id_a7e30f3c_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -10025,7 +10045,7 @@ var floatNav_component = normalizeComponent(
 
 floatNav.install = Vue => Vue.component(floatNav.name, floatNav);
 /* harmony default export */ var package_floatNav = (floatNav);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"de313d54-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./package/footerNav/footerNav.vue?vue&type=template&id=4ea2fef3&scoped=true
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"98034880-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./package/footerNav/footerNav.vue?vue&type=template&id=4ea2fef3&scoped=true
 var footerNavvue_type_template_id_4ea2fef3_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -10469,7 +10489,7 @@ var footerNav_component = normalizeComponent(
 
 footerNav.install = Vue => Vue.component(footerNav.name, footerNav);
 /* harmony default export */ var package_footerNav = (footerNav);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"de313d54-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./package/headerNav/headerNav.vue?vue&type=template&id=595ab146&scoped=true
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"98034880-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./package/headerNav/headerNav.vue?vue&type=template&id=595ab146&scoped=true
 var headerNavvue_type_template_id_595ab146_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -11065,7 +11085,7 @@ const MenuComponent = {
   }
 };
 /* harmony default export */ var menus = (MenuComponent);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"de313d54-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./package/headerNav/changeLanguageDialog.vue?vue&type=template&id=6511af1d&scoped=true
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"98034880-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./package/headerNav/changeLanguageDialog.vue?vue&type=template&id=6511af1d&scoped=true
 var changeLanguageDialogvue_type_template_id_6511af1d_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -11617,7 +11637,7 @@ var headerNav_component = normalizeComponent(
 
 headerNav.install = Vue => Vue.component(headerNav.name, headerNav);
 /* harmony default export */ var package_headerNav = (headerNav);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"de313d54-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./package/hotProduct/hotProduct.vue?vue&type=template&id=2bced5e8&scoped=true
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"98034880-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./package/hotProduct/hotProduct.vue?vue&type=template&id=2bced5e8&scoped=true
 var hotProductvue_type_template_id_2bced5e8_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -12097,7 +12117,7 @@ var hotProduct_component = normalizeComponent(
 
 hotProduct.install = Vue => Vue.component(hotProduct.name, hotProduct);
 /* harmony default export */ var package_hotProduct = (hotProduct);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"de313d54-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./package/newsInformation/newsInformation.vue?vue&type=template&id=1176d393&scoped=true
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"98034880-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./package/newsInformation/newsInformation.vue?vue&type=template&id=1176d393&scoped=true
 var newsInformationvue_type_template_id_1176d393_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -12467,8 +12487,8 @@ var newsInformation_component = normalizeComponent(
 
 newsInformation.install = Vue => Vue.component(newsInformation.name, newsInformation);
 /* harmony default export */ var package_newsInformation = (newsInformation);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"de313d54-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./package/productList/productList.vue?vue&type=template&id=7b66482c&scoped=true
-var productListvue_type_template_id_7b66482c_scoped_true_render = function render() {
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"98034880-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./package/productList/productList.vue?vue&type=template&id=c74bdb0e&scoped=true
+var productListvue_type_template_id_c74bdb0e_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
@@ -12503,7 +12523,7 @@ var productListvue_type_template_id_7b66482c_scoped_true_render = function rende
       staticClass: "productList-component-productName"
     }, [_vm._v(_vm._s(item.title))]), _c('div', {
       staticClass: "productList-component-productPrice"
-    }, [_vm._v("¥" + _vm._s(item.description))]), _c('div', {
+    }, [_vm._v(_vm._s(item.description))]), _c('div', {
       staticClass: "productList-component-productMore",
       on: {
         "click": function ($event) {
@@ -12541,7 +12561,7 @@ var productListvue_type_template_id_7b66482c_scoped_true_render = function rende
       staticClass: "productList-component-productName"
     }, [_vm._v(_vm._s(item.title))]), _c('div', {
       staticClass: "productList-component-productPrice"
-    }, [_vm._v("¥" + _vm._s(item.description))]), _c('div', {
+    }, [_vm._v(_vm._s(item.description))]), _c('div', {
       staticClass: "productList-component-productMore",
       on: {
         "click": function ($event) {
@@ -12611,7 +12631,7 @@ var productListvue_type_template_id_7b66482c_scoped_true_render = function rende
       staticClass: "productList-component-productName"
     }, [_vm._v(_vm._s(item.title))]), _c('div', {
       staticClass: "productList-component-productPrice"
-    }, [_vm._v("¥" + _vm._s(item.description))])]), _c('div', {
+    }, [_vm._v(_vm._s(item.description))])]), _c('div', {
       staticClass: "productList-component-productMore",
       on: {
         "click": function ($event) {
@@ -12622,7 +12642,7 @@ var productListvue_type_template_id_7b66482c_scoped_true_render = function rende
       staticClass: "productList-component-productName"
     }, [_vm._v(_vm._s(item.title))]), _c('div', {
       staticClass: "productList-component-productPrice"
-    }, [_vm._v("¥" + _vm._s(item.description))]), _c('div', {
+    }, [_vm._v(_vm._s(item.description))]), _c('div', {
       staticClass: "productList-component-productIcon"
     }, [_c('i', {
       staticClass: "el-icon-d-arrow-right"
@@ -12680,7 +12700,7 @@ var productListvue_type_template_id_7b66482c_scoped_true_render = function rende
       staticClass: "productList-component-productName"
     }, [_vm._v(_vm._s(item.title))]), _c('div', {
       staticClass: "productList-component-productPrice"
-    }, [_vm._v("¥" + _vm._s(item.description))])]), _c('div', {
+    }, [_vm._v(_vm._s(item.description))])]), _c('div', {
       staticClass: "productList-component-productImg"
     }, [_c('img', {
       attrs: {
@@ -12721,9 +12741,9 @@ var productListvue_type_template_id_7b66482c_scoped_true_render = function rende
     staticClass: "iconfont icon-xiajiantou_huaban productList-component-moreBtn-icon"
   })])]) : _vm._e()]);
 };
-var productListvue_type_template_id_7b66482c_scoped_true_staticRenderFns = [];
+var productListvue_type_template_id_c74bdb0e_scoped_true_staticRenderFns = [];
 
-// CONCATENATED MODULE: ./package/productList/productList.vue?vue&type=template&id=7b66482c&scoped=true
+// CONCATENATED MODULE: ./package/productList/productList.vue?vue&type=template&id=c74bdb0e&scoped=true
 
 // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./package/productList/productList.vue?vue&type=script&lang=js
 
@@ -12848,8 +12868,8 @@ var productListvue_type_template_id_7b66482c_scoped_true_staticRenderFns = [];
 });
 // CONCATENATED MODULE: ./package/productList/productList.vue?vue&type=script&lang=js
  /* harmony default export */ var productList_productListvue_type_script_lang_js = (productListvue_type_script_lang_js); 
-// EXTERNAL MODULE: ./package/productList/productList.vue?vue&type=style&index=0&id=7b66482c&prod&scoped=true&lang=scss
-var productListvue_type_style_index_0_id_7b66482c_prod_scoped_true_lang_scss = __webpack_require__("e571");
+// EXTERNAL MODULE: ./package/productList/productList.vue?vue&type=style&index=0&id=c74bdb0e&prod&scoped=true&lang=scss
+var productListvue_type_style_index_0_id_c74bdb0e_prod_scoped_true_lang_scss = __webpack_require__("42e9");
 
 // CONCATENATED MODULE: ./package/productList/productList.vue
 
@@ -12862,11 +12882,11 @@ var productListvue_type_style_index_0_id_7b66482c_prod_scoped_true_lang_scss = _
 
 var productList_component = normalizeComponent(
   productList_productListvue_type_script_lang_js,
-  productListvue_type_template_id_7b66482c_scoped_true_render,
-  productListvue_type_template_id_7b66482c_scoped_true_staticRenderFns,
+  productListvue_type_template_id_c74bdb0e_scoped_true_render,
+  productListvue_type_template_id_c74bdb0e_scoped_true_staticRenderFns,
   false,
   null,
-  "7b66482c",
+  "c74bdb0e",
   null
   
 )
@@ -12916,13 +12936,6 @@ const install = function (Vue) {
 
 
 
-/***/ }),
-
-/***/ "fcc5":
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-
 /***/ })
 
 /******/ });