{"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=style&index=0&lang=scss&","dependencies":[{"path":"D:\\源码\\vue-element-admin-master\\src\\views\\pdf\\download.vue","mtime":1649647926000},{"path":"D:\\源码\\vue-element-admin-master\\node_modules\\css-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\源码\\vue-element-admin-master\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":499162500000},{"path":"D:\\源码\\vue-element-admin-master\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"D:\\源码\\vue-element-admin-master\\node_modules\\sass-loader\\dist\\cjs.js","mtime":499162500000},{"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:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKQG1peGluIGNsZWFyZml4IHsKICAmOmJlZm9yZSB7CiAgICBkaXNwbGF5OiB0YWJsZTsKICAgIGNvbnRlbnQ6ICcnOwogICAgY2xlYXI6IGJvdGg7CiAgfQoKICAmOmFmdGVyIHsKICAgIGRpc3BsYXk6IHRhYmxlOwogICAgY29udGVudDogJyc7CiAgICBjbGVhcjogYm90aDsKICB9Cn0KCi5tYWluLWFydGljbGUgewogIHBhZGRpbmc6IDIwcHg7CiAgbWFyZ2luOiAwIGF1dG87CiAgZGlzcGxheTogYmxvY2s7CiAgd2lkdGg6IDc0MHB4OwogIGJhY2tncm91bmQ6ICNmZmY7Cn0KCi5hcnRpY2xlX19oZWFkaW5nIHsKICBwb3NpdGlvbjogcmVsYXRpdmU7CiAgcGFkZGluZzogMCAwIDIwcHg7CiAgb3ZlcmZsb3c6IGhpZGRlbjsKfQoKLmFydGljbGVfX2hlYWRpbmdfX3RpdGxlIHsKICBkaXNwbGF5OiBibG9jazsKICBkaXNwbGF5OiAtd2Via2l0LWJveDsKICAtd2Via2l0LWJveC1vcmllbnQ6IHZlcnRpY2FsOwogIC13ZWJraXQtbGluZS1jbGFtcDogMjsKICBsaW5lLWNsYW1wOiAyOwogIHdvcmQtd3JhcDogYnJlYWstd29yZDsKICBvdmVyZmxvdy13cmFwOiBicmVhay13b3JkOwogIGZvbnQtc2l6ZTogMzJweDsKICBsaW5lLWhlaWdodDogNDhweDsKICBmb250LXdlaWdodDogNjAwOwogIGNvbG9yOiAjMzMzOwogIG92ZXJmbG93OiBoaWRkZW47Cn0KCi5ub2RlLWFydGljbGUtY29udGVudCB7CiAgbWFyZ2luOiAyMHB4IDAgMDsKICBAaW5jbHVkZSBjbGVhcmZpeDsKICBmb250LXNpemU6IDE2cHg7CiAgY29sb3I6ICMzMzM7CiAgbGV0dGVyLXNwYWNpbmc6IDAuNXB4OwogIGxpbmUtaGVpZ2h0OiAyOHB4OwogIG1hcmdpbi1ib3R0b206IDMwcHg7CiAgZm9udC1mYW1pbHk6IG1lZGl1bS1jb250ZW50LXNlcmlmLWZvbnQsIEdlb3JnaWEsIENhbWJyaWEsICJUaW1lcyBOZXcgUm9tYW4iLCBUaW1lcywgc2VyaWY7CgogICY+IDpsYXN0LWNoaWxkIHsKICAgIG1hcmdpbi1ib3R0b206IDA7CiAgfQoKICBiLAogIHN0cm9uZyB7CiAgICBmb250LXdlaWdodDogaW5oZXJpdDsKICAgIGZvbnQtd2VpZ2h0OiBib2xkZXI7CiAgfQoKICBpbWcgewogICAgbWF4LXdpZHRoOiAxMDAlOwogICAgZGlzcGxheTogYmxvY2s7CiAgICBtYXJnaW46IDAgYXV0bzsKICB9CgogIHAgewogICAgZm9udC13ZWlnaHQ6IDQwMDsKICAgIGZvbnQtc3R5bGU6IG5vcm1hbDsKICAgIGZvbnQtc2l6ZTogMjFweDsKICAgIGxpbmUtaGVpZ2h0OiAxLjU4OwogICAgbGV0dGVyLXNwYWNpbmc6IC0uMDAzZW07CgogIH0KCiAgdWwgewogICAgbWFyZ2luLWJvdHRvbTogMzBweDsKICB9CgogIGxpIHsKICAgIC0teC1oZWlnaHQtbXVsdGlwbGllcjogMC4zNzU7CiAgICAtLWJhc2VsaW5lLW11bHRpcGxpZXI6IDAuMTc7CgogICAgbGV0dGVyLXNwYWNpbmc6IC4wMXJlbTsKICAgIGZvbnQtd2VpZ2h0OiA0MDA7CiAgICBmb250LXN0eWxlOiBub3JtYWw7CiAgICBmb250LXNpemU6IDIxcHg7CiAgICBsaW5lLWhlaWdodDogMS41ODsKICAgIGxldHRlci1zcGFjaW5nOiAtLjAwM2VtOwogICAgbWFyZ2luLWxlZnQ6IDMwcHg7CiAgICBtYXJnaW4tYm90dG9tOiAxNHB4OwogIH0KCiAgYSB7CiAgICB0ZXh0LWRlY29yYXRpb246IG5vbmU7CiAgICBiYWNrZ3JvdW5kLXJlcGVhdDogcmVwZWF0LXg7CiAgICBiYWNrZ3JvdW5kLWltYWdlOiBsaW5lYXItZ3JhZGllbnQodG8gcmlnaHQsIHJnYmEoMCwgMCwgMCwgLjg0KSAxMDAlLCByZ2JhKDAsIDAsIDAsIDApIDApOwogICAgYmFja2dyb3VuZC1zaXplOiAxcHggMXB4OwogICAgYmFja2dyb3VuZC1wb3NpdGlvbjogMCBjYWxjKDFlbSArIDFweCk7CiAgICBwYWRkaW5nOiAwIDZweDsKICB9CgogIGNvZGUgewogICAgYmFja2dyb3VuZDogcmdiYSgwLCAwLCAwLCAuMDUpOwogICAgcGFkZGluZzogM3B4IDRweDsKICAgIG1hcmdpbjogMCAycHg7CiAgICBmb250LXNpemU6IDE2cHg7CiAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7CiAgfQoKICBpbWcgewogICAgYm9yZGVyOiAwOwogIH0KCiAgLyog6Kej5YazIElFNi03IOWbvueJh+e8qeaUvumUr+m9v+mXrumimCAqLwogIGltZyB7CiAgICAtbXMtaW50ZXJwb2xhdGlvbi1tb2RlOiBiaWN1YmljOwogIH0KCiAgYmxvY2txdW90ZSB7CiAgICAtLXgtaGVpZ2h0LW11bHRpcGxpZXI6IDAuMzc1OwogICAgLS1iYXNlbGluZS1tdWx0aXBsaWVyOiAwLjE3OwogICAgZm9udC1mYW1pbHk6IG1lZGl1bS1jb250ZW50LXNlcmlmLWZvbnQsIEdlb3JnaWEsIENhbWJyaWEsICJUaW1lcyBOZXcgUm9tYW4iLCBUaW1lcywgc2VyaWY7CiAgICBsZXR0ZXItc3BhY2luZzogLjAxcmVtOwogICAgZm9udC13ZWlnaHQ6IDQwMDsKICAgIGZvbnQtc3R5bGU6IGl0YWxpYzsKICAgIGZvbnQtc2l6ZTogMjFweDsKICAgIGxpbmUtaGVpZ2h0OiAxLjU4OwogICAgbGV0dGVyLXNwYWNpbmc6IC0uMDAzZW07CiAgICBib3JkZXItbGVmdDogM3B4IHNvbGlkIHJnYmEoMCwgMCwgMCwgLjg0KTsKICAgIHBhZGRpbmctbGVmdDogMjBweDsKICAgIG1hcmdpbi1sZWZ0OiAtMjNweDsKICAgIHBhZGRpbmctYm90dG9tOiAycHg7CiAgfQoKICBhIHsKICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTsKICB9CgogIGgyLAogIGgzLAogIGg0IHsKICAgIGZvbnQtc2l6ZTogMzRweDsKICAgIGxpbmUtaGVpZ2h0OiAxLjE1OwogICAgbGV0dGVyLXNwYWNpbmc6IC0uMDE1ZW07CiAgICBtYXJnaW46IDUzcHggMCAwOwogIH0KCiAgaDQgewogICAgZm9udC1zaXplOiAyNnB4OwogIH0KfQo="},{"version":3,"sources":["download.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6CA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;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"]}]}