{"version":3,"sources":["webpack:///./src/views/MediaCenter/VideosDownload.vue","webpack:///src/views/MediaCenter/VideosDownload.vue","webpack:///./src/views/MediaCenter/VideosDownload.vue?256a","webpack:///./src/views/MediaCenter/VideosDownload.vue?4219","webpack:///./src/components/MediaCenter/PreviewLayer.vue?7753","webpack:///./src/components/MediaCenter/VideosList.vue","webpack:///src/components/MediaCenter/VideosList.vue","webpack:///./src/components/MediaCenter/VideosList.vue?09a8","webpack:///./src/components/MediaCenter/VideosList.vue?8f4e","webpack:///./src/components/MediaCenter/VideosList.vue?79c3","webpack:///./src/components/MediaCenter/PreviewLayer.vue","webpack:///src/components/MediaCenter/PreviewLayer.vue","webpack:///./src/components/MediaCenter/PreviewLayer.vue?2fdd","webpack:///./src/components/MediaCenter/PreviewLayer.vue?264e"],"names":["render","_vm","this","_c","_self","attrs","loginStatus","_e","tagList","length","on","resetSearch","staticClass","style","topHeight","list","ref","identifierRefresh","infiniteHandler","slot","_v","staticRenderFns","PARAMS","pageNum","pageSize","newsType","tagId","name","components","SubTitle","TagsSearchBar","LoginTipsBar","VideosList","LayoutHeader","InfiniteLoading","data","params","Object","assign","Date","now","created","computed","localStorage","getItem","methods","$state","$loading","show","getRows","offset","limit","newList","formatRows","rcclNews","getTagsList","loaded","complete","hide","success","errMsg","apiMc","newsFileList","getNews","console","log","rows","forEach","row","isFold","fileItemTags","push","filter","element","index","self","findIndex","x","setTimeout","getTopHeight","val","layoutHeader","document","getElementById","layoutSubTitle","loginTipsBar","tagsSearchBar","offsetHeight","component","class","isSubPage","_l","key","contentItemId","$event","stopPropagation","handlePreviewOpen","getPictureUrl","getVideo","playBtnPic","toDetails","tag","_s","tagName","newsTitle","newsSummary","directives","rawName","value","expression","handleFold","fileLists","handleDownload","picPreviewShow","currentUrl","videoPreviewShow","staticStyle","currentPoster","registerSuccessMsgShow","PreviewLayer","MessageBox","props","type","Array","default","Boolean","require","$router","id","newsPictureUrl","file","imgUrl","reviewImageUrl","videoBgImageUrl","fileUrl","fileName","isAllowDownload","isWechatBrowser","downloadUrlFile","redirectUrl","encodeURIComponent","$route","path","videoLink","closeBtnGrayPic","handleClose","_t","$emit"],"mappings":"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","file":"js/chunk-1c2e2dd0.fe733094.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('layout-header',{attrs:{\"id\":\"layoutHeader\"}}),_c('sub-title',{attrs:{\"id\":\"layoutSubTitle\",\"title\":\"最新视频\",\"en-title\":\"Latest Videos\"}}),(_vm.loginStatus)?_c('login-tips-bar',{attrs:{\"id\":\"loginTipsBar\",\"tips-text\":\"如需下载高清视频\"}}):_vm._e(),(_vm.tagList.length)?_c('tags-search-bar',{attrs:{\"list\":_vm.tagList,\"id\":\"tagsSearchBar\"},on:{\"search\":_vm.resetSearch}}):_vm._e(),_c('div',{staticClass:\"layout-content\",style:({'top': _vm.topHeight + 'px'})},[_c('videos-list',{attrs:{\"list\":_vm.list}}),_c('infinite-loading',{ref:\"infiniteLoading\",attrs:{\"identifier\":_vm.identifierRefresh},on:{\"infinite\":_vm.infiniteHandler}},[_c('span',{attrs:{\"slot\":\"spinner\"},slot:\"spinner\"}),_c('span',{attrs:{\"slot\":\"no-more\"},slot:\"no-more\"}),_c('div',{staticClass:\"news-list-nodata\",attrs:{\"slot\":\"no-results\"},slot:\"no-results\"},[_c('p',[_vm._v(\"暂无数据\")])])])],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n<div>\r\n  <layout-header id=\"layoutHeader\"></layout-header>\r\n  <sub-title id=\"layoutSubTitle\" title=\"最新视频\" en-title=\"Latest Videos\"></sub-title>\r\n  <login-tips-bar id=\"loginTipsBar\" v-if=\"loginStatus\" tips-text=\"如需下载高清视频\"></login-tips-bar>\r\n  <tags-search-bar v-if=\"tagList.length\" :list=\"tagList\"\r\n                   id=\"tagsSearchBar\"\r\n                   @search=\"resetSearch\"></tags-search-bar>\r\n  <div class=\"layout-content\" :style=\"{'top': topHeight + 'px'}\">\r\n    <videos-list :list=\"list\"></videos-list>\r\n    <infinite-loading @infinite=\"infiniteHandler\"\r\n                      ref=\"infiniteLoading\"\r\n                      :identifier=\"identifierRefresh\">\r\n      <span slot=\"spinner\"></span>\r\n      <span slot=\"no-more\"></span>\r\n      <div class=\"news-list-nodata\" slot=\"no-results\">\r\n        <p>暂无数据</p>\r\n      </div>\r\n    </infinite-loading>\r\n  </div>\r\n</div>\r\n</template>\r\n\r\n<script>\r\nimport LayoutHeader from \"@/layout/MediaCenter/components/LayoutHeader\";\r\nimport VideosList from \"../../components/MediaCenter/VideosList\";\r\nimport apiMc from \"@/api/MediaCenter\";\r\nimport InfiniteLoading from 'vue-infinite-loading';\r\nimport LoginTipsBar from \"../../components/MediaCenter/LoginTipsBar\";\r\nimport TagsSearchBar from \"../../components/MediaCenter/TagsSearchBar\";\r\nimport SubTitle from \"@/components/MediaCenter/SubTitle\";\r\n\r\nconst PARAMS = {\r\n  pageNum: 0,\r\n  pageSize: 10,\r\n  newsType: 5,\r\n  tagId: 0\r\n}\r\nexport default {\r\n  name: \"VideosDownload\",\r\n  components: {\r\n    SubTitle,\r\n    TagsSearchBar,\r\n    LoginTipsBar,\r\n    VideosList,\r\n    LayoutHeader,\r\n    InfiniteLoading\r\n  },\r\n  data() {\r\n    return {\r\n      list: [],\r\n      tagList: [],\r\n      params: Object.assign({},PARAMS),\r\n      identifierRefresh: +Date.now(),\r\n      topHeight: 65 + 45\r\n    }\r\n  },\r\n  created() {\r\n  },\r\n  computed: {\r\n    loginStatus() {\r\n      return localStorage.getItem('dUserToken') === null\r\n    }\r\n  },\r\n  methods: {\r\n    async infiniteHandler($state) {\r\n      this.$loading.show();\r\n      const data = await this.getRows({\r\n        offset: this.params.pageNum * this.params.pageSize,\r\n        limit: this.params.pageSize,\r\n        newsType: this.params.newsType,\r\n        tagId: this.params.tagId\r\n      })\r\n      const newList = this.formatRows(data.rcclNews);\r\n      this.getTagsList(newList);\r\n      if (newList.length > 0) {\r\n        this.list = [...this.list, ...newList];\r\n        this.params.pageNum++;\r\n        $state.loaded()\r\n      } else {\r\n        $state.complete()\r\n      }\r\n      this.$loading.hide()\r\n    },\r\n    async getRows({ offset, limit, newsType, tagId }) {\r\n      const { success, data, errMsg } = await apiMc.newsFileList.getNews({offset, limit, newsType, tagId});\r\n      if (success) {\r\n        return data;\r\n      } else {\r\n        console.log(errMsg)\r\n        return null;\r\n      }\r\n    },\r\n    formatRows(rows) {\r\n      rows && rows.forEach((row)=>{\r\n        row.isFold = false;\r\n      });\r\n      return rows;\r\n    },\r\n    getTagsList(rows) {\r\n      rows && rows.forEach((row)=>{\r\n        let fileItemTags = row.fileItemTags;\r\n        this.tagList.push(...fileItemTags);\r\n      });\r\n      this.tagList = this.tagList.filter((element,index,self)=>{\r\n        return self.findIndex(x=>x.tagId===element.tagId) === index;\r\n      });\r\n      setTimeout(()=>{this.getTopHeight()},100)\r\n    },\r\n    resetSearch(val) {\r\n      this.params = Object.assign({},PARAMS);\r\n      this.params.tagId = val.tagId;\r\n      this.list = [];\r\n      // this.tagList = [];\r\n      this.identifierRefresh = +Date.now();\r\n    },\r\n    getTopHeight() {\r\n      let layoutHeader = document.getElementById(\"layoutHeader\");\r\n      let layoutSubTitle = document.getElementById(\"layoutSubTitle\");\r\n      let loginTipsBar = document.getElementById(\"loginTipsBar\");\r\n      let tagsSearchBar = document.getElementById(\"tagsSearchBar\");\r\n      this.topHeight = 0;\r\n      if(layoutHeader){\r\n        this.topHeight += layoutHeader.offsetHeight;\r\n      }\r\n      if(layoutSubTitle) {\r\n        this.topHeight += layoutSubTitle.offsetHeight;\r\n      }\r\n      if(loginTipsBar) {\r\n        this.topHeight += loginTipsBar.offsetHeight;\r\n      }\r\n      if(tagsSearchBar) {\r\n        this.topHeight += tagsSearchBar.offsetHeight;\r\n      }\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n\r\n</style>\r\n","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!./VideosDownload.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!./VideosDownload.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./VideosDownload.vue?vue&type=template&id=1a4ec3e2&scoped=true\"\nimport script from \"./VideosDownload.vue?vue&type=script&lang=js\"\nexport * from \"./VideosDownload.vue?vue&type=script&lang=js\"\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  \"1a4ec3e2\",\n  null\n  \n)\n\nexport default component.exports","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!./PreviewLayer.vue?vue&type=style&index=0&id=fa3165f2&prod&lang=less&scoped=true\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('ul',{staticClass:\"videos-list\",class:{'sub-page': _vm.isSubPage}},_vm._l((_vm.list),function(row){return _c('li',{key:row.contentItemId},[_c('div',{staticClass:\"pic-model\",on:{\"click\":function($event){$event.stopPropagation();return _vm.handlePreviewOpen(row)}}},[_c('img',{staticClass:\"pic\",attrs:{\"src\":_vm.getPictureUrl(row)}}),(_vm.getVideo(row))?_c('img',{staticClass:\"pic-play-btn\",attrs:{\"src\":_vm.playBtnPic}}):_vm._e()]),_c('div',{staticClass:\"content\",on:{\"click\":function($event){return _vm.toDetails(row)}}},[_c('div',{staticClass:\"list-tags gap-mini\"},_vm._l((row.fileItemTags),function(tag){return _c('div',{key:tag.tagId,staticClass:\"tag\"},[_vm._v(_vm._s(tag.tagName))])}),0),_c('div',{staticClass:\"list-title fs-1\"},[_vm._v(_vm._s(row.newsTitle))]),_c('div',{staticClass:\"list-desc\",class:{'h-auto':row.isFold}},[_c('div',{staticClass:\"inner\"},[_vm._v(_vm._s(row.newsSummary))]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(!row.isFold),expression:\"!row.isFold\"}],staticClass:\"mask\"}),_c('div',{staticClass:\"btn-fold\",on:{\"click\":function($event){$event.stopPropagation();return _vm.handleFold(row)}}},[_vm._v(\"展开更多\")])]),(row.fileLists.length>0)?_c('div',{staticClass:\"list-btns\"},[_c('button',{staticClass:\"mc-common-btn w-all\",on:{\"click\":function($event){$event.stopPropagation();return _vm.handleDownload(row)}}},[_vm._v(\"高清视频下载\")])]):_vm._e()])])}),0),(_vm.picPreviewShow)?_c('preview-layer',{on:{\"close\":function($event){_vm.picPreviewShow=false}}},[_c('template',{slot:\"context\"},[_c('img',{staticClass:\"pic\",attrs:{\"src\":_vm.currentUrl}})])],2):_vm._e(),(_vm.videoPreviewShow)?_c('preview-layer',{on:{\"close\":function($event){_vm.videoPreviewShow=false}}},[_c('template',{slot:\"context\"},[_c('video',{ref:\"downloadVideo\",staticStyle:{\"object-fit\":\"fill\"},attrs:{\"controls\":\"\",\"controlsList\":\"nodownload\",\"playsinline\":\"\",\"x-webkit-airplay\":\"\",\"x5-video-player-type\":\"h5\",\"x5-videoplayer-fullscreen\":\"\",\"webkit-playsinline\":\"\",\"src\":_vm.currentUrl,\"poster\":_vm.currentPoster,\"x5-video-orientation\":\"portraint\",\"width\":\"375px\",\"height\":\"211px\"}})])],2):_vm._e(),(_vm.registerSuccessMsgShow)?_c('message-box',{on:{\"close\":function($event){_vm.registerSuccessMsgShow=false}}},[_c('template',{slot:\"context\"},[_vm._v(\"注册待审中\"),_c('br'),_vm._v(\"我们将尽快审核您的申请，\"),_c('br'),_vm._v(\"并告诉您审核结果\")])],2):_vm._e()],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <ul class=\"videos-list\" :class=\"{'sub-page': isSubPage}\">\r\n      <li v-for=\"row in list\" :key=\"row.contentItemId\">\r\n        <div class=\"pic-model\" @click.stop=\"handlePreviewOpen(row)\">\r\n          <img class=\"pic\" :src=\"getPictureUrl(row)\"/>\r\n          <img v-if=\"getVideo(row)\" class=\"pic-play-btn\" :src=\"playBtnPic\"/>\r\n        </div>\r\n        <div class='content' @click='toDetails(row)'>\r\n          <div class='list-tags gap-mini'>\r\n            <div v-for=\"tag in row.fileItemTags\" :key=\"tag.tagId\" class='tag'>{{tag.tagName}}</div>\r\n          </div>\r\n          <div class='list-title fs-1'>{{row.newsTitle}}</div>\r\n          <div class='list-desc' :class=\"{'h-auto':row.isFold}\">\r\n            <div class='inner'>{{row.newsSummary}}</div>\r\n            <div v-show=\"!row.isFold\" class='mask'></div>\r\n            <div class='btn-fold' @click.stop='handleFold(row)'>展开更多</div>\r\n          </div>\r\n          <div v-if=\"row.fileLists.length>0\" class='list-btns'>\r\n            <button class='mc-common-btn w-all' @click.stop='handleDownload(row)'>高清视频下载</button>\r\n          </div>\r\n        </div>\r\n      </li>\r\n    </ul>\r\n\r\n    <preview-layer v-if=\"picPreviewShow\" @close=\"picPreviewShow=false\">\r\n      <template slot=\"context\">\r\n        <img class=\"pic\" :src=\"currentUrl\"/>\r\n      </template>\r\n    </preview-layer>\r\n\r\n    <preview-layer v-if=\"videoPreviewShow\" @close=\"videoPreviewShow=false\">\r\n      <template slot=\"context\">\r\n        <video controls\r\n               controlsList=\"nodownload\"\r\n               ref=\"downloadVideo\"\r\n               playsinline\r\n               x-webkit-airplay\r\n               x5-video-player-type=\"h5\"\r\n               x5-videoplayer-fullscreen\r\n               webkit-playsinline\r\n               :src=\"currentUrl\"\r\n               :poster=\"currentPoster\"\r\n               x5-video-orientation='portraint'\r\n               style='object-fit:fill;'\r\n               width='375px'\r\n               height='211px'></video>\r\n      </template>\r\n    </preview-layer>\r\n    <message-box v-if=\"registerSuccessMsgShow\" @close=\"registerSuccessMsgShow=false\">\r\n      <template slot=\"context\">注册待审中<br/>我们将尽快审核您的申请，<br/>并告诉您审核结果</template>\r\n    </message-box>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport {isWechatBrowser,downloadUrlFile} from \"@/utilities/tools\";\r\nimport PreviewLayer from \"./PreviewLayer\";\r\nimport MessageBox from \"../../components/MediaCenter/MessageBox\";\r\nexport default {\r\n  name: \"VideosList\",\r\n  components: {PreviewLayer,MessageBox},\r\n  props: {\r\n    list: {\r\n      type: Array,\r\n      default() {\r\n        return [];\r\n      }\r\n    },\r\n    isSubPage: {\r\n      type: Boolean,\r\n      default() {\r\n        return true;\r\n      }\r\n    }\r\n  },\r\n  data() {\r\n    return {\r\n      picPreviewShow: false,\r\n      videoPreviewShow: false,\r\n      currentUrl: null,\r\n      currentPoster: null,\r\n      playBtnPic: require(\"@/assets/MediaCenter/playBtn.png\"),\r\n      registerSuccessMsgShow: false\r\n    }\r\n  },\r\n  methods: {\r\n    toDetails({contentItemId}){\r\n      this.$router.push({\r\n        name: \"DownloadDetails\",\r\n        params: {\r\n          id: contentItemId\r\n        }\r\n      })\r\n    },\r\n    getPictureUrl({newsPictureUrl, fileLists}) {\r\n      let file = fileLists[0];\r\n      let imgUrl = null;\r\n      if(file && file.reviewImageUrl) {\r\n        imgUrl = file.reviewImageUrl;\r\n      } else if(file && file.videoBgImageUrl) {\r\n        imgUrl = file.videoBgImageUrl;\r\n      } else {\r\n        imgUrl = newsPictureUrl;\r\n      }\r\n      return imgUrl;\r\n    },\r\n    getVideo({fileLists}) {\r\n      return fileLists[0] && fileLists[0].videoBgImageUrl;\r\n    },\r\n    handleDownload(row) {\r\n      let fileUrl = row.fileLists[0].fileUrl;\r\n      let fileName = row.fileLists[0].fileName;\r\n      let isAllowDownload = row.fileLists[0].isAllowDownload;\r\n      if(localStorage.getItem('dUserToken')) {\r\n        if(!isAllowDownload) {\r\n          this.registerSuccessMsgShow = true;\r\n          return;\r\n        }\r\n      } else {\r\n        const redirectUrl = encodeURIComponent(this.$route.path);\r\n        this.$router.push(\"/Rccl.CustomPage/MediaCenter/MediaLogin?redirectUrl=\"+redirectUrl);\r\n        return;\r\n      }\r\n      if(!isWechatBrowser()) {\r\n        downloadUrlFile(fileUrl, fileName, this.$loading);\r\n      }\r\n    },\r\n    handleFold(row) {\r\n      row.isFold =! row.isFold;\r\n    },\r\n    handlePreviewOpen({newsPictureUrl, fileLists}) {\r\n      let file = fileLists[0];\r\n      if(file.reviewImageUrl) {\r\n        this.currentUrl = file.reviewImageUrl;\r\n        this.picPreviewShow = true;\r\n      } else if(file.videoBgImageUrl) {\r\n        this.currentPoster = file.videoBgImageUrl;\r\n        this.currentUrl = file.videoLink;\r\n        this.videoPreviewShow = true;\r\n      } else {\r\n        this.currentUrl = newsPictureUrl;\r\n        this.picPreviewShow = true;\r\n      }\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"less\" scoped>\r\n/*视频列表*/\r\n.videos-list {\r\n  display: grid;\r\n  justify-content: space-between;\r\n  grid-template-columns: 328px;\r\n  margin-top: 11px;\r\n  &.sub-page {\r\n    margin-top: 0;\r\n    grid-template-columns: 156.5px 156.5px;\r\n    & li {\r\n      padding: 21px 0 0;\r\n      & .pic-model {\r\n        position: relative;\r\n        width: 156.5px;\r\n        height: 101px;\r\n        overflow: hidden;\r\n        & .pic {\r\n          position: absolute;\r\n          top: 0;\r\n          left: 50%;\r\n          width: 120%;\r\n          transform: translateX(-50%);\r\n          height: auto;\r\n        }\r\n        & .pic-play-btn {\r\n          position: absolute;\r\n          top: 50%;\r\n          left: 50%;\r\n          transform: translate(-50%,-50%);\r\n          z-index: 1;\r\n          width: 40px;\r\n          height: 40px;\r\n          opacity: .7;\r\n        }\r\n      }\r\n    }\r\n  }\r\n  & li {\r\n    padding: 9px 0;\r\n    & .pic-model {\r\n      position: relative;\r\n      width: 328px;\r\n      height: 193.5px;\r\n      overflow: hidden;\r\n      & .pic {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 50%;\r\n        width: 100%;\r\n        transform: translateX(-50%);\r\n        height: auto;\r\n      }\r\n      & .pic-play-btn {\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 50%;\r\n        transform: translate(-50%,-50%);\r\n        z-index: 1;\r\n        width: 50px;\r\n        height: 50px;\r\n        opacity: .7;\r\n      }\r\n    }\r\n    & .content {\r\n      padding: 0 5px;\r\n    }\r\n  }\r\n}\r\n</style>\r\n","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!./VideosList.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!./VideosList.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./VideosList.vue?vue&type=template&id=45187ece&scoped=true\"\nimport script from \"./VideosList.vue?vue&type=script&lang=js\"\nexport * from \"./VideosList.vue?vue&type=script&lang=js\"\nimport style0 from \"./VideosList.vue?vue&type=style&index=0&id=45187ece&prod&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  \"45187ece\",\n  null\n  \n)\n\nexport default component.exports","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!./VideosList.vue?vue&type=style&index=0&id=45187ece&prod&lang=less&scoped=true\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"preview-layer\"},[_c('img',{staticClass:\"layer-close\",attrs:{\"src\":_vm.closeBtnGrayPic},on:{\"click\":_vm.handleClose}}),_c('div',{staticClass:\"layer-content\"},[_vm._t(\"context\")],2)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class='preview-layer'>\r\n    <img @click='handleClose' class='layer-close' :src='closeBtnGrayPic'/>\r\n    <div class='layer-content'>\r\n      <slot name=\"context\"></slot>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: \"PreviewLayer\",\r\n  data() {\r\n    return {\r\n      closeBtnGrayPic: require(\"@/assets/MediaCenter/close_btn_gray.png\")\r\n    }\r\n  },\r\n  methods: {\r\n    handleClose() {\r\n      this.$emit(\"close\", true);\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"less\" scoped>\r\n/*预览弹窗*/\r\n.preview-layer {\r\n  position: fixed;\r\n  top: 0;\r\n  left: 0;\r\n  width: 100vw;\r\n  height: 100vh;\r\n  z-index: 99;\r\n  background-color: #000000;\r\n  & .layer-close {\r\n    position: absolute;\r\n    top: 20px;\r\n    right: 20px;\r\n    height: 20px;\r\n    width: 20px;\r\n  }\r\n  & .layer-content {\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 221px;\r\n    transform: translateY(-50%);\r\n    & .pic {\r\n      display: block;\r\n      width: 100%;\r\n      height: 100%;\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!./PreviewLayer.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!./PreviewLayer.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./PreviewLayer.vue?vue&type=template&id=fa3165f2&scoped=true\"\nimport script from \"./PreviewLayer.vue?vue&type=script&lang=js\"\nexport * from \"./PreviewLayer.vue?vue&type=script&lang=js\"\nimport style0 from \"./PreviewLayer.vue?vue&type=style&index=0&id=fa3165f2&prod&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  \"fa3165f2\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}