{"version":3,"sources":["webpack:///./src/pages/news.vue","webpack:///src/pages/news.vue","webpack:///./src/pages/news.vue?d247","webpack:///./src/pages/news.vue?9d6f","webpack:///./src/pages/news.vue?9f2a"],"names":["render","_vm","this","_c","_self","staticClass","_m","_l","list","item","index","key","on","$event","goNews","newUrl","attrs","newImg","_v","_s","newTitle","newInfo","staticRenderFns","data","created","getData","methods","url","window","open","_this","axios","get","then","res","component"],"mappings":"uHAAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,UAAU,CAACJ,EAAIK,GAAG,GAAGH,EAAG,MAAM,CAACE,YAAY,eAAeJ,EAAIM,GAAIN,EAAIO,MAAM,SAASC,EAAKC,GAAO,OAAOP,EAAG,MAAM,CAACQ,IAAID,EAAML,YAAY,aAAaO,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOZ,EAAIa,OAAOL,EAAKM,WAAW,CAACZ,EAAG,MAAM,CAACE,YAAY,SAASW,MAAM,CAAC,IAAMP,EAAKQ,UAAUd,EAAG,MAAM,CAACE,YAAY,cAAc,CAACF,EAAG,KAAK,CAACF,EAAIiB,GAAGjB,EAAIkB,GAAGV,EAAKW,aAAajB,EAAG,IAAI,CAACF,EAAIiB,GAAGjB,EAAIkB,GAAGV,EAAKY,YAAYpB,EAAIK,GAAG,GAAE,UAAY,MAE/egB,EAAkB,CAAC,WAAY,IAAIrB,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,iBAAiB,CAACF,EAAG,MAAM,CAACE,YAAY,eAAe,CAACF,EAAG,KAAK,CAACF,EAAIiB,GAAG,SAASf,EAAG,IAAI,CAACF,EAAIiB,GAAG,uBAAuBf,EAAG,MAAM,CAACa,MAAM,CAAC,IAAM,iFACzO,WAAY,IAAIf,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,eAAe,CAACF,EAAG,SAAS,CAACF,EAAIiB,GAAG,UAAUf,EAAG,MAAM,CAACa,MAAM,CAAC,IAAM,iFC6B9H,GACfO,KAAA,WACA,OACAf,KAAA,KAGAgB,QAAA,WACA,KAAAC,WAEAC,QAAA,CACAZ,OAAA,SAAAa,GACAC,OAAAC,KAAAF,EAAA,WAEAF,QAAA,eAAAK,EAAA,KAEA,KAAAC,MAAAC,IAAA,+DAAAC,MAAA,SAAAC,GACAJ,EAAAtB,KAAA0B,EAAAX,KAAAf,WChD2W,I,yBCQvW2B,EAAY,eACd,EACAnC,EACAsB,GACA,EACA,KACA,KACA,MAIa,aAAAa,E,mECnBf","file":"js/chunk-1a0f6de6.1aff1fa0.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"medium\"},[_vm._m(0),_c('div',{staticClass:\"medium-list\"},_vm._l((_vm.list),function(item,index){return _c('div',{key:index,staticClass:\"medium-box\",on:{\"click\":function($event){return _vm.goNews(item.newUrl)}}},[_c('img',{staticClass:\"newImg\",attrs:{\"src\":item.newImg}}),_c('div',{staticClass:\"medium-msg\"},[_c('h3',[_vm._v(_vm._s(item.newTitle))]),_c('p',[_vm._v(_vm._s(item.newInfo))]),_vm._m(1,true)])])}),0)])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"medium-banner\"},[_c('div',{staticClass:\"banner-head\"},[_c('h2',[_vm._v(\"河小象\")]),_c('p',[_vm._v(\"少 儿 在 线 素 质 教 育\")])]),_c('img',{attrs:{\"src\":\"https://xcx.alicdn2.hexiaoxiang.com/web_static/new_hx_web/new-banner.png\"}})])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"medium-info\"},[_c('button',[_vm._v(\" 查看详情 \"),_c('img',{attrs:{\"src\":\"https://xcx.alicdn2.hexiaoxiang.com/web_static/new_hx_web/new-btn.png\"}})])])\n}]\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"medium\">\n    <div class=\"medium-banner\">\n      <div class=\"banner-head\">\n        <h2>河小象</h2>\n        <p>少 儿 在 线 素 质 教 育</p>\n      </div>\n      <img src=\"https://xcx.alicdn2.hexiaoxiang.com/web_static/new_hx_web/new-banner.png\" />\n    </div>\n    <div class=\"medium-list\">\n      <div\n        class=\"medium-box\"\n        v-for=\"(item,index) in list\"\n        :key=\"index\"\n        @click=\"goNews(item.newUrl)\"\n      >\n        <img :src=\"item.newImg\" class=\"newImg\" />\n        <div class=\"medium-msg\">\n          <h3>{{item.newTitle}}</h3>\n          <p>{{item.newInfo}}</p>\n          <div class=\"medium-info\">\n            <button>\n              查看详情\n              <img src=\"https://xcx.alicdn2.hexiaoxiang.com/web_static/new_hx_web/new-btn.png\" />\n            </button>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n<script>\nexport default {\n  data () {\n    return {\n      list: []\n    }\n  },\n  created () {\n    this.getData()\n  },\n  methods: {\n    goNews (url) {\n      window.open(url, '_blank')\n    },\n    getData () {\n        //https://xcx.alicdn2.hexiaoxiang.com/web_static/new_hx_web/news.json\n       this.axios.get('https://sc2.hexiaoxiang.com/web_static/new_hx_web/news.json').then(res=>{\n         this.list=res.data.list\n       })\n    }\n  }\n}\n</script>\n<style lang=\"scss\">\n.medium {\n  .medium-banner {\n    width: 100%;\n    height: 620px;\n    background: url('https://xcx.alicdn2.hexiaoxiang.com/web_static/new_hx_web/new-bg.png');\n    background-size: 100% 100%;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    img {\n      height: 580px;\n    }\n    .banner-head {\n      color: #00234d;\n      text-align: left;\n      margin-right: 38px;\n      h2 {\n        font-size: 70px;\n        position: relative;\n        &::after {\n          content: '';\n          width: 118px;\n          height: 6px;\n          background: #1295ff;\n          position: absolute;\n          bottom: -18px;\n          left: 0;\n        }\n      }\n      p {\n        margin-top: 30px;\n        font-size: 35px;\n      }\n    }\n  }\n  .medium-list {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    width: 1120px;\n    margin: 0 auto 100px;\n    .medium-box {\n      padding: 35px 23px;\n      box-shadow: 0px 14px 30px 0px rgba(236, 235, 235, 1);\n      margin-top: 32px;\n      cursor: pointer;\n      display: flex;\n      .newImg {\n        width: 334px;\n        height: 334px;\n        margin-right: 36px;\n        object-fit: contain;\n      }\n      .medium-msg {\n        font-family: MicrosoftYaHeiUI;\n        color: #444444;\n        flex: 1;\n        display: flex;\n        flex-direction: column;\n        justify-content: space-between;\n        h3 {\n          font-size: 36px;\n          font-weight: bold;\n          margin-bottom: 23px;\n          text-align: left;\n          display: -webkit-box;\n          -webkit-box-orient: vertical;\n          -webkit-line-clamp: 2;\n          overflow: hidden;\n        }\n        p {\n          font-size: 18px;\n          line-height: 30px;\n          display: -webkit-box;\n          -webkit-box-orient: vertical;\n          -webkit-line-clamp: 7;\n          overflow: hidden;\n          flex: 1;\n          text-align: left;\n        }\n        .medium-info {\n          display: flex;\n          justify-content: end;\n          color: #787878;\n          font-size: 16px;\n          margin-top: 19px;\n          align-items: center;\n          button {\n            color: #ff7041;\n            font-size: 16px;\n            display: flex;\n            align-items: center;\n            img {\n              width: 20px;\n              height: 20px;\n            }\n          }\n        }\n      }\n    }\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/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./news.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/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./news.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./news.vue?vue&type=template&id=41a5b975\"\nimport script from \"./news.vue?vue&type=script&lang=js\"\nexport * from \"./news.vue?vue&type=script&lang=js\"\nimport style0 from \"./news.vue?vue&type=style&index=0&id=41a5b975&prod&lang=scss\"\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  null,\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/@vue/cli-service/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/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./news.vue?vue&type=style&index=0&id=41a5b975&prod&lang=scss\""],"sourceRoot":""}