hemall.terabimsoft.com.cn/plugins/shop_server/.nuxt/dist/server/components/template-two-case-swiper.js

exports.ids = [27];
exports.modules = {

/***/ 194:
/***/ (function(module, exports, __webpack_require__) {

// style-loader: Adds some css to the DOM by adding a <style> tag

// load the styles
var content = __webpack_require__(245);
if(content.__esModule) content = content.default;
if(typeof content === 'string') content = [[module.i, content, '']];
if(content.locals) module.exports = content.locals;
// add CSS to SSR context
var add = __webpack_require__(4).default
module.exports.__inject__ = function (context) {
  add("19cdf5b0", content, true, context)
};

/***/ }),

/***/ 244:
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _node_modules_vue_style_loader_4_1_3_vue_style_loader_index_js_ref_7_oneOf_1_0_node_modules_css_loader_4_3_0_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_loader_15_9_8_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_3_0_0_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_sass_loader_10_2_1_sass_loader_dist_cjs_js_ref_7_oneOf_1_3_node_modules_sass_resources_loader_2_2_4_sass_resources_loader_lib_loader_js_ref_7_oneOf_1_4_node_modules_nuxt_components_2_2_1_nuxt_components_dist_loader_js_ref_0_0_node_modules_vue_loader_15_9_8_vue_loader_lib_index_js_vue_loader_options_case_swiper_vue_vue_type_style_index_0_id_424ae32a_lang_scss_rel_stylesheet_2Fscss_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(194);
/* harmony import */ var _node_modules_vue_style_loader_4_1_3_vue_style_loader_index_js_ref_7_oneOf_1_0_node_modules_css_loader_4_3_0_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_loader_15_9_8_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_3_0_0_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_sass_loader_10_2_1_sass_loader_dist_cjs_js_ref_7_oneOf_1_3_node_modules_sass_resources_loader_2_2_4_sass_resources_loader_lib_loader_js_ref_7_oneOf_1_4_node_modules_nuxt_components_2_2_1_nuxt_components_dist_loader_js_ref_0_0_node_modules_vue_loader_15_9_8_vue_loader_lib_index_js_vue_loader_options_case_swiper_vue_vue_type_style_index_0_id_424ae32a_lang_scss_rel_stylesheet_2Fscss_scoped_true___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_vue_style_loader_4_1_3_vue_style_loader_index_js_ref_7_oneOf_1_0_node_modules_css_loader_4_3_0_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_loader_15_9_8_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_3_0_0_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_sass_loader_10_2_1_sass_loader_dist_cjs_js_ref_7_oneOf_1_3_node_modules_sass_resources_loader_2_2_4_sass_resources_loader_lib_loader_js_ref_7_oneOf_1_4_node_modules_nuxt_components_2_2_1_nuxt_components_dist_loader_js_ref_0_0_node_modules_vue_loader_15_9_8_vue_loader_lib_index_js_vue_loader_options_case_swiper_vue_vue_type_style_index_0_id_424ae32a_lang_scss_rel_stylesheet_2Fscss_scoped_true___WEBPACK_IMPORTED_MODULE_0__);
/* harmony reexport (unknown) */ for(var __WEBPACK_IMPORT_KEY__ in _node_modules_vue_style_loader_4_1_3_vue_style_loader_index_js_ref_7_oneOf_1_0_node_modules_css_loader_4_3_0_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_loader_15_9_8_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_3_0_0_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_sass_loader_10_2_1_sass_loader_dist_cjs_js_ref_7_oneOf_1_3_node_modules_sass_resources_loader_2_2_4_sass_resources_loader_lib_loader_js_ref_7_oneOf_1_4_node_modules_nuxt_components_2_2_1_nuxt_components_dist_loader_js_ref_0_0_node_modules_vue_loader_15_9_8_vue_loader_lib_index_js_vue_loader_options_case_swiper_vue_vue_type_style_index_0_id_424ae32a_lang_scss_rel_stylesheet_2Fscss_scoped_true___WEBPACK_IMPORTED_MODULE_0__) if(["default"].indexOf(__WEBPACK_IMPORT_KEY__) < 0) (function(key) { __webpack_require__.d(__webpack_exports__, key, function() { return _node_modules_vue_style_loader_4_1_3_vue_style_loader_index_js_ref_7_oneOf_1_0_node_modules_css_loader_4_3_0_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_loader_15_9_8_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_3_0_0_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_sass_loader_10_2_1_sass_loader_dist_cjs_js_ref_7_oneOf_1_3_node_modules_sass_resources_loader_2_2_4_sass_resources_loader_lib_loader_js_ref_7_oneOf_1_4_node_modules_nuxt_components_2_2_1_nuxt_components_dist_loader_js_ref_0_0_node_modules_vue_loader_15_9_8_vue_loader_lib_index_js_vue_loader_options_case_swiper_vue_vue_type_style_index_0_id_424ae32a_lang_scss_rel_stylesheet_2Fscss_scoped_true___WEBPACK_IMPORTED_MODULE_0__[key]; }) }(__WEBPACK_IMPORT_KEY__));


