{"version":3,"sources":["webpack:///./src/views/news/NewsDetails.vue?0ec0","webpack:///src/views/news/NewsDetails.vue","webpack:///./src/views/news/NewsDetails.vue?a299","webpack:///./src/views/news/NewsDetails.vue","webpack:///./src/views/news/NewsDetails.vue?f046"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","banner","_v","_s","year","month","day","title","newsPageSrc","on","resizeIframe","staticRenderFns","name","data","nameActive","emailActive","textActive","btnActive","methods","nActive","eActive","tActive","btnClick","iframe","style","height","iframeHeight","mounted","component"],"mappings":"2IAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,UAAU,CAACE,YAAY,cAAc,CAACF,EAAG,MAAM,CAACE,YAAY,WAAW,CAACF,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACF,EAAG,MAAM,CAACE,YAAY,eAAe,CAACF,EAAG,MAAM,CAACE,YAAY,QAAQC,MAAM,CAAC,IAAMP,EAAIQ,UAAUJ,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACN,EAAIS,GAAG,IAAIT,EAAIU,GAAGV,EAAIW,MAAM,KAAKP,EAAG,MAAMJ,EAAIS,GAAG,IAAIT,EAAIU,GAAGV,EAAIY,OAAO,IAAIZ,EAAIU,GAAGV,EAAIa,KAAK,SAAST,EAAG,MAAM,CAACE,YAAY,WAAW,CAACF,EAAG,KAAK,CAACE,YAAY,SAAS,CAACN,EAAIS,GAAGT,EAAIU,GAAGV,EAAIc,UAAUV,EAAG,SAAS,CAACG,MAAM,CAAC,IAAMP,EAAIe,YAAY,MAAQ,OAAO,UAAY,KAAK,YAAc,KAAKC,GAAG,CAAC,KAAOhB,EAAIiB,2BAC7pBC,EAAkB,GC6ItB,GACEC,KAAM,cACNC,KAFF,WAGI,MAAO,CACLC,YAAY,EACZC,aAAa,EACbC,YAAY,EACZC,WAAW,EACXT,YAAa,GACbD,MAAO,GACPN,OAAQ,GACRG,KAAM,GACNC,MAAO,GACPC,IAAK,KAGTY,QAAS,CACPC,QADJ,WAEMzB,KAAKoB,YAAa,GAEpBM,QAJJ,WAKM1B,KAAKqB,aAAc,GAErBM,QAPJ,WAQM3B,KAAKsB,YAAa,GAEpBM,SAVJ,WAWM5B,KAAKuB,WAAY,GAEnBP,aAbJ,SAaA,GACM,IAAN,WACA,6DACMa,EAAOC,MAAMC,OAASC,IAG1BC,QAnCF,WAoCI,IAAJ,kDACI,KAAJ,cACI,KAAJ,mBACI,KAAJ,gBACI,IAAJ,mBACI,KAAJ,qBACI,KAAJ,qBACI,KAAJ,kBCzLoW,I,wBCQhWC,EAAY,eACd,EACApC,EACAmB,GACA,EACA,KACA,WACA,MAIa,aAAAiB,E,6CCnBf,yBAA6jB,EAAG","file":"static/js/newsDetails.2e3a9674.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('section',{staticClass:\"exhibition\"},[_c('div',{staticClass:\"section\"},[_c('div',{staticClass:\"container\"},[_c('div',{staticClass:\"item details\"},[_c('div',{staticClass:\"details-img\"},[_c('img',{staticClass:\"image\",attrs:{\"src\":_vm.banner}}),_c('div',{staticClass:\"date\"},[_vm._v(\" \"+_vm._s(_vm.year)+\" \"),_c('br'),_vm._v(\" \"+_vm._s(_vm.month)+\"/\"+_vm._s(_vm.day)+\" \")])]),_c('div',{staticClass:\"content\"},[_c('h2',{staticClass:\"title\"},[_vm._v(_vm._s(_vm.title))]),_c('iframe',{attrs:{\"src\":_vm.newsPageSrc,\"width\":\"100%\",\"scrolling\":\"no\",\"frameborder\":\"0\"},on:{\"load\":_vm.resizeIframe}})])])])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <section class=\"exhibition\">\n    <!-- <div class=\"title\">\n      <h2 class=\"content\">博客详情</h2>\n    </div> -->\n    <div class=\"section\">\n      <div class=\"container\">\n        <div class=\"item details\">\n          <div class=\"details-img\">\n            <img :src=\"banner\" class=\"image\">\n            <div class=\"date\">\n              {{year}}\n              <br>\n              {{month}}/{{day}}\n            </div>\n          </div>\n          <div class=\"content\">\n            <h2 class=\"title\">{{title}}</h2>\n            <iframe :src=\"newsPageSrc\" width=\"100%\" scrolling=\"no\" frameborder=\"0\" @load=\"resizeIframe\"></iframe>\n            <!-- <ul class=\"content-category\">\n              <li><a href=\"#\">计算机</a></li>\n              <li><a href=\"#\">移动</a></li>\n              <li><a href=\"#\">市场营销</a></li>\n              <li><a href=\"#\">设计</a></li>\n              <li><a href=\"#\">发展</a></li>\n            </ul>\n            <h3 class=\"content-title\">如何成为一名在家工作的专业人士</h3>\n            <p class=\"content-describe\">首先要深入掌握本专业的知识技能，其次要在这个专业工作，并且取得优秀的业绩第三要凭着自己的知识技能和业绩，成为本专业的领军人物</p>\n            <p class=\"content-describe\">\n              成为一个专业人士需要具备专业精神，专业精神是指能够胜任一个岗位的职业功能，并且能够主动参与、投入到工作当中，对于细节方面都有深入的了解\n              和把控。百年长存的企业真是那些对着自己产品的品质有这精益求精的精神，不断的根据行业的发展传承与改进，追求极致不断精挑细琢，这需要以极大的热爱之情去坚持，对工作的敬畏之情去奉献。\n            </p>\n            <p class=\"content-describe\">\n              做一名专业人士，意味着在做任何工作时都要尽一切努力实现预期结果。同时，也意味着要对自己的表现负责。\n              作为一名专业人士，最重要的是要自己监督自己——也可以叫做自我质量控制。\n            </p>\n            <p class=\"content-block\">\n              做一名专业人士，意味着在做任何工作时都要尽一切努力实现预期结果。同时，也意味着要对自己的表现负责。\n              作为一名专业人士，最重要的是要自己监督自己——也可以叫做自我质量控制。\n            </p>\n            <p class=\"content-describe\">\n              成为一个专业人士需要具备专业精神，专业精神是指能够胜任一个岗位的职业功能，并且能够主动参与、投入到工作当中，对于细节方面都有深入的了解\n              和把控。百年长存的企业真是那些对着自己产品的品质有这精益求精的精神，不断的根据行业的发展传承与改进，追求极致不断精挑细琢，这需要以极大的热爱之情去坚持，对工作的敬畏之情去奉献。\n            </p>\n            <div class=\"content-share\">\n              <ul>\n                <li><a href=\"#\"><v-icon name=\"archive\"/></a></li>\n                <li><a href=\"#\"><v-icon name=\"asterisk\"/></a></li>\n                <li><a href=\"#\"><v-icon name=\"heart\"/></a></li>\n                <li><a href=\"#\"><v-icon name=\"bookmark\"/></a></li>\n              </ul>\n            </div>-->\n          </div> \n        </div>\n        <!-- <div class=\"item button\">\n          <div>\n            <a href=\"#\"  class=\"post left\">上一张卡片</a>\n          </div>\n          <div>\n            <a href=\"#\"  class=\"post right\">下一张卡片</a>\n          </div>\n        </div>\n        <div class=\"item comments\">\n          <h3 class=\"comments-title\">评论区</h3>\n          <div class=\"single-comment\">\n            <div class=\"comment-img\">\n              <img src=\"../../assets/img/person.jpg\">\n            </div>\n            <div class=\"comment-content\">\n              <h4 class=\"comment-content-title\">约翰史密斯</h4> \n              <p class=\"comment-content-detail\">\n                影片名为《何以为家》，表面上看，是一个12岁的流浪少年渴望有个家、渴望有父母之爱，却又在得不到后憎恶家、逃离家的故事。但其所反映出的社会问题令人唏嘘不已，\n                战争的阴影随处可见，孩子们过着朝不保夕的童年，他们的遭遇令人揪心，令人感伤。看完之后，我们都有一个共同的心愿，那就是影片最后打出的字幕：愿每个孩子都被温柔以待。\n              </p>\n              <span class=\"comment-content-date\">01/19/2018 - 9:10AM</span>\n              <a href=\"#\" class=\"comment-content-reply\">回复</a>\n            </div>\n          </div>\n          <div class=\"single-comment unique\">\n            <div class=\"comment-img\">\n              <img src=\"../../assets/img/person5.jpg\">\n            </div>\n            <div class=\"comment-content\">\n              <h4 class=\"comment-content-title\">约翰大卫</h4> \n              <p class=\"comment-content-detail\">\n                影片名为《何以为家》，表面上看，是一个12岁的流浪少年渴望有个家、渴望有父母之爱，却又在得不到后憎恶家、逃离家的故事。但其所反映出的社会问题令人唏嘘不已，\n                战争的阴影随处可见，孩子们过着朝不保夕的童年，他们的遭遇令人揪心，令人感伤。看完之后，我们都有一个共同的心愿，那就是影片最后打出的字幕：愿每个孩子都被温柔以待。\n              </p>\n              <span class=\"comment-content-date\">01/19/2018 - 9:10AM</span>\n              <a href=\"#\" class=\"comment-content-reply\">回复</a>\n            </div>\n          </div>\n          <div class=\"single-comment\">\n            <div class=\"comment-img\">\n              <img src=\"../../assets/img/people6.jpg\">\n            </div>\n            <div class=\"comment-content\">\n              <h4 class=\"comment-content-title\">史蒂芬</h4> \n              <p class=\"comment-content-detail\">\n                影片名为《何以为家》，表面上看，是一个12岁的流浪少年渴望有个家、渴望有父母之爱，却又在得不到后憎恶家、逃离家的故事。但其所反映出的社会问题令人唏嘘不已，\n                战争的阴影随处可见，孩子们过着朝不保夕的童年，他们的遭遇令人揪心，令人感伤。看完之后，我们都有一个共同的心愿，那就是影片最后打出的字幕：愿每个孩子都被温柔以待。\n              </p>\n              <span class=\"comment-content-date\">01/19/2018 - 9:10AM</span>\n              <a href=\"#\" class=\"comment-content-reply\">回复</a>\n            </div>\n          </div>\n          <div class=\"single-comment\">\n            <div class=\"comment-img\">\n              <img src=\"../../assets/img/people7.jpg\">\n            </div>\n            <div class=\"comment-content\">\n              <h4 class=\"comment-content-title\">贺兰</h4> \n              <p class=\"comment-content-detail\">\n                影片名为《何以为家》，表面上看，是一个12岁的流浪少年渴望有个家、渴望有父母之爱，却又在得不到后憎恶家、逃离家的故事。但其所反映出的社会问题令人唏嘘不已，\n                战争的阴影随处可见，孩子们过着朝不保夕的童年，他们的遭遇令人揪心，令人感伤。看完之后，我们都有一个共同的心愿，那就是影片最后打出的字幕：愿每个孩子都被温柔以待。\n              </p>\n              <span class=\"comment-content-date\">01/19/2018 - 9:10AM</span>\n              <a href=\"#\" class=\"comment-content-reply\">回复</a>\n            </div>\n          </div>\n        </div>\n        <div class=\"item reply\">\n          <h3 class=\"reply-title\">留言</h3>\n          <div class=\"form\">\n            <div class=\"first\">\n              <input type=\"text\" class=\"formItem\" placeholder=\"请输入姓名\" :class=\"{ active: nameActive }\" @focus=\"nActive\" @blur=\"nameActive=false\">\n              <input type=\"email\" class=\"formItem right\" placeholder=\"请输入邮箱\" :class=\"{ active: emailActive }\" @focus=\"eActive\" @blur=\"emailActive=false\">\n            </div>\n            <div class=\"second\">\n              <textarea cols=\"30\" rows=\"5\" class=\"formItem\" placeholder=\"请填写你的评论\" :class=\"{ active: textActive }\" @focus=\"tActive\" @blur=\"textActive=false\"></textarea>\n            </div>\n            <div class=\"btn\">\n              <button class=\"primary-btn\" :class=\"{ active: btnActive }\" @click='btnClick'>提交</button>\n            </div>\n          </div>\n        </div> -->\n      </div>\n    </div>\n  </section>\n</template>\n\n<script>\nexport default {\n  name: 'NewsDetails',\n  data() {\n    return {\n      nameActive: false,\n      emailActive: false,\n      textActive: false,\n      btnActive: false,\n      newsPageSrc: '',\n      title: '',\n      banner: '',\n      year: '',\n      month: '',\n      day: ''\n    }\n  },\n  methods: {\n    nActive() {\n      this.nameActive = true\n    },\n    eActive() {\n      this.emailActive = true\n    },\n    tActive() {\n      this.textActive = true\n    },\n    btnClick() {\n      this.btnActive = true\n    },\n    resizeIframe(event) {\n      let iframe = event.target\n      let iframeHeight = iframe.contentWindow.document.documentElement.scrollHeight + 'px'\n      iframe.style.height = iframeHeight\n    }\n  },\n  mounted () {\n      let data = JSON.parse(localStorage.getItem('currentNews'))\n      this.title = data.title\n      this.newsPageSrc = data.page\n      this.banner = data.banner\n      let date = new Date(data.date)\n      this.year = date.getFullYear()\n      this.month = date.getMonth() + 1\n      this.day = date.getDate()\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\na {\n  transition: .5s;\n  text-decoration: none;\n}\n\np {\n  color: #6084a4;\n  line-height: 1.9;\n}\n\nul {\n  padding: 0;\n  margin: 0;\n  list-style: none;\n}\n\n.exhibition {\n  width: 100%;\n  margin: 0 auto;\n  \n  @media (max-width: 1024px) {\n    width: 100%;\n  }\n}\n\n.title {\n  text-align: center;\n}\n\n.section {\n  width: 100%;\n  padding: 80px 0;\n  \n  @media (max-width: 745px) {\n    padding: 50px 0;\n  }\n\n   @media (max-width: 1024px) {\n    width: 100%;\n  }\n}\n\n.container {\n  display: flex;\n  flex-flow: column wrap;\n  align-items: center;\n  width: 100%;\n  padding: 0 15px;\n  box-sizing: border-box;\n  margin: 0 auto;\n\n  .item {\n    width: 940px;\n    box-sizing: border-box;\n    box-shadow: 0 5px 10px rgba(0,9,128,0.035), 0 7px 18px rgba(0, 9, 128, 0.05);\n  }\n\n  .details {\n\n    .details-img {\n      position: relative;\n\n      .image {\n        width: 940px;\n        height: 400px;\n        object-fit: cover;\n      }\n\n      .date {\n        position: absolute;\n        width: 100px;\n        height: 82px;\n        border-radius: 5px;\n        background: #44ce6f;\n        bottom: 15px;\n        right: 15px;\n        text-align: center;\n        font-size: 24px;\n        color: #fff;\n        font-style: italic;\n        padding-top: 18px;\n        line-height: 30px;\n      }\n    }\n\n    .content {\n      padding: 30px;\n      text-align: left;\n\n      .content-category {\n        margin-bottom: 25px;\n\n        li {\n          display: inline-block;\n          margin-right: 5px;\n\n          a {\n            display: inline-block;\n            height: 29px;\n            padding: 0 15px 0;\n            background: #44ce6f;\n            color: #fff;\n            font-size: 14px;\n            border-radius: 3px;\n            line-height: 29px;\n          }\n        }\n      }\n\n      .content-title {\n        color: #0e314c;\n        font-weight: 500;\n        margin: 0 0 8px;\n        font-size: 16px;\n      }\n\n      .content-describe {\n        font-size: 14px;\n        margin: 18px 0 0;\n      }\n\n      .content-block {\n        margin: 20px 0;\n        padding: 25px;\n        border-left: 4px solid #44ce6f;\n        font-size: 17px;\n      }\n\n      .content-share {\n        display: flex;\n        justify-content: center;\n        margin-top: 30px;\n\n        li {\n          display: inline-block;\n          margin-right: 5px;\n          text-align: center;\n\n           a {\n            display: inline-block;\n            width: 38px;\n            height: 38px;\n            border: 1px solid #eee;\n            color: #0e314c;\n            border-radius: 50%;\n            line-height: 40px;\n\n            &:hover {\n              color: #fff;\n              background: #44ce6f;\n            }\n          }\n        }\n      }\n    }\n  }\n\n  .button {\n    display: flex;\n    justify-content: space-between;\n    margin: 25px 0;\n    padding: 30px;\n\n    .post {\n      display: inline-block;\n      line-height: 21px;\n      border: 1px solid #eee;\n      border-radius: 5px;\n      padding: 8px 20px;\n      color: #0e314c;\n      font-size: 14px;\n\n      &:hover {\n        color: #fff;\n        background: #44ce6f;\n      }\n    }\n  }\n\n  .comments {\n    padding: 30px;\n\n    .comments-title {\n      margin: 0;\n      text-align: left;\n      color: #0e314c;\n      font-weight: 500;\n      font-size: 16px;\n    }\n\n    .single-comment {\n      display: flex;\n      position: relative;\n      padding-left: 95px;\n      margin-top: 30px;\n\n      .comment-img {\n        position: absolute;\n        top: 0;\n        left: 0;\n\n        img {\n          width: 75px;\n          height: 75px;\n          border-radius: 50%;\n        }\n      }\n\n      .comment-content {\n        position: relative;\n        text-align: left;\n        font-size: 14px;\n\n        .comment-content-title {\n          margin: 0 0 10px;\n          color: #0e314c;\n        }\n\n        .comment-content-detail {\n          margin: 0 0 15px;\n        }\n\n        .comment-content-date {\n          color: #6084a4;\n        }\n\n         .comment-content-reply {\n          position: absolute;\n          right: 0;\n          color: #0e314c;\n\n          &:hover {\n            color: #44ce6f;\n          }\n        }\n      }\n    }\n\n    .unique {\n      margin-left: 85px;\n    }\n  }\n\n  .reply {\n    margin-top: 25px;\n    padding: 30px;\n\n    .reply-title {\n      color: #0e314c;\n      font-weight: 500;\n      font-size: 16px;\n      margin: 0 0 30px;\n      text-align: left;\n    }\n\n    .form {\n\n      .first {\n        display: flex;\n\n        .formItem {\n          height: 28px;\n          flex: 0.5;\n\n          // &:nth-child(2) {\n          //   margin: 0 0 15px 15px;\n          // }\n        }\n\n        .right {\n          margin: 0 0 15px 15px;\n        }\n      }\n\n      .second {\n        display: flex;\n\n        .formItem {\n          height: 105px;\n          flex: 1;\n          margin: 0 0 15px 0;\n          resize: vertical;\n        }\n      }\n\n      .formItem {\n        outline: none;\n        margin: 0 15px 15px 0;\n        padding: 10px 20px;\n        border: 1px solid #eee;\n        font-size: 14px;\n        color: #0e314c;\n        background: #eee;\n        transition: .5s;\n      }\n\n      .btn {\n        text-align: left;\n\n        .primary-btn {\n          position: relative;\n          outline: none;\n          color: #fff;\n          font-size: 14px;\n          padding: 15px 40px;\n          background: #44ce6f;\n          border: none;\n          border-radius: 4px;\n          font-weight: 600;\n          cursor: pointer;\n          transition: .5s;\n          box-shadow: 0 13px 27px 0 rgba(68, 206, 111, 0.25);\n\n          &:hover {\n            transform: translateY(-3px);\n            background: #343a40;\n\n            &::before {\n              width: 54px;\n              left: 0;\n              border-radius: 4px 0 0 4px;\n            }\n\n            &::after {\n              width: 54px;\n              right: 0;\n              border-radius: 0 4px 4px 0;\n            }\n          }\n\n          &::before, &::after {\n            content: '';\n            position: absolute;\n            top: 0;\n            height: 100%;\n            width: 0;\n            background: #c679ec;\n            transition: .5s;\n            z-index: -1;\n            border-radius: 4px;\n          }\n\n          &::before {\n            left: 0;\n          }\n\n          &::after {\n            right: 0;\n          }\n        }\n\n        .active {\n          background: #343a40;\n          transform: translateY(-3px);\n        }\n      }\n\n      .active {\n        background: #fff;\n        border: 1px solid #44ce6f;\n      }\n    }\n  }\n\n  @media (max-width: 745px) {\n    .item {\n      width: 100%;\n\n      &:not(:nth-child(1)) {\n        padding: 30px 20px;\n      }\n    }\n\n    .details {\n      .content {\n        padding: 30px 20px;\n      }\n\n      .content-category {\n        li {\n          margin-bottom: 5px;\n        }\n      }\n    }\n\n    .reply {\n      .form {\n\n        .first {\n          display: flex;\n          flex-flow: column;\n\n          .formItem {\n            flex: 1; \n            margin: 0 0 18px;\n          }\n        }\n\n        .second {\n          .formItem {\n            margin: 0 0 18px;\n          }\n        }\n      }\n    }\n\n    .comments {\n\n      .single-comment {\n        display: flex;\n        flex-flow: column;\n        align-items: flex-start;\n        width: 100%;\n        padding: 0;\n\n        .comment-img {\n          position: relative;\n          margin-bottom: 25px;\n        }\n      }\n\n      .unique {\n        box-sizing: border-box;\n        padding-left: 20px;\n        margin: 30px 0 0 0;\n      }\n    }\n  }\n\n  @media (max-width: 1024px) {\n    width: 100%;\n    max-width: 720px;\n    .item {\n      width: 100%;\n\n      &:not(:nth-child(1)) {\n        padding: 30px 20px;\n      }\n    }\n    .details {\n      .details-img {\n        .image {\n          width: 100%;\n          height: auto;\n        }\n      }\n    }\n  }\n\n  @media (min-width: 768px) and (max-width: 1023px) {\n    max-width: 720px;\n    // margin: 0 24px;\n\n    .item {\n      width: 100%;\n    }\n  }\n\n  @media (width: 1024px) { \n    box-sizing: border-box;\n    max-width: 960px;\n    margin: 0 32px;\n\n    .item {\n      width: 610px;\n    }\n  }\n\n  // @media (min-width: 1025px) {\n  //   max-width: 1140px;\n  // }\n}\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!./NewsDetails.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!./NewsDetails.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./NewsDetails.vue?vue&type=template&id=7bcebda5&scoped=true&\"\nimport script from \"./NewsDetails.vue?vue&type=script&lang=js&\"\nexport * from \"./NewsDetails.vue?vue&type=script&lang=js&\"\nimport style0 from \"./NewsDetails.vue?vue&type=style&index=0&id=7bcebda5&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  \"7bcebda5\",\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./NewsDetails.vue?vue&type=style&index=0&id=7bcebda5&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./NewsDetails.vue?vue&type=style&index=0&id=7bcebda5&lang=scss&scoped=true&\""],"sourceRoot":""}