{"version":3,"sources":["webpack:///./src/views/MediaCenter/ImagesDownload.vue?8bc9","webpack:///src/views/MediaCenter/ImagesDownload.vue","webpack:///./src/views/MediaCenter/ImagesDownload.vue?44b1","webpack:///./src/views/MediaCenter/ImagesDownload.vue","webpack:///./src/components/MediaCenter/ImagesList.vue?1743","webpack:///src/components/MediaCenter/ImagesList.vue","webpack:///./src/components/MediaCenter/ImagesList.vue?b289","webpack:///./src/components/MediaCenter/ImagesList.vue","webpack:///./src/components/MediaCenter/PreviewLayer.vue?bdb4","webpack:///./src/components/MediaCenter/ImagesList.vue?c127","webpack:///./src/components/MediaCenter/PreviewLayer.vue?91c2","webpack:///src/components/MediaCenter/PreviewLayer.vue","webpack:///./src/components/MediaCenter/PreviewLayer.vue?1358","webpack:///./src/components/MediaCenter/PreviewLayer.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","_e","tagList","on","resetSearch","staticClass","style","topHeight","list","ref","identifierRefresh","infiniteHandler","slot","_v","staticRenderFns","pageNum","pageSize","newsType","tagId","name","components","SubTitle","TagsSearchBar","LoginTipsBar","ImagesList","LayoutHeader","InfiniteLoading","data","params","Object","assign","Date","now","created","computed","loginStatus","localStorage","getItem","methods","formatRows","rows","forEach","row","isFold","getTagsList","filter","self","findIndex","setTimeout","val","getTopHeight","layoutHeader","offsetHeight","layoutSubTitle","loginTipsBar","tagsSearchBar","component","class","isSubPage","_l","key","contentItemId","$event","stopPropagation","handlePreviewOpen","getPictureUrl","getVideo","playBtnPic","toDetails","tag","_s","tagName","newsTitle","newsSummary","directives","rawName","value","expression","handleFold","fileLists","length","handleDownload","picPreviewShow","currentUrl","videoPreviewShow","staticStyle","currentPoster","registerSuccessMsgShow","props","type","Array","default","Boolean","$router","push","id","imgUrl","file","reviewImageUrl","videoBgImageUrl","newsPictureUrl","videoLink","closeBtnGrayPic","handleClose","_t","$emit"],"mappings":"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","file":"js/chunk-7d01a24a.15b4a3b2.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('layout-header',{attrs:{\"id\":\"layoutHeader\"}}),_c('sub-title',{attrs:{\"id\":\"layoutSubTitle\",\"title\":\"最新图片\",\"en-title\":\"Latest Images\"}}),(_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('images-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)}\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 Images\"></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      <images-list :list=\"list\"></images-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 ImagesList from \"@/components/MediaCenter/ImagesList\";\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: 4,\r\n  tagId: 0\r\n}\r\nexport default {\r\n  name: \"ImagesDownload\",\r\n  components: {\r\n    SubTitle,\r\n    TagsSearchBar,\r\n    LoginTipsBar,\r\n    ImagesList,\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!./ImagesDownload.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!./ImagesDownload.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ImagesDownload.vue?vue&type=template&id=514fda4d&scoped=true&\"\nimport script from \"./ImagesDownload.vue?vue&type=script&lang=js&\"\nexport * from \"./ImagesDownload.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  \"514fda4d\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('ul',{staticClass:\"images-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)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <ul class=\"images-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\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: \"ImagesList\",\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.images-list {\r\n  display: grid;\r\n  justify-content: space-between;\r\n  grid-template-columns: 156.5px 156.5px;\r\n  margin-top: 11px;\r\n  &.sub-page {\r\n    margin-top: 0;\r\n    & li {\r\n      padding: 21px 0 0;\r\n    }\r\n  }\r\n  & li {\r\n    padding: 18px 0;\r\n    & .pic-model {\r\n      position: relative;\r\n      width: 156.5px;\r\n      height: 156.5px;\r\n      overflow: hidden;\r\n      & .pic {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 50%;\r\n        width: 150%;\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    & .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!./ImagesList.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!./ImagesList.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ImagesList.vue?vue&type=template&id=5bca38a0&scoped=true&\"\nimport script from \"./ImagesList.vue?vue&type=script&lang=js&\"\nexport * from \"./ImagesList.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ImagesList.vue?vue&type=style&index=0&id=5bca38a0&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  \"5bca38a0\",\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!./PreviewLayer.vue?vue&type=style&index=0&id=5a271599&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!./PreviewLayer.vue?vue&type=style&index=0&id=5a271599&lang=less&scoped=true&\"","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!./ImagesList.vue?vue&type=style&index=0&id=5bca38a0&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!./ImagesList.vue?vue&type=style&index=0&id=5bca38a0&lang=less&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;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)])}\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=5a271599&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=5a271599&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  \"5a271599\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}