{"version":3,"sources":["webpack:///./src/views/video/index.vue?9a82","webpack:///src/views/video/index.vue","webpack:///./src/views/video/index.vue?b6c0","webpack:///./src/views/video/index.vue","webpack:///./src/assets/images/bg/bg-5.jpg","webpack:///./src/views/video/components/videoList.vue?13d1","webpack:///src/views/video/components/videoList.vue","webpack:///./src/views/video/components/videoList.vue?64a5","webpack:///./src/views/video/components/videoList.vue","webpack:///./src/views/video/components/videoList.vue?32b4","webpack:///./src/views/video/index.vue?0011"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","swiperList","staticRenderFns","components","name","data","watch","computed","created","mounted","methods","component","module","exports","_l","item","index","key","id","on","$event","enter","leave","clickVideo","code","image","activeIndex","_e","staticStyle","_v","_s","title","utils","$route","params","codeId","$router","push"],"mappings":"yHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACA,EAAG,MAAM,CAACE,YAAY,WAAW,CAACF,EAAG,cAAc,CAACG,MAAM,CAAC,SAAWP,EAAIQ,WAAW,OAAS,QAAQ,GAAGJ,EAAG,MAAM,CAACE,YAAY,cAAc,CAACF,EAAG,eAAe,MACtQK,EAAkB,G,oCCctB,GACEC,WAAY,CAAd,oCACEC,KAAM,QACNC,KAHF,WAII,MAAO,CACLJ,WAAY,CAClB,CACQ,MAAR,GACQ,MAAR,OACQ,SAAR,GACQ,gBAAR,UACQ,gBAAR,iIAKEK,MAAO,GACPC,SAAU,GACVC,QAlBF,aAmBEC,QAnBF,aAoBEC,QAAS,ICnCmV,I,wBCQ1VC,EAAY,eACd,EACAnB,EACAU,GACA,EACA,KACA,WACA,MAIa,aAAAS,E,8BCnBfC,EAAOC,QAAU,IAA0B,gC,6DCA3C,IAAIrB,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,MAAM,CAACE,YAAY,OAAON,EAAIqB,GAAIrB,EAAa,WAAE,SAASsB,EAAKC,GAAO,OAAOnB,EAAG,MAAM,CAACoB,IAAIF,EAAKG,GAAGnB,YAAY,4BAA4BoB,GAAG,CAAC,WAAa,SAASC,GAAQ,OAAO3B,EAAI4B,MAAML,IAAQ,WAAa,SAASI,GAAQ,OAAO3B,EAAI6B,SAAS,MAAQ,SAASF,GAAQ,OAAO3B,EAAI8B,WAAWR,EAAKS,SAAS,CAAC3B,EAAG,MAAM,CAACE,YAAY,kBAAkB,CAACF,EAAG,MAAM,CAACG,MAAM,CAAC,IAAMe,EAAKU,MAAM,IAAM,MAAOT,GAASvB,EAAIiC,YAAa7B,EAAG,OAAO,CAACE,YAAY,aAAaN,EAAIkC,OAAO9B,EAAG,IAAI,CAAC+B,YAAY,CAAC,MAAQ,OAAO,aAAa,SAAS,SAAW,SAAS,gBAAgB,WAAW,cAAc,WAAW,CAACnC,EAAIoC,GAAGpC,EAAIqC,GAAGf,EAAKgB,eAAc,MAC9vB7B,EAAkB,G,oCCwBtB,GACEE,KAAM,GACNC,KAFF,WAGI,MAAO,CACLqB,YAAa,OAGjBpB,MAAO,GACPC,SAAU,OAAZ,OAAY,CAAZ,GACA,+BAEEC,QAXF,WAYIwB,EAAJ,yBAEEtB,QAAS,CACPa,WADJ,SACA,GACU7B,KAAKuC,OAAOC,OAAOV,MAAQW,GAAQzC,KAAK0C,QAAQC,KAAK,CAA/D,sCAEIhB,MAJJ,SAIA,GACM3B,KAAKgC,YAAcV,GAErBM,MAPJ,WAQM5B,KAAKgC,YAAc,QC/CwV,I,yBCQ7Wf,EAAY,eACd,EACAnB,EACAU,GACA,EACA,KACA,WACA,MAIa,OAAAS,E,8CCnBf,W,oCCAA,W","file":"static/js/chunk-dccee8ca.dba496d3.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"app-top\"},[_c('swiper-list',{attrs:{\"dataList\":_vm.swiperList,\"height\":400}})],1),_c('div',{staticClass:\"app-conter\"},[_c('video-list')],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <div class=\"app-top\">\r\n      <swiper-list :dataList=\"swiperList\" :height=\"400\"></swiper-list>\r\n    </div>\r\n    <div class=\"app-conter\">\r\n      <video-list />\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport videoList from './components/videoList.vue'\r\nimport swiperList from '@/_myComponents/swiperList'\r\n\r\nexport default {\r\n  components: { videoList, swiperList },\r\n  name: 'video',\r\n  data() {\r\n    return {\r\n      swiperList: [\r\n        {\r\n          image: '',\r\n          title: '视频教程',\r\n          subTitle: '',\r\n          backgroundImage: require('@/assets/images/bg/bg-5.jpg'),\r\n          backgroundColor: `linear-gradient(rgba(${this.gSetting.product.navColor},0.8),rgba(${this.gSetting.product.navColor},0.5))`\r\n        }\r\n      ]\r\n    }\r\n  },\r\n  watch: {},\r\n  computed: {},\r\n  created() {},\r\n  mounted() {},\r\n  methods: {}\r\n}\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n.app-top {\r\n  margin-top: 58px;\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!./index.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!./index.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=a3593f2a&scoped=true&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\nimport style0 from \"./index.vue?vue&type=style&index=0&id=a3593f2a&lang=scss&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  \"a3593f2a\",\n  null\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"static/img/bg-5.60459211.jpg\";","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"container\"},[_c('div',{staticClass:\"row\"},_vm._l((_vm.videoList),function(item,index){return _c('div',{key:item.id,staticClass:\"col-6 col-sm-3 video-list\",on:{\"mouseenter\":function($event){return _vm.enter(index)},\"mouseleave\":function($event){return _vm.leave()},\"click\":function($event){return _vm.clickVideo(item.code)}}},[_c('div',{staticClass:\"video-list-img\"},[_c('img',{attrs:{\"src\":item.image,\"alt\":\"\"}}),(index == _vm.activeIndex)?_c('span',{staticClass:\"play-btn\"}):_vm._e()]),_c('p',{staticStyle:{\"width\":\"100%\",\"text-align\":\"center\",\"overflow\":\"hidden\",\"text-overflow\":\"ellipsis\",\"white-space\":\"nowrap\"}},[_vm._v(_vm._s(item.title))])])}),0)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"container\">\r\n    <div class=\"row\">\r\n      <div\r\n        class=\"col-6 col-sm-3 video-list\"\r\n        v-for=\"(item,index) in videoList\"\r\n        :key=\"item.id\"\r\n        @mouseenter=\"enter(index)\"\r\n        @mouseleave=\"leave()\"\r\n        @click=\"clickVideo(item.code)\"\r\n      >\r\n        <div class=\"video-list-img\">\r\n          <!-- <img :src=\"require('@/assets/images/video-image.png')\" alt /> -->\r\n          <img :src=\"item.image\" alt />\r\n          <span v-if=\"index == activeIndex\" class=\"play-btn\"></span>\r\n        </div>\r\n        <p style=\"width:100%;text-align:center; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;\">{{item.title}}</p>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { mapGetters } from 'vuex'\r\nimport utils from '@/common/utils/utils'\r\nexport default {\r\n  name: '',\r\n  data() {\r\n    return {\r\n      activeIndex: '-1'\r\n    }\r\n  },\r\n  watch: {},\r\n  computed: {\r\n    ...mapGetters(['videoList'])\r\n  },\r\n  created() {\r\n    utils.refreshVideoList()\r\n  },\r\n  methods: {\r\n    clickVideo(codeId) {\r\n      if (this.$route.params.code != codeId) this.$router.push({ name: 'VideoDetail', params: { code: codeId } })\r\n    },\r\n    enter(index) {\r\n      this.activeIndex = index\r\n    },\r\n    leave() {\r\n      this.activeIndex = '-1'\r\n    }\r\n  }\r\n}\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n.container {\r\n  margin-top: 20px;\r\n  margin-bottom: 20px;\r\n  .video-list {\r\n    width: 100%;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n    margin: 10px 0;\r\n    cursor: pointer;\r\n    .video-list-img {\r\n      width: 100%;\r\n      height: 150px;\r\n      margin-bottom: 10px;\r\n      position: relative;\r\n      img {\r\n        width: 100%;\r\n        height: 100%;\r\n      }\r\n      .play-btn {\r\n        position: absolute;\r\n        left: 0;\r\n        top: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        background: url('../../../assets/svg/icon-play.svg') no-repeat;\r\n        background-position: center;\r\n        background-size: auto 40%;\r\n      }\r\n    }\r\n\r\n    p {\r\n      margin-bottom: 0;\r\n    }\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!./videoList.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!./videoList.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./videoList.vue?vue&type=template&id=4835b33e&scoped=true&\"\nimport script from \"./videoList.vue?vue&type=script&lang=js&\"\nexport * from \"./videoList.vue?vue&type=script&lang=js&\"\nimport style0 from \"./videoList.vue?vue&type=style&index=0&id=4835b33e&lang=scss&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  \"4835b33e\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../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!./videoList.vue?vue&type=style&index=0&id=4835b33e&lang=scss&scoped=true&\"","export * from \"-!../../../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!./index.vue?vue&type=style&index=0&id=a3593f2a&lang=scss&scoped=true&\""],"sourceRoot":""}