{"remainingRequest":"D:\\源码\\vue-element-admin-master\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\源码\\vue-element-admin-master\\src\\views\\pdf\\download.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\源码\\vue-element-admin-master\\src\\views\\pdf\\download.vue","mtime":1649647926000},{"path":"D:\\源码\\vue-element-admin-master\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\源码\\vue-element-admin-master\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"D:\\源码\\vue-element-admin-master\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\源码\\vue-element-admin-master\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KCgpleHBvcnQgZGVmYXVsdCB7CiAgZGF0YSgpIHsKICAgIHJldHVybiB7CiAgICAgIGFydGljbGU6ICcnLAogICAgICBmdWxsc2NyZWVuTG9hZGluZzogdHJ1ZQogICAgfQogIH0sCiAgbW91bnRlZCgpIHsKICAgIHRoaXMuZmV0Y2hEYXRhKCkKICB9LAogIG1ldGhvZHM6IHsKICAgIGZldGNoRGF0YSgpIHsKICAgICAgaW1wb3J0KCcuL2NvbnRlbnQuanMnKS50aGVuKGRhdGEgPT4gewogICAgICAgIGNvbnN0IHsgdGl0bGUgfSA9IGRhdGEuZGVmYXVsdAogICAgICAgIGRvY3VtZW50LnRpdGxlID0gdGl0bGUKICAgICAgICB0aGlzLmFydGljbGUgPSBkYXRhLmRlZmF1bHQKICAgICAgICBzZXRUaW1lb3V0KCgpID0+IHsKICAgICAgICAgIHRoaXMuZnVsbHNjcmVlbkxvYWRpbmcgPSBmYWxzZQogICAgICAgICAgdGhpcy4kbmV4dFRpY2soKCkgPT4gewogICAgICAgICAgICB3aW5kb3cucHJpbnQoKQogICAgICAgICAgfSkKICAgICAgICB9LCAzMDAwKQogICAgICB9KQogICAgfQogIH0KfQo="},{"version":3,"sources":["download.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAgBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"download.vue","sourceRoot":"src/views/pdf","sourcesContent":["<template>\n  <div v-loading.fullscreen.lock=\"fullscreenLoading\" class=\"main-article\" element-loading-text=\"Efforts to generate PDF\">\n    <div class=\"article__heading\">\n      <div class=\"article__heading__title\">\n        {{ article.title }}\n      </div>\n    </div>\n    <div style=\"color: #ccc;\">\n      This article is from Evan You on <a target=\"_blank\" href=\"https://medium.com/the-vue-point/plans-for-the-next-iteration-of-vue-js-777ffea6fabf\">medium</a>\n    </div>\n    <div ref=\"content\" class=\"node-article-content\" v-html=\"article.content\" />\n  </div>\n</template>\n\n<script>\n\nexport default {\n  data() {\n    return {\n      article: '',\n      fullscreenLoading: true\n    }\n  },\n  mounted() {\n    this.fetchData()\n  },\n  methods: {\n    fetchData() {\n      import('./content.js').then(data => {\n        const { title } = data.default\n        document.title = title\n        this.article = data.default\n        setTimeout(() => {\n          this.fullscreenLoading = false\n          this.$nextTick(() => {\n            window.print()\n          })\n        }, 3000)\n      })\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\">\n@mixin clearfix {\n  &:before {\n    display: table;\n    content: '';\n    clear: both;\n  }\n\n  &:after {\n    display: table;\n    content: '';\n    clear: both;\n  }\n}\n\n.main-article {\n  padding: 20px;\n  margin: 0 auto;\n  display: block;\n  width: 740px;\n  background: #fff;\n}\n\n.article__heading {\n  position: relative;\n  padding: 0 0 20px;\n  overflow: hidden;\n}\n\n.article__heading__title {\n  display: block;\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2;\n  line-clamp: 2;\n  word-wrap: break-word;\n  overflow-wrap: break-word;\n  font-size: 32px;\n  line-height: 48px;\n  font-weight: 600;\n  color: #333;\n  overflow: hidden;\n}\n\n.node-article-content {\n  margin: 20px 0 0;\n  @include clearfix;\n  font-size: 16px;\n  color: #333;\n  letter-spacing: 0.5px;\n  line-height: 28px;\n  margin-bottom: 30px;\n  font-family: medium-content-serif-font, Georgia, Cambria, \"Times New Roman\", Times, serif;\n\n  &> :last-child {\n    margin-bottom: 0;\n  }\n\n  b,\n  strong {\n    font-weight: inherit;\n    font-weight: bolder;\n  }\n\n  img {\n    max-width: 100%;\n    display: block;\n    margin: 0 auto;\n  }\n\n  p {\n    font-weight: 400;\n    font-style: normal;\n    font-size: 21px;\n    line-height: 1.58;\n    letter-spacing: -.003em;\n\n  }\n\n  ul {\n    margin-bottom: 30px;\n  }\n\n  li {\n    --x-height-multiplier: 0.375;\n    --baseline-multiplier: 0.17;\n\n    letter-spacing: .01rem;\n    font-weight: 400;\n    font-style: normal;\n    font-size: 21px;\n    line-height: 1.58;\n    letter-spacing: -.003em;\n    margin-left: 30px;\n    margin-bottom: 14px;\n  }\n\n  a {\n    text-decoration: none;\n    background-repeat: repeat-x;\n    background-image: linear-gradient(to right, rgba(0, 0, 0, .84) 100%, rgba(0, 0, 0, 0) 0);\n    background-size: 1px 1px;\n    background-position: 0 calc(1em + 1px);\n    padding: 0 6px;\n  }\n\n  code {\n    background: rgba(0, 0, 0, .05);\n    padding: 3px 4px;\n    margin: 0 2px;\n    font-size: 16px;\n    display: inline-block;\n  }\n\n  img {\n    border: 0;\n  }\n\n  /* 解决 IE6-7 图片缩放锯齿问题 */\n  img {\n    -ms-interpolation-mode: bicubic;\n  }\n\n  blockquote {\n    --x-height-multiplier: 0.375;\n    --baseline-multiplier: 0.17;\n    font-family: medium-content-serif-font, Georgia, Cambria, \"Times New Roman\", Times, serif;\n    letter-spacing: .01rem;\n    font-weight: 400;\n    font-style: italic;\n    font-size: 21px;\n    line-height: 1.58;\n    letter-spacing: -.003em;\n    border-left: 3px solid rgba(0, 0, 0, .84);\n    padding-left: 20px;\n    margin-left: -23px;\n    padding-bottom: 2px;\n  }\n\n  a {\n    text-decoration: none;\n  }\n\n  h2,\n  h3,\n  h4 {\n    font-size: 34px;\n    line-height: 1.15;\n    letter-spacing: -.015em;\n    margin: 53px 0 0;\n  }\n\n  h4 {\n    font-size: 26px;\n  }\n}\n</style>\n"]}]}