{"version":3,"sources":["webpack:///./src/components/Ship/ExperienceItem.vue?7eba","webpack:///src/components/Ship/ExperienceItem.vue","webpack:///./src/components/Ship/ExperienceItem.vue?7d41","webpack:///./src/components/Ship/ExperienceItem.vue","webpack:///./src/components/Ship/ExperienceItem.vue?b0f6"],"names":["render","_vm","this","_h","$createElement","_c","_self","on","$event","onItemClick","item","onItemMouseIn","onItemMouseOut","attrs","image","name","staticClass","directives","rawName","value","isItemHover","expression","style","_v","_s","description","_m","staticRenderFns","component"],"mappings":"8IAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOP,EAAIQ,YAAYR,EAAIS,OAAO,WAAaT,EAAIU,cAAc,WAAaV,EAAIW,iBAAiB,CAACP,EAAG,MAAM,CAACQ,MAAM,CAAC,IAAMZ,EAAIS,KAAKI,MAAM,IAAMb,EAAIS,KAAKK,QAAQV,EAAG,MAAM,CAACW,YAAY,oBAAoB,CAACX,EAAG,MAAM,CAACY,WAAW,CAAC,CAACF,KAAK,OAAOG,QAAQ,SAASC,OAAQlB,EAAImB,YAAaC,WAAW,iBAAiBL,YAAY,2BAA2BM,MAAOrB,EAAkB,gBAAG,CAACI,EAAG,IAAI,CAACW,YAAY,qBAAqB,CAACf,EAAIsB,GAAGtB,EAAIuB,GAAGvB,EAAIS,KAAKK,WAAWV,EAAG,MAAM,CAACY,WAAW,CAAC,CAACF,KAAK,OAAOG,QAAQ,SAASC,MAAOlB,EAAe,YAAEoB,WAAW,gBAAgBL,YAAY,+BAA+B,CAACX,EAAG,MAAM,CAACW,YAAY,4BAA4BM,MAAOrB,EAAkB,gBAAG,CAACI,EAAG,IAAI,CAACW,YAAY,qBAAqB,CAACf,EAAIsB,GAAGtB,EAAIuB,GAAGvB,EAAIS,KAAKK,SAASV,EAAG,IAAI,CAACW,YAAY,qBAAqB,CAACf,EAAIsB,GAAG,IAAItB,EAAIuB,GAAGvB,EAAIS,KAAKe,aAAa,OAAOxB,EAAIyB,GAAG,YACp9BC,EAAkB,CAAC,WAAa,IAAI1B,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACW,YAAY,qBAAqB,CAACX,EAAG,SAAS,CAACQ,MAAM,CAAC,UAAU,WAAW,CAACZ,EAAIsB,GAAG,eCoBvM,GACE,KAAF,iBACE,MAAF,CACI,KAAJ,CACM,KAAN,QAEI,YAAJ,CACM,KAAN,WAGE,KAVF,WAWI,MAAJ,CACM,aAAN,EACM,aAAN,IAGE,QAAF,CACI,cADJ,WACM,IAAN,OACM,KAAN,eACM,YAAN,WACQ,EAAR,iBACA,MAEI,eAPJ,WAOM,IAAN,OACM,KAAN,eACM,YAAN,WACQ,EAAR,iBACA,OAGE,SAAF,CACI,eADJ,WAEM,OAAN,kBAAQ,OAAR,SAAQ,OAAR,UCrDuW,I,wBCQnWK,EAAY,eACd,EACA5B,EACA2B,GACA,EACA,KACA,WACA,MAIa,aAAAC,E,2CCnBf,yBAAokB,EAAG","file":"js/chunk-64f46bc8.3f0b4a44.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{on:{\"click\":function($event){return _vm.onItemClick(_vm.item)},\"mouseenter\":_vm.onItemMouseIn,\"mouseleave\":_vm.onItemMouseOut}},[_c('img',{attrs:{\"src\":_vm.item.image,\"alt\":_vm.item.name}}),_c('div',{staticClass:\"img_containerCon\"},[_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.isItemHover),expression:\"!isItemHover\"}],staticClass:\"img_containerProductName\",style:(_vm.itemIntroStyle)},[_c('p',{staticClass:\"img_containerTxtB\"},[_vm._v(_vm._s(_vm.item.name))])]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isItemHover),expression:\"isItemHover\"}],staticClass:\"img_containerProductIntroBg\"},[_c('div',{staticClass:\"img_containerProductIntro\",style:(_vm.itemIntroStyle)},[_c('p',{staticClass:\"img_containerTxtB\"},[_vm._v(_vm._s(_vm.item.name))]),_c('p',{staticClass:\"img_containerTxtS\"},[_vm._v(\" \"+_vm._s(_vm.item.description)+\" \")]),_vm._m(0)])])])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"button--learnMore\"},[_c('button',{attrs:{\"data-id\":\"661940\"}},[_vm._v(\"了解详情>\")])])}]\n\nexport { render, staticRenderFns }","<template>\r\n    <div @click=\"onItemClick(item)\" @mouseenter=\"onItemMouseIn\" @mouseleave=\"onItemMouseOut\">\r\n        <img :src=\"item.image\" :alt=\"item.name\">\r\n        <div class=\"img_containerCon\">\r\n            <div class=\"img_containerProductName\" :style=\"itemIntroStyle\" v-show=\"!isItemHover\">\r\n                <p class=\"img_containerTxtB\">{{item.name}}</p>\r\n            </div>\r\n            <div class=\"img_containerProductIntroBg\" v-show=\"isItemHover\">\r\n                <div class=\"img_containerProductIntro\" :style=\"itemIntroStyle\">\r\n                    <p class=\"img_containerTxtB\">{{item.name}}</p>\r\n                    <p class=\"img_containerTxtS\">\r\n                        {{item.description}}\r\n                    </p>\r\n                    <div class=\"button--learnMore\"><button data-id=\"661940\">了解详情&gt;</button></div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n    name: \"ExperienceItem\",\r\n    props: {\r\n        item: {\r\n            type: Object\r\n        },\r\n        onItemClick: {\r\n            type: Function\r\n        }\r\n    },\r\n    data () {\r\n        return {\r\n            isItemHover: false,\r\n            isIntroShow: false\r\n        }\r\n    },\r\n    methods: {\r\n        onItemMouseIn () {\r\n            this.isItemHover = true\r\n            setTimeout(()=> {\r\n                this.isIntroShow = true\r\n            }, 100)\r\n        },\r\n        onItemMouseOut () {\r\n            this.isItemHover = false\r\n            setTimeout(()=> {\r\n                this.isIntroShow = false\r\n            }, 100)\r\n        }\r\n    },\r\n    computed: {\r\n        itemIntroStyle () {\r\n            return this.isIntroShow ? { 'bottom': '15px'} : { 'bottom': '0px'}\r\n        }\r\n    }\r\n}\r\n</script>\r\n\r\n<style lang=\"less\" scoped>\r\nimg {\r\n    width: 100%;\r\n}\r\n.img_containerCon {\r\n    width: 100%;\r\n    height: 100%;\r\n    position: absolute;\r\n    left: 0px;\r\n    bottom: 0px;\r\n    z-index: 111;\r\n    text-align: left;\r\n    .img_containerProductName, .img_containerProductIntro {\r\n        position: absolute;\r\n        bottom: 0;\r\n        width: 100%;\r\n        padding: 14px 20px 4px 20px;\r\n        transition: all 0.5s ease 0s;;\r\n    }\r\n    .img_containerProductName {\r\n        background: rgba(0,0,0,0.6);\r\n    }\r\n    .img_containerTxtB {\r\n        color: #fff;\r\n        font-size: 18px;\r\n        font-weight: bold;\r\n    }\r\n    .img_containerTxtS {\r\n        color: #fff;\r\n        font-size: 14px;\r\n    }\r\n    .button--learnMore {\r\n        margin: 20px 0px 10px 0px;\r\n        button {\r\n            padding: 12px 18px;\r\n            background: #FAB300;\r\n            border-radius: 4px;\r\n            color: #333333;\r\n            font-size: 12px;\r\n        }\r\n    }\r\n    .img_containerProductIntroBg {\r\n        width: 100%;\r\n        height: 100%;\r\n        background: rgba(0,0,0,0.6);\r\n    }\r\n}\r\n</style>","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ExperienceItem.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ExperienceItem.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ExperienceItem.vue?vue&type=template&id=61fc1951&scoped=true&\"\nimport script from \"./ExperienceItem.vue?vue&type=script&lang=js&\"\nexport * from \"./ExperienceItem.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ExperienceItem.vue?vue&type=style&index=0&id=61fc1951&lang=less&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"61fc1951\",\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--10-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ExperienceItem.vue?vue&type=style&index=0&id=61fc1951&lang=less&scoped=true&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--10-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ExperienceItem.vue?vue&type=style&index=0&id=61fc1951&lang=less&scoped=true&\""],"sourceRoot":""}