{"version":3,"sources":["webpack:///./src/assets/img/24Special/play.png","webpack:///./src/assets/img/24Special/title.png","webpack:///./src/assets/img/24Special/demo.png","webpack:///./src/views/special.vue?856f","webpack:///src/views/special.vue","webpack:///./src/views/special.vue?8371","webpack:///./src/views/special.vue","webpack:///./src/views/special.vue?8838"],"names":["module","exports","render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","_l","item","index","key","class","isMultipleOfThree","style","animationDelay","on","$event","playVideo","title","length","_v","_s","directives","name","rawName","value","expression","subTtile","author","summarytitle","dialogVisible1","handleClose","staticStyle","iframeUrl","ref","videoUrl","staticRenderFns","data","list","created","document","mounted","getData","methods","PageSize","PageNumber","Params","nodeIDs","IsOrderBy","pageIndex","pageSize","res","Data","forEach","v","imageUrl","includes","$nextTick","$refs","videoBox","pause","component"],"mappings":"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","file":"static/js/chunk-956b1f30.ce46c4c3.js","sourcesContent":["module.exports = __webpack_public_path__ + \"static/img/play.1a268277.png\";","module.exports = __webpack_public_path__ + \"static/img/title.fb9405ab.png\";","module.exports = __webpack_public_path__ + \"static/img/demo.470e64b5.png\";","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"index\"},[_c('img',{staticClass:\"title\",attrs:{\"src\":require(\"../assets/img/24Special/title.png\"),\"alt\":\"\"}}),_c('div',{staticClass:\"content\"},_vm._l((_vm.list),function(item,index){return _c('div',{key:index,staticClass:\"contentItem\",class:{ 'special': _vm.isMultipleOfThree(index) },style:({ animationDelay: ((index * 0.3) + \"s\") }),on:{\"click\":function($event){return _vm.playVideo(item)}}},[_c('div',{staticClass:\"outBox\"}),_c('img',{staticClass:\"topImg\",attrs:{\"src\":require(\"../assets/img/24Special/demo.png\"),\"alt\":\"\"}}),_c('div',{staticClass:\"textBox\",style:(item.title.length > 17 ? {'font-size': '17px'} : '')},[_vm._v(\"《\"+_vm._s(item.title)+\"》 \"),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(item.subTtile),expression:\"item.subTtile\"}]},[_c('br'),_vm._v(\"——\"+_vm._s(item.subTtile))])]),_c('div',{staticClass:\"bottomBox\"},[_c('div',{staticClass:\"b\"},[_vm._v(_vm._s(item.author))]),_c('div',{staticClass:\"s\"},[_vm._v(_vm._s(item.summarytitle))])]),_c('img',{staticClass:\"playBtn\",attrs:{\"src\":require(\"../assets/img/24Special/play.png\"),\"alt\":\"\"}})])}),0),_c('el-dialog',{staticClass:\"mlgb\",attrs:{\"title\":\"\",\"visible\":_vm.dialogVisible1,\"before-close\":_vm.handleClose,\"width\":\"35%\"},on:{\"update:visible\":function($event){_vm.dialogVisible1=$event}}},[_c('div',{staticStyle:{\"font-size\":\"24px\",\"font-weight\":\"bold\",\"text-align\":\"center\",\"margin-bottom\":\"15px\"}},[_vm._v(_vm._s(_vm.iframeUrl.title))]),_c('video',{ref:\"videoBox\",staticStyle:{\"width\":\"100%\",\"object-fit\":\"fill\"},attrs:{\"width\":\"400\",\"height\":\"420\",\"src\":_vm.iframeUrl.videoUrl,\"controls\":\"\",\"autoplay\":\"\",\"preload\":\"\"}})])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"index\">\r\n    <img class=\"title\" src=\"../assets/img/24Special/title.png\" alt=\"\" />\r\n    <div class=\"content\">\r\n      <div class=\"contentItem\" v-for=\"(item, index) of list\" :key=\"index\" :class=\"{ 'special': isMultipleOfThree(index) }\" :style=\"{ animationDelay: `${index * 0.3}s` }\" @click=\"playVideo(item)\">\r\n        <div class=\"outBox\"></div>\r\n        <img class=\"topImg\" src=\"../assets/img/24Special/demo.png\" alt=\"\" />\r\n        <div class=\"textBox\" :style=\"item.title.length > 17 ? {'font-size': '17px'} : ''\">《{{ item.title }}》 <span v-show=\"item.subTtile\"><br/>——{{ item.subTtile }}</span></div>\r\n        <div class=\"bottomBox\">\r\n          <div class=\"b\">{{ item.author }}</div>\r\n          <div class=\"s\">{{ item.summarytitle }}</div>\r\n        </div>\r\n        <img class=\"playBtn\" src=\"../assets/img/24Special/play.png\" alt=\"\" />\r\n      </div>\r\n    </div>\r\n    <el-dialog\r\n      class=\"mlgb\"\r\n      title=\"\"\r\n      :visible.sync=\"dialogVisible1\"\r\n      :before-close=\"handleClose\"\r\n      width=\"35%\">\r\n      <div style=\"font-size: 24px;font-weight: bold;text-align: center;margin-bottom: 15px\">{{ iframeUrl.title }}</div>\r\n      <video\r\n        ref=\"videoBox\"\r\n        style=\"width: 100%;object-fit: fill\"\r\n        width=\"400\"\r\n        height=\"420\"\r\n        :src=\"iframeUrl.videoUrl\"\r\n        controls\r\n        autoplay\r\n        preload\r\n      ></video>\r\n    </el-dialog>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport {GetNewsList} from \"@/api\";\r\n\r\nexport default {\r\n  name: \"special\",\r\n  data() {\r\n    return {\r\n      list: [],\r\n      dialogVisible1: false,\r\n      iframeUrl: {\r\n        title: '',\r\n        videoUrl: ''\r\n      }\r\n    }\r\n  },\r\n  created() {\r\n    document.title = \"学习贯彻二十届三中全会精神解读专题课程\";\r\n  },\r\n  mounted() {\r\n    this.getData();\r\n  },\r\n  methods: {\r\n    getData() {\r\n      GetNewsList({\r\n        PageSize: 30,\r\n        PageNumber: 1,\r\n        Params: {\r\n          nodeIDs: \"7336\",\r\n          IsOrderBy: 1,\r\n        },\r\n        pageIndex: 1,\r\n        pageSize: 30,\r\n      }).then((res) => {\r\n        res.data.Data.forEach((v) => {\r\n          if (!v.imageUrl.includes('https')) {\r\n            v.imageUrl = \"https://www.xndjw.gov.cn/WebSite\" + v.imageUrl;\r\n          }\r\n        });\r\n        this.list = res.data.Data.reverse().slice(0,30);\r\n        // this.list = res.data.Data || [];\r\n      });\r\n    },\r\n    isMultipleOfThree(index) {\r\n      return (index + 1) % 3 === 0;\r\n    },\r\n    playVideo(item) {\r\n      this.iframeUrl.title = item.title;\r\n      this.iframeUrl.videoUrl = item.videoUrl;\r\n      this.$nextTick(() => {\r\n        this.dialogVisible1 = true;\r\n      })\r\n    },\r\n    handleClose() {\r\n      this.$refs.videoBox.pause();\r\n      this.dialogVisible1 = false;\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"less\" scoped>\r\n.index {\r\n  width: 100%;\r\n  min-height: 100vh;\r\n  max-height: 100vh;\r\n  background: url(\"../assets/img/24Special/back.png\") no-repeat center;\r\n  background-size: 100% 100%;\r\n  .title {\r\n    position: absolute;\r\n    top: 45px;\r\n    left: 0;\r\n    right: 0;\r\n    margin: auto;\r\n  }\r\n  .content {\r\n    width: 1450px;\r\n    position: absolute;\r\n    top: 280px;\r\n    left: 0;\r\n    right: 0;\r\n    margin: auto;\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    .contentItem {\r\n      width: 410px;\r\n      height: 300px;\r\n      margin-bottom: 25px;\r\n      position: relative;\r\n      overflow: hidden;\r\n      margin-right: 109px;\r\n      opacity: 0;\r\n      transform: scale(0.5);\r\n      animation: fadeInAndScale 1s forwards;\r\n      cursor: pointer;\r\n      .outBox {\r\n        position: absolute;\r\n        left: 0;\r\n        right: 0;\r\n        top: 0;\r\n        bottom: 0;\r\n        margin: auto;\r\n        background: url(\"../assets/img/24Special/card.png\") no-repeat center;\r\n        background-size: 100% 100%;\r\n        z-index: 3;\r\n        overflow: hidden;\r\n      }\r\n      .topImg {\r\n        width: 100%;\r\n        height: 207px;\r\n        display: block;\r\n        margin-top: 6px;\r\n      }\r\n      .textBox {\r\n        text-align: center;\r\n        white-space: pre-wrap;\r\n        width: 358px;\r\n        font-weight: bolder;\r\n        font-size: 19px;\r\n        color: #B01D21;\r\n        line-height: 30px;\r\n        text-stroke: .1px #FFFFFF;\r\n        -webkit-text-stroke: .1px #FFFFFF;\r\n        position: absolute;\r\n        top: 62px;\r\n        left: 0;\r\n        right: 0;\r\n        margin: auto;\r\n      }\r\n      .bottomBox {\r\n        height: 89px;\r\n        padding: 10px 15px 0;\r\n        background: url(\"../assets/img/24Special/bottomBack.png\") no-repeat center;\r\n        background-size: 100% 100%;\r\n        color: #FFF3B4;\r\n        border-radius: 15px;\r\n        .b {\r\n          font-weight: bold;\r\n          font-size: 16px;\r\n          margin-bottom: 5px;\r\n        }\r\n        .s {\r\n          color: #fcecaf;\r\n          font-size: 14px;\r\n          line-height: 20px;\r\n          display: -webkit-box;\r\n          -webkit-line-clamp: 2;\r\n          -webkit-box-orient: vertical;\r\n          overflow: hidden;\r\n          text-overflow: ellipsis;\r\n          word-break: break-all;\r\n        }\r\n      }\r\n      .playBtn {\r\n        width: 67px;\r\n        height: 67px;\r\n        display: block;\r\n        position: absolute;\r\n        right: 33px;\r\n        bottom: 58px;\r\n        z-index: 4;\r\n      }\r\n    }\r\n    .contentItem:nth-child(4) {\r\n      margin-bottom: 0;\r\n    }\r\n    .contentItem:nth-child(5) {\r\n      margin-bottom: 0;\r\n    }\r\n    .contentItem:nth-child(6) {\r\n      margin-bottom: 0;\r\n    }\r\n    @keyframes fadeInAndScale {\r\n      0% {\r\n        opacity: 0;\r\n        transform: scale(0.5);\r\n      }\r\n      100% {\r\n        opacity: 1;\r\n        transform: scale(1);\r\n      }\r\n    }\r\n    .special {\r\n      margin-right: 0;\r\n    }\r\n  }\r\n  ::v-deep .mlgb {\r\n    .el-dialog {\r\n      height: fit-content;\r\n      position: absolute;\r\n      left: 0;\r\n      right: 0;\r\n      top: 0;\r\n      bottom: 0;\r\n      margin: auto!important;\r\n    }\r\n  }\r\n}\r\n</style>\r\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./special.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./special.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./special.vue?vue&type=template&id=52f638a2&scoped=true&\"\nimport script from \"./special.vue?vue&type=script&lang=js&\"\nexport * from \"./special.vue?vue&type=script&lang=js&\"\nimport style0 from \"./special.vue?vue&type=style&index=0&id=52f638a2&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  \"52f638a2\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--11-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--11-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--11-oneOf-1-2!../../node_modules/less-loader/dist/cjs.js??ref--11-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./special.vue?vue&type=style&index=0&id=52f638a2&lang=less&scoped=true&\""],"sourceRoot":""}