{"version":3,"sources":["webpack:///./src/components/Media.vue?674c","webpack:///src/components/Media.vue","webpack:///./src/components/Media.vue?63b3","webpack:///./src/components/Media.vue?798f","webpack:///./src/components/Media.vue?8fa3","webpack:///./src/assets/images/wap/title/media.png"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","titleBgImg","_l","item","index","key","on","$event","hoverPartner","coverImageRealPath_new","_v","staticRenderFns","name","data","list","components","Title","mounted","getList","methods","$api","getPartnerList","$config","mediaId","then","lists","coverImageRealPath","b","order","a","window","media_name","media_type","component","module","exports"],"mappings":"yHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,kBAAkBC,MAAM,CAAC,GAAK,UAAU,CAACH,EAAG,QAAQ,CAACG,MAAM,CAAC,GAAK,OAAO,SAASP,EAAIQ,cAAcJ,EAAG,MAAM,CAACE,YAAY,iBAAiB,CAACF,EAAG,MAAM,CAACE,YAAY,aAAaN,EAAIS,GAAIT,EAAQ,MAAE,SAASU,EAAKC,GAAO,OAAOP,EAAG,MAAM,CAACQ,IAAID,EAAML,YAAY,aAAaO,GAAG,CAAC,WAAa,SAASC,GAAQ,OAAOd,EAAIe,aAAaL,MAAS,CAACN,EAAG,MAAM,CAACG,MAAM,CAAC,IAAMG,EAAKM,+BAA8B,KAAKZ,EAAG,MAAM,CAACE,YAAY,OAAO,CAACN,EAAIiB,GAAG,cAAc,IACjjBC,EAAkB,G,gECsBP,G,UAAA,CACbC,KAAMA,QACNC,KAFF,WAGI,MAAO,CACLZ,WAAYA,EAAQA,QACpBa,KAAMA,KAGVC,WAAYA,CACVC,MAAJA,QAEEC,QAXF,WAYIvB,KAAKwB,WAEPC,QAASA,CACPD,QADJ,WACA,WACMxB,KAAKoB,KAAO,GACZpB,KAAK0B,KAAKC,eAAe3B,KAAK4B,QAAQC,SAASC,MAAK,SAA1D,GACQ,IAAR,kBACQC,EAAMA,SAAQA,SAAtBA,GACUtB,EAAKA,uBAAyBA,GAC1BA,EAAKuB,qBACPvB,EAAKA,uBAAyBA,EAAKA,mBAAmBA,QAClE,8BACA,0CAIQ,EAAR,2BACU,OAAOwB,EAAEC,MAAQC,EAAED,SAErB,EAAR,gCAIIpB,aArBJ,SAqBAL,GAEM2B,OAAOA,IAAIA,OAAQA,SAAUA,oBAAqBA,CAChDC,WAAYA,EAAKA,MACjBC,WAAYA,SC9DyV,I,wBCQzWC,EAAY,eACd,EACAzC,EACAmB,GACA,EACA,KACA,WACA,MAIa,aAAAsB,E,6CCnBf,W,mBCAAC,EAAOC,QAAU,kH","file":"js/chunk-290610b2.d45806d0.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"media-container\",attrs:{\"id\":\"media\"}},[_c('Title',{attrs:{\"ch\":\"大会媒体\",\"bg-img\":_vm.titleBgImg}}),_c('div',{staticClass:\"media-content\"},[_c('div',{staticClass:\"media-box\"},_vm._l((_vm.list),function(item,index){return _c('div',{key:index,staticClass:\"media-item\",on:{\"mouseleave\":function($event){return _vm.hoverPartner(item)}}},[_c('img',{attrs:{\"src\":item.coverImageRealPath_new}})])}),0)]),_c('div',{staticClass:\"tip\"},[_vm._v(\"*排名不分先后\")])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"media-container\" id=\"media\">\n    <Title ch=\"大会媒体\" :bg-img=\"titleBgImg\"></Title>\n    <div class=\"media-content\">\n      <div class=\"media-box\">\n        <div\n          class=\"media-item\"\n          @mouseleave=\"hoverPartner(item)\"\n          v-for=\"(item, index) in list\"\n          :key=\"index\"\n        >\n          <img :src=\"item.coverImageRealPath_new\" />\n        </div>\n      </div>\n    </div>\n    <div class=\"tip\">*排名不分先后</div>\n  </div>\n</template>\n\n<script>\nimport Title from \"./common/Title\";\nimport { $config } from \"@/conf\";\n\nexport default {\n  name: \"Media\",\n  data() {\n    return {\n      titleBgImg: require(\"../assets/images/wap/title/media.png\"),\n      list: [],\n    };\n  },\n  components: {\n    Title,\n  },\n  mounted() {\n    this.getList();\n  },\n  methods: {\n    getList() {\n      this.list = [];\n      this.$api.getPartnerList(this.$config.mediaId).then((res) => {\n        let lists = res.content.items;\n        lists.forEach((item) => {\n          item.coverImageRealPath_new = \"\";\n          if (item.coverImageRealPath) {\n            item.coverImageRealPath_new = item.coverImageRealPath.replace(\n              /^.*\\/\\/hwyhw.smarket.net.cn/,\n              \"https://hwyhw-files.smarket.net.cn\"\n            );\n          }\n        });\n        this.list = lists.sort((a, b) => {\n          return b.order - a.order;\n        });\n        this.$bus.$emit(\"ready\", \"media\");\n      });\n    },\n    //合作伙伴 埋码\n    hoverPartner(item) {\n      //埋码\n      window._hw(\"send\", \"action\", \"index_media_click\", {\n        media_name: item.title,\n        media_type: \"\",\n      });\n    },\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n//MOBILE\n@media screen and (max-width: 992px) {\n  .media-container {\n    padding: 148px 35px 63px;\n    width: 100%;\n    .media-content {\n      height: 604px;\n      padding: 20px 10px;\n      width: 100%;\n      background: rgba(255, 255, 255, 0.22);\n      border: 1px solid;\n      border-image: linear-gradient(\n          160deg,\n          rgba(255, 255, 255, 1),\n          rgba(235, 235, 235, 0),\n          rgba(235, 235, 235, 0),\n          rgba(255, 255, 255, 0.62)\n        )\n        2 2;\n\n      ::-webkit-scrollbar {\n        /*滚动条整体样式*/\n        width: 3px; /*高宽分别对应横竖滚动条的尺寸*/\n        height: 1px;\n      }\n\n      ::-webkit-scrollbar-thumb {\n        border-radius: 10px;\n      }\n\n      ::-webkit-scrollbar-track {\n        /*滚动条里面轨道*/\n        border-radius: 10px;\n      }\n\n      .media-box {\n        padding-top: 40px;\n        height: 100%;\n        width: 100%;\n        overflow-y: auto;\n        display: flex;\n        flex-wrap: wrap;\n        align-items: flex-start;\n        justify-content: flex-start;\n\n        .media-item {\n          width: calc(100% / 3);\n          overflow: hidden;\n          padding-bottom: 80px;\n          display: flex;\n          justify-content: center;\n          align-items: center;\n\n          img {\n            width: 130px;\n          }\n        }\n      }\n    }\n    .tip {\n      text-align: right;\n      padding-top: 5px;\n    }\n  }\n}\n\n//PC\n@media screen and (min-width: 992px) {\n  .media-container {\n    padding: 60px 160px 60px 160px;\n    .media-content {\n      height: 423px;\n      padding: 20px 10px;\n      width: 100%;\n      background: rgba(255, 255, 255, 0.22);\n      border: 1px solid;\n      border-image: linear-gradient(\n          160deg,\n          rgba(255, 255, 255, 1),\n          rgba(235, 235, 235, 0),\n          rgba(235, 235, 235, 0),\n          rgba(255, 255, 255, 0.62)\n        )\n        2 2;\n\n      ::-webkit-scrollbar {\n        /*滚动条整体样式*/\n        width: 3px; /*高宽分别对应横竖滚动条的尺寸*/\n        height: 1px;\n      }\n\n      ::-webkit-scrollbar-thumb {\n        border-radius: 10px;\n      }\n\n      ::-webkit-scrollbar-track {\n        /*滚动条里面轨道*/\n        border-radius: 10px;\n      }\n\n      .media-box {\n        padding-top: 40px;\n        height: 100%;\n        width: 100%;\n        overflow-y: auto;\n        display: flex;\n        flex-wrap: wrap;\n        align-items: flex-start;\n        justify-content: flex-start;\n\n        .media-item {\n          width: calc(100% / 6 - 22px);\n          height: 80px;\n          overflow: hidden;\n          display: flex;\n          justify-content: center;\n          align-items: center;\n          margin-bottom: 30px;\n          margin-left: 10px;\n          margin-right: 10px;\n\n          img {\n            width: 150px;\n            flex-shrink: 0;\n            &:hover {\n              width: 180px;\n            }\n          }\n        }\n        @media screen and (-ms-high-contrast: active),\n          (-ms-high-contrast: none) {\n          /*兼容IE11*/\n          .media-item {\n            width: 225px;\n            overflow: hidden;\n            margin-bottom: 30px;\n            display: flex;\n            justify-content: center;\n            align-items: flex-start;\n            height: 80px;\n\n            img {\n              width: 150px;\n              flex-shrink: 0;\n              &:hover {\n                width: 180px;\n              }\n            }\n          }\n        }\n      }\n    }\n    .tip {\n      text-align: right;\n      padding-top: 5px;\n    }\n  }\n}\n</style>\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/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./Media.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/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./Media.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Media.vue?vue&type=template&id=2b0868cc&scoped=true&\"\nimport script from \"./Media.vue?vue&type=script&lang=js&\"\nexport * from \"./Media.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Media.vue?vue&type=style&index=0&id=2b0868cc&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"2b0868cc\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./Media.vue?vue&type=style&index=0&id=2b0868cc&lang=scss&scoped=true&\"","module.exports = \"https://hwyhw-static.smarket.net.cn/519/seminar/2202102963240899/minisite/c8b804e976cfbbbb83c9d7251ff2a110.png\";"],"sourceRoot":""}