/***/ }),

/***/ 245:
/***/ (function(module, exports, __webpack_require__) {

// Imports
var ___CSS_LOADER_API_IMPORT___ = __webpack_require__(3);
var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(false);
// Module
___CSS_LOADER_EXPORT___.push([module.i, ".col_red[data-v-424ae32a]{color:#f11111}.col_green[data-v-424ae32a]{color:#44be95}.col_white[data-v-424ae32a]{color:#fff}.flex-col[data-v-424ae32a]{flex-direction:column}.flex-j-c[data-v-424ae32a]{justify-content:center}.flex-j-sb[data-v-424ae32a]{justify-content:space-between}.flex-j-ar[data-v-424ae32a]{justify-content:space-around}.flex-a-c[data-v-424ae32a]{align-items:center}.flex-a-e[data-v-424ae32a]{align-items:flex-end}.w[data-v-424ae32a]{width:1200px}.m-auto[data-v-424ae32a]{margin:0 auto}.height-one[data-v-424ae32a]{height:100%}.flex[data-v-424ae32a]{display:flex}.text-overflow[data-v-424ae32a]{-webkit-line-clamp:4}.text-overflow[data-v-424ae32a],.text-overflow-2[data-v-424ae32a]{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical}.text-overflow-2[data-v-424ae32a]{-webkit-line-clamp:2}.text-overflow-3[data-v-424ae32a]{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.overflow-hide[data-v-424ae32a],.text-overflow-3[data-v-424ae32a]{overflow:hidden;text-overflow:ellipsis}.overflow-hide[data-v-424ae32a]{white-space:nowrap}.hiddenScroll[data-v-424ae32a]{scrollbar-width:none;-ms-overflow-style:none;overflow-x:hidden;overflow-y:scroll}.hiddenScroll[data-v-424ae32a]::-webkit-scrollbar{display:none}.finger-point[data-v-424ae32a]{cursor:pointer}.cursor-default[data-v-424ae32a]{cursor:default}.el-icon-circle-close[data-v-424ae32a]{color:#fff}#case-swiper[data-v-424ae32a]{width:100%;border-radius:5px}#case-swiper .case-swiper-imgbox[data-v-424ae32a]{width:100%;z-index:1}#case-swiper .case-swiper-imgbox img[data-v-424ae32a]{width:100%;height:100%}#case-swiper .case-swiper-imgbox img[data-v-424ae32a]:hover{cursor:pointer}#case-swiper .case-swiper-index[data-v-424ae32a]{height:100px;display:flex}#case-swiper .case-swiper-index .item[data-v-424ae32a]{flex:1;background:#fff;border:1px solid #c9c9c9;border-left:none;display:flex;justify-content:center;padding:0 8px;box-sizing:border-box;align-items:center;overflow:hidden}#case-swiper .case-swiper-index .item .icon[data-v-424ae32a]{width:25px;height:25px;margin-right:6px}#case-swiper .case-swiper-index .item .text[data-v-424ae32a]{font-size:20px;color:#404040;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#case-swiper .case-swiper-index .item[data-v-424ae32a]:first-child{border-left:1px solid #c9c9c9}#case-swiper .case-swiper-index .item[data-v-424ae32a]:hover{cursor:pointer}#case-swiper .case-swiper-index .active-item[data-v-424ae32a],#case-swiper .case-swiper-index .item[data-v-424ae32a]:hover{width:220px;background:#fff;z-index:9999;box-shadow:0 4px 14px 2px rgba(4,0,0,.15);border-radius:5px;transform:translateY(-10px);transition-delay:0s!important;border:1px solid #c9c9c9}#case-swiper .case-swiper-index .active-item[data-v-424ae32a]{z-index:3}#case-swiper .case-swiper-index .active-item-last[data-v-424ae32a]{border-right:none}", ""]);
// Exports
module.exports = ___CSS_LOADER_EXPORT___;


/***/ }),

