{"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"]}]}
|
