{"version":3,"sources":["webpack:///./src/views/Detail.vue?3fd7","webpack:///./src/views/Detail.vue?ba49","webpack:///src/views/Detail.vue","webpack:///./src/views/Detail.vue?a062","webpack:///./src/views/Detail.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_m","_v","_s","detail","title","date","read","directives","name","rawName","domProps","content_html","attrs","copyright","staticRenderFns","Vue","data","id","created","getDetail","$router","push","methods","axios","params","code","console","component"],"mappings":"yIAAA,W,yCCAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,WAAW,CAACN,EAAIO,GAAG,GAAGH,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,MAAM,CAACE,YAAY,SAAS,CAACF,EAAG,OAAO,CAACJ,EAAIQ,GAAGR,EAAIS,GAAGT,EAAIU,OAAOC,UAAUP,EAAG,OAAO,CAACJ,EAAIQ,GAAGR,EAAIS,GAAGT,EAAIU,OAAOE,MAAM,KAAKR,EAAG,IAAI,CAACJ,EAAIQ,GAAG,OAAOR,EAAIQ,GAAG,IAAIR,EAAIS,GAAGT,EAAIU,OAAOG,MAAM,iBAAiBT,EAAG,MAAM,CAACU,WAAW,CAAC,CAACC,KAAK,YAAYC,QAAQ,gBAAgBV,YAAY,UAAUW,SAAS,CAAC,UAAYjB,EAAIS,GAAGT,EAAIU,OAAOQ,mBAAmBd,EAAG,IAAI,CAACE,YAAY,YAAYa,MAAM,CAAC,OAAS,SAAS,KAAO,+BAA+B,CAACnB,EAAIQ,GAAGR,EAAIS,GAAGT,EAAIoB,iBACtnBC,EAAkB,CAAC,WAAa,IAAIrB,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACF,EAAG,MAAM,CAACE,YAAY,cAAc,CAACN,EAAIQ,GAAG,e,gDCmBrLc,OAAIA,IAAIA,QACO,OACbC,KADF,WAEI,MAAO,CACLC,GAAIA,KAAKA,OAAOA,MAAMA,GACtBT,KAAMA,KACNJ,MAAOA,KACPD,OAAQA,GACRU,UAAWA,KAGfK,QAVF,WAWSxB,KAAKuB,GAIRvB,KAAKyB,YAHLzB,KAAK0B,QAAQC,KAAK,CAAxBb,cAMEc,QAASA,CAEXH,UAFA,WAEA,WACA,GACQF,GAAIA,KAAKA,IAEjB,gBACMM,OAAMA,IAAIA,+CAAgDA,CAAhEC,WAAA,kBAEQ,IAAR,SACQ,GAAY,GAARC,EAEF,OADA,0BACO,EAEP,EAAV,cACU,EAAV,2BACUC,QAAQA,IAAIA,EAAIA,KAAMA,aCvDgT,I,wBCQ5UC,EAAY,eACd,EACAnC,EACAsB,GACA,EACA,KACA,WACA,MAIa,aAAAa,E","file":"js/chunk-6ca12a6c.2f70db1e.js","sourcesContent":["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!./Detail.vue?vue&type=style&index=0&id=64ed9b66&lang=less&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"wrapper\"},[_vm._m(0),_c('div',{staticClass:\"container\"},[_c('div',{staticClass:\"title\"},[_c('span',[_vm._v(_vm._s(_vm.detail.title))]),_c('span',[_vm._v(_vm._s(_vm.detail.date)+\" \"),_c('i',[_vm._v(\"/\")]),_vm._v(\" \"+_vm._s(_vm.detail.read)+\" min read\")])]),_c('div',{directives:[{name:\"highlight\",rawName:\"v-highlight\"}],staticClass:\"content\",domProps:{\"innerHTML\":_vm._s(_vm.detail.content_html)}})]),_c('a',{staticClass:\"copyright\",attrs:{\"target\":\"_blank\",\"href\":\"https://beian.miit.gov.cn/\"}},[_vm._v(_vm._s(_vm.copyright))])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"head\"},[_c('div',{staticClass:\"head-title\"},[_vm._v(\"你好，世界\")])])}]\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"wrapper\">\n    <div class=\"head\">\n      <div class=\"head-title\">你好，世界</div>\n    </div>\n    <div class=\"container\">\n      <div class=\"title\">\n        <span>{{ detail.title }}</span>\n        <span>{{ detail.date }} <i>/</i> {{ detail.read }} min read</span>\n      </div>\n      <div class=\"content\" v-highlight v-html=\"detail.content_html\" />\n    </div>\n    <a class=\"copyright\" target=\"_blank\" href=\"https://beian.miit.gov.cn/\">{{ copyright }}</a>\n  </div>\n</template>\n\n<script>\nimport Vue from 'vue'\nimport axios from '@/utils/http'\nimport { Toast } from 'vant'\nVue.use(Toast)\nexport default {\n  data() {\n    return {\n      id: this.$route.query.id, // 文章ID\n      name: '首页',\n      title: '首页',\n      detail: [],\n      copyright: ''\n    }\n  },\n  created() {\n    if (!this.id) {\n      this.$router.push({ name: '404' })\n    }\n    else {\n      this.getDetail()\n    }\n  },\n  methods: {\n    // 获取首页广告列表\n\t\tgetDetail () {\n      let params = {\n        id: this.id\n      }\n\t\t\tthis.loading = true\n      axios.get('http://adv.down5g.net/api/web/article_detail', {params: params}).then((res) => \n      {\n        let code = res.code\n        if (code != 1) {\n          Toast('页面加载错误')\n          return false\n        } else {\n          this.detail = res.data\n          this.copyright = res.data.copyright\n          console.log(res.data, 11111)\n        }\n      })\n\t\t}\n  }\n}\n</script>\n\n<style lang=\"less\" scoped>\n.wrapper {\n  display: block;\n  width: 100%;\n  background: #fff;\n  font-size: 16px;\n  color: rgba(0, 0, 0, 0.86);\n  line-height: 26px;\n\n  // 头部\n  .head {\n    display: block;\n    margin-bottom: 30px;\n    background: url('~@/assets/images/bg.jpg') no-repeat center center;\n    background-attachment: scroll;\n    position: relative;\n    background-size: cover;\n    height: 330px;\n    .head-title {\n      display: flex;\n      width: 100%;\n      height: 360px;\n      justify-content: center;\n      align-items: center;\n      color: #fff;\n      font-size: 40px;\n      font-weight: 800;\n    }\n  }\n  .container {\n    display: block;\n    width: calc(100% - 40px);\n    max-width: 750px;\n    margin: 0 auto;\n    padding: 0 20px;\n    margin-bottom: 50px;\n    min-height: calc(100vh - 390px);\n  }\n  .title {\n    display: flex;\n    flex-flow: column;\n    span:nth-child(1) {\n      font-size: 28px;\n      font-weight: 700;\n      letter-spacing: 1px;\n      padding: 24px 0;\n      color: #333;\n    }\n    span:nth-child(2) {\n      color: #5E5E5E;\n      font-size: 12px;\n      padding-bottom: 24px;\n      i {\n        font-size: 10px;\n        color: rgba(0, 0, 0, 0.1);\n        margin: 0 4px;\n      }\n    }\n  }\n}\n\n/deep/ .hljs {\n  margin: 10px 0;\n  border-radius: 5px;\n}\n\n\n/deep/ .content {\n  h1, h2, h3, h4 {\n    margin: 16px 0;\n    font-weight: 700;\n    padding-top: 16px;\n  }\n\n  p {\n    margin: 8px 0;\n  }\n  h1 {\n    font-size: 48px;\n  }\n  h2 {\n    font-size: 36px;\n  }\n\n  h3 {\n    font-size: 24px;\n  }\n  h4 {\n    font-size: 21px;\n  }\n  h5 {\n    font-size: 18px;\n  }\n\n  p code {\n    line-height: initial;\n    word-wrap: break-word;\n    border-radius: 0;\n    background-color: #fff5f5;\n    color: #c53030;\n    padding: 0.2em 0.33333333em;\n    margin-left: 0.125em;\n    margin-right: 0.125em;\n  }\n\n  blockquote {\n    color: #9a9a9a;\n    position: relative;\n    padding: 0.4em 0 0 2.2em;\n    font-size: 0.96em;\n  }\n  blockquote:before {\n    position: absolute;\n    top: -4px;\n    left: 0;\n    content: \"\\201c\";\n    font: 700 62px/1 serif;\n    color: rgba(0, 0, 0, 0.1);\n  }\n}\n.copyright {\n    display: flex;\n    width: calc(100% - 40px);\n    max-width: 750px;\n    margin: 0 auto;\n    font-size: 14px;\n    height: 60px;\n    justify-content: center;\n    align-items: center;\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!./Detail.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!./Detail.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Detail.vue?vue&type=template&id=64ed9b66&scoped=true&\"\nimport script from \"./Detail.vue?vue&type=script&lang=js&\"\nexport * from \"./Detail.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Detail.vue?vue&type=style&index=0&id=64ed9b66&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  \"64ed9b66\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}