{"version":3,"sources":["webpack:///./src/views/news/component/Content.vue?38b1","webpack:///./src/views/news/component/Content.vue","webpack:///src/views/news/component/Content.vue","webpack:///./src/views/news/component/Content.vue?352c","webpack:///./src/views/news/component/Content.vue?1eb2"],"names":["render","_vm","this","_c","_self","staticClass","_l","data","item","i","key","on","$event","detailsFn","id","_v","_s","publishTime","attrs","coverImg","title","subTitle","staticRenderFns","props","type","required","methods","sessionStorage","path","component"],"mappings":"yIAAA,W,yCCAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,WAAW,CAACJ,EAAIK,GAAIL,EAAIM,MAAM,SAASC,EAAKC,GAAG,MAAO,CAACN,EAAG,MAAM,CAACO,IAAID,EAAEJ,YAAY,aAAaM,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOX,EAAIY,UAAUL,EAAKM,OAAO,CAACX,EAAG,IAAI,CAACF,EAAIc,GAAGd,EAAIe,GAAGR,EAAKS,gBAAgBd,EAAG,MAAM,CAACE,YAAY,WAAW,CAACF,EAAG,MAAM,CAACe,MAAM,CAAC,IAAMV,EAAKW,SAAS,IAAM,MAAMhB,EAAG,KAAK,CAACF,EAAIc,GAAGd,EAAIe,GAAGR,EAAKY,cAAcjB,EAAG,MAAM,CAACO,IAAID,EAAI,IAAMJ,YAAY,YAAY,CAACF,EAAG,MAAM,CAACE,YAAY,OAAOa,MAAM,CAAC,IAAMV,EAAKW,SAAS,IAAM,MAAMhB,EAAG,MAAM,CAACE,YAAY,eAAe,CAACF,EAAG,MAAM,CAACE,YAAY,SAASF,EAAG,KAAK,CAACF,EAAIc,GAAGd,EAAIe,GAAGR,EAAKY,UAAUjB,EAAG,OAAO,CAACF,EAAIc,GAAGd,EAAIe,GAAGR,EAAKS,gBAAgBd,EAAG,IAAI,CAACF,EAAIc,GAAGd,EAAIe,GAAGR,EAAKa,aAAalB,EAAG,MAAM,CAACE,YAAY,OAAOM,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOX,EAAIY,UAAUL,EAAKM,iBAAgB,IAEtzBQ,EAAkB,GCyBP,GACfC,OACAhB,MACAiB,WACAC,cAGAC,SACAb,aAEAc,oCACA,mBACAC,qBCvC+W,I,wBCQ3WC,EAAY,eACd,EACA7B,EACAsB,GACA,EACA,KACA,WACA,MAIa,aAAAO,E","file":"js/chunk-66b0fb0e.37259d52.js","sourcesContent":["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-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-loader/lib/index.js??vue-loader-options!./Content.vue?vue&type=style&index=0&id=76c922a5&prod&lang=scss&scoped=true&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"content\"},[_vm._l((_vm.data),function(item,i){return [_c('div',{key:i,staticClass:\"contentWeb\",on:{\"click\":function($event){return _vm.detailsFn(item.id)}}},[_c('i',[_vm._v(_vm._s(item.publishTime))]),_c('div',{staticClass:\"imgText\"},[_c('img',{attrs:{\"src\":item.coverImg,\"alt\":\"\"}}),_c('h3',[_vm._v(_vm._s(item.title))])])]),_c('div',{key:i + 10000,staticClass:\"contentI\"},[_c('img',{staticClass:\"img1\",attrs:{\"src\":item.coverImg,\"alt\":\"\"}}),_c('div',{staticClass:\"contentText\"},[_c('div',{staticClass:\"gang\"}),_c('h3',[_vm._v(_vm._s(item.title))]),_c('span',[_vm._v(_vm._s(item.publishTime))]),_c('p',[_vm._v(_vm._s(item.subTitle))]),_c('div',{staticClass:\"img2\",on:{\"click\":function($event){return _vm.detailsFn(item.id)}}})])])]})],2)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"content\">\n    <template v-for=\"(item, i) in data\">\n      <!-- 移动端 -->\n      <div class=\"contentWeb\" :key=\"i\" @click=\"detailsFn(item.id)\">\n        <i>{{ item.publishTime }}</i>\n        <div class=\"imgText\">\n          <img :src=\"item.coverImg\" alt=\"\" />\n          <h3>{{ item.title }}</h3>\n        </div>\n      </div>\n      <!-- PC端 -->\n      <div :key=\"i + 10000\" class=\"contentI\">\n        <img :src=\"item.coverImg\" alt=\"\" class=\"img1\" />\n        <div class=\"contentText\">\n          <div class=\"gang\"></div>\n          <h3>{{ item.title }}</h3>\n          <span>{{ item.publishTime }}</span>\n          <p>{{ item.subTitle }}</p>\n          <div class=\"img2\" @click=\"detailsFn(item.id)\"></div>\n        </div>\n      </div>\n    </template>\n  </div>\n</template>\n<script>\n// import store from \"@/store\";\nexport default {\n  props: {\n    data: {\n      type: Array,\n      required: true,\n    },\n  },\n  methods: {\n    detailsFn(key) {\n      // store.state.details = key;\n      sessionStorage.setItem(\"details\", key);\n      this.$router.push({\n        path: \"/details\",\n      });\n    },\n  },\n};\n</script>\n<style lang=\"scss\" scoped>\n@media screen and (max-width: 750px) {\n  .content {\n    .contentI {\n      display: none;\n    }\n    .contentWeb {\n      overflow: hidden;\n      display: flex;\n      justify-content: center;\n      flex-wrap: wrap;\n      align-content: center;\n\n      i {\n        font-size: 12px;\n        font-family: HarmonyOS Sans-Regular, HarmonyOS Sans;\n        font-weight: 400;\n        color: #606060;\n        line-height: 11px;\n        margin: 12px 0;\n        display: block;\n        width: 100%;\n        text-align: center;\n      }\n      .imgText {\n        width: 17.15rem;\n        height: 12rem;\n        margin-bottom: 0.61rem;\n        border-radius: 0.26rem;\n        box-shadow: 0px 0px 0.26rem 0px rgba(0, 0, 0, 0.302);\n        img {\n          width: 17.15rem;\n          height: 8.96rem;\n          border-radius: 0.26rem 0.26rem 0 0;\n        }\n        h3 {\n          margin: 0.72rem 0 0.72rem 0.56rem;\n          font-size: 0.72rem;\n          font-family: HarmonyOS Sans-Regular, HarmonyOS Sans;\n          font-weight: 400;\n          color: #000000;\n          line-height: 0.82rem;\n        }\n      }\n    }\n  }\n}\n@media only screen and (max-width: 19200px) and (min-width: 751px) {\n  .content {\n    // 偶数样式\n    .contentI:nth-child(even) {\n      background: #f4f4f4;\n    }\n    // 偶数样式\n    .contentWeb {\n      display: none;\n    }\n    .contentI {\n      height: 7.22rem;\n      width: 19.2rem;\n      //position: relative;\n      .img1 {\n        width: 8.33rem;\n        // height: 4.93rem;\n        float: left;\n        margin: 1rem 0.45rem 0 1.51rem;\n      }\n      .contentText {\n        width: 7.4rem;\n        // height: 4.97rem;\n        float: left;\n        margin-top: 1rem;\n        .gang {\n          width: 0.8rem;\n          height: 0.1rem;\n          background: #093c7f;\n          margin-top: 0.25rem;\n        }\n        h3 {\n          // height: 0.7rem;\n          font-size: 0.36rem;\n          font-family: PingFang SC-Heavy, PingFang SC;\n          font-weight: 800;\n          color: #2f2f2f;\n          line-height: 0.59rem;\n        }\n        span {\n          height: 0.28rem;\n          font-size: 0.2rem;\n          font-family: PingFang SC-Medium, PingFang SC;\n          font-weight: 500;\n          color: #606060;\n          line-height: 0.23rem;\n        }\n        p {\n          text-indent: 0.4rem;\n          margin-top: 0.13rem;\n          // height: 3rem;\n          font-size: 0.2rem;\n          font-family: PingFang SC-Medium, PingFang SC;\n          font-weight: 500;\n          color: #000000;\n          line-height: 0.43rem;\n        }\n        .img2 {\n          // margin-top: 0.38rem;\n          cursor: pointer;\n          width: 4rem;\n          height: 0.8rem;\n          margin-top: 0.5rem;\n          background: url(../../../assets/img/Component1.png) no-repeat;\n          background-size: 100% 100%;\n        }\n        .img2:hover {\n          background: url(../../../assets/img/Component2.png) no-repeat;\n          background-size: 100% 100%;\n        }\n      }\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-loader/lib/index.js??vue-loader-options!./Content.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!./Content.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Content.vue?vue&type=template&id=76c922a5&scoped=true&\"\nimport script from \"./Content.vue?vue&type=script&lang=js&\"\nexport * from \"./Content.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Content.vue?vue&type=style&index=0&id=76c922a5&prod&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  \"76c922a5\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}