/***/ 268:
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
// ESM COMPAT FLAG
__webpack_require__.r(__webpack_exports__);

// CONCATENATED MODULE: ./node_modules/_vue-loader@15.9.8@vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/_@nuxt_components@2.2.1@@nuxt/components/dist/loader.js??ref--0-0!./node_modules/_vue-loader@15.9.8@vue-loader/lib??vue-loader-options!./components/templateTwo/case-swiper.vue?vue&type=template&id=424ae32a&scoped=true&
var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{"id":"case-swiper"}},[(_vm.list.length > 0)?_vm._ssrNode("<div class=\"case-swiper-imgbox\" data-v-424ae32a>","</div>",[_c('el-carousel',{ref:"carousel",attrs:{"trigger":"click","arrow":"never","autoplay":true},on:{"change":_vm.change}},_vm._l((_vm.list),function(item,index){return _c('el-carousel-item',{key:index},[_c('img',{class:[item.pc_temp_img_src? 'hoverClass':''],attrs:{"src":item.pc_temp_img_src},on:{"click":function($event){return _vm.toLink(item.id)}}})])}),1)],1):_vm._e(),_vm._ssrNode(" <div class=\"case-swiper-index\" data-v-424ae32a>"+(_vm._ssrList((_vm.list),function(item,i){return ("<div"+(_vm._ssrClass("item",{'active-item': _vm.activeIndex == i,'active-item-last': _vm.activeIndex == i+1}))+" data-v-424ae32a>"+((item.img_src)?("<img"+(_vm._ssrAttr("src",item.img_src))+" alt class=\"icon\" data-v-424ae32a>"):"<!---->")+" <div class=\"text\" data-v-424ae32a>"+_vm._ssrEscape(_vm._s(item.case_name))+"</div></div>")}))+"</div>")],2)}
var staticRenderFns = []


// CONCATENATED MODULE: ./components/templateTwo/case-swiper.vue?vue&type=template&id=424ae32a&scoped=true&

// CONCATENATED MODULE: ./node_modules/_babel-loader@8.2.3@babel-loader/lib??ref--2-0!./node_modules/_@nuxt_components@2.2.1@@nuxt/components/dist/loader.js??ref--0-0!./node_modules/_vue-loader@15.9.8@vue-loader/lib??vue-loader-options!./components/templateTwo/case-swiper.vue?vue&type=script&lang=js&
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
/* harmony default export */ var case_swipervue_type_script_lang_js_ = ({
  props: {
    datas: {
      type: Object,
      default: () => ({})
    }
  },

  data() {
    return {
      activeIndex: 0,
      list: [],
      surplus: 0
    };
  },

  activated() {},

  components: {},
  computed: {},

  mounted() {
    this.list = this.datas.data;
    this.surplus = 6 - this.list.length;
  },

  methods: {
    mousemove(index) {
      if (this.activeIndex != index) {
        this.activeIndex = index;
        this.$refs.carousel.setActiveItem(index); // this.$nextTick(()=>{
        //   this.activeIndex = null;
        // })
      }
    },

    change(index) {
      this.activeIndex = index;
    },

    toLink(Id) {
      window.location.href = this.fun.toRealURl(`case_library_detail/${Id}`);
    }

  }
});
// CONCATENATED MODULE: ./components/templateTwo/case-swiper.vue?vue&type=script&lang=js&
 /* harmony default export */ var templateTwo_case_swipervue_type_script_lang_js_ = (case_swipervue_type_script_lang_js_); 
// EXTERNAL MODULE: ./node_modules/_vue-loader@15.9.8@vue-loader/lib/runtime/componentNormalizer.js
var componentNormalizer = __webpack_require__(2);

// CONCATENATED MODULE: ./components/templateTwo/case-swiper.vue



function injectStyles (context) {
  
  var style0 = __webpack_require__(244)
if (style0.__inject__) style0.__inject__(context)

}

/* normalize component */

var component = Object(componentNormalizer["a" /* default */])(
  templateTwo_case_swipervue_type_script_lang_js_,
  render,
  staticRenderFns,
  false,
  injectStyles,
  "424ae32a",
  "2aecf669"
  
)

/* harmony default export */ var case_swiper = __webpack_exports__["default"] = (component.exports);

/***/ })

};;
//# sourceMappingURL=template-two-case-swiper.js.map