{"remainingRequest":"D:\\办公文件\\前端\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\办公文件\\前端\\src\\components\\Loading\\index.vue?vue&type=style&index=0&id=7069bebf&lang=scss&scoped=true","dependencies":[{"path":"D:\\办公文件\\前端\\src\\components\\Loading\\index.vue","mtime":1664241116000},{"path":"D:\\办公文件\\前端\\node_modules\\css-loader\\dist\\cjs.js","mtime":1711099310000},{"path":"D:\\办公文件\\前端\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1711099310000},{"path":"D:\\办公文件\\前端\\node_modules\\postcss-loader\\src\\index.js","mtime":1711099310000},{"path":"D:\\办公文件\\前端\\node_modules\\sass-loader\\dist\\cjs.js","mtime":1711099308000},{"path":"D:\\办公文件\\前端\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1711099308000},{"path":"D:\\办公文件\\前端\\node_modules\\vue-loader\\lib\\index.js","mtime":1711099310000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:Ci5sb2FkaW5nIHsKCXBvc2l0aW9uOiBmaXhlZDsKCXRvcDogMDsKCWxlZnQ6IDA7Cglib3R0b206IDA7CglyaWdodDogMDsKCWJhY2tncm91bmQtY29sb3I6IHJnYmEoMjU1LCAyNTUsIDI1NSwgMC44KTsKCXotaW5kZXg6IDk5OTk5OTsKCWRpc3BsYXk6IGZsZXg7CglhbGlnbi1pdGVtczogY2VudGVyOwoJanVzdGlmeS1jb250ZW50OiBjZW50ZXI7CgkmLXNwaW5uZXIgewoJCWhlaWdodDogNTBweDsKCQl3aWR0aDogNTBweDsKCQkuY2lyY3VsYXIgewoJCQlhbmltYXRpb246IGxvYWRpbmctcm90YXRlIDJzIGxpbmVhciBpbmZpbml0ZTsKCQl9CgkJLnBhdGggewoJCQlhbmltYXRpb246IGxvYWRpbmctZGFzaCAxLjVzIGVhc2UtaW4tb3V0IGluZmluaXRlOwoJCQlzdHJva2UtZGFzaGFycmF5OiA5MCwgMTUwOwoJCQlzdHJva2UtZGFzaG9mZnNldDogMDsKCQkJc3Ryb2tlLXdpZHRoOiAyOwoJCQlzdHJva2U6ICR0aGVtZV9jb2xvcjsKCQkJc3Ryb2tlLWxpbmVjYXA6IHJvdW5kOwoJCX0KCX0KfQoKQGtleWZyYW1lcyBsb2FkaW5nLXJvdGF0ZSB7CgkxMDAlIHsKCQl0cmFuc2Zvcm06IHJvdGF0ZSgzNjBkZWcpOwoJfQp9CkBrZXlmcmFtZXMgbG9hZGluZy1kYXNoIHsKCTAlIHsKCQlzdHJva2UtZGFzaGFycmF5OiAxLCAyMDA7CgkJc3Ryb2tlLWRhc2hvZmZzZXQ6IDA7Cgl9Cgk1MCUgewoJCXN0cm9rZS1kYXNoYXJyYXk6IDkwLCAxNTA7CgkJc3Ryb2tlLWRhc2hvZmZzZXQ6IC00MHB4OwoJfQoJMTAwJSB7CgkJc3Ryb2tlLWRhc2hhcnJheTogOTAsIDE1MDsKCQlzdHJva2UtZGFzaG9mZnNldDogLTEyMHB4OwoJfQp9Cg=="},{"version":3,"sources":["index.vue"],"names":[],"mappings":";AAsDA;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;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"index.vue","sourceRoot":"src/components/Loading","sourcesContent":["<template>\n\t<div class=\"loading\" v-show=\"visible\">\n\t\t<div class=\"loading-spinner\">\n\t\t\t<svg class=\"circular\" viewBox=\"25 25 50 50\">\n\t\t\t\t<circle class=\"path\" cx=\"50\" cy=\"50\" r=\"20\" fill=\"none\" />\n\t\t\t</svg>\n\t\t</div>\n\t</div>\n</template>\n<script>\nimport debounce from '@/utils/debounce';\nexport default {\n\tname: 'loading',\n\tprops: {\n\t\tvalue: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\t\tdelay: {\n\t\t\ttype: Number,\n\t\t\tdefault: 0,\n\t\t},\n\t},\n\twatch: {\n\t\tvalue(val) {\n\t\t\tif (this.visible === val) return;\n\n\t\t\tthis.update();\n\t\t},\n\t\tvisible(val) {\n\t\t\tthis.$emit('input', val);\n\t\t},\n\t},\n\tmethods: {\n\t\tupdate() {\n\t\t\tthis.visible = this.value;\n\t\t},\n\t},\n\tcreated() {\n\t\tthis.$nextTick(() => {\n\t\t\t//延时展示，减少loading闪烁\n\t\t\tif (this.delay) {\n\t\t\t\tthis.update = debounce(this.update, this.delay);\n\t\t\t}\n\t\t});\n\t},\n\tdata() {\n\t\treturn {\n\t\t\tvisible: this.value,\n\t\t};\n\t},\n};\n</script>\n<style lang=\"scss\" scoped>\n.loading {\n\tposition: fixed;\n\ttop: 0;\n\tleft: 0;\n\tbottom: 0;\n\tright: 0;\n\tbackground-color: rgba(255, 255, 255, 0.8);\n\tz-index: 999999;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\t&-spinner {\n\t\theight: 50px;\n\t\twidth: 50px;\n\t\t.circular {\n\t\t\tanimation: loading-rotate 2s linear infinite;\n\t\t}\n\t\t.path {\n\t\t\tanimation: loading-dash 1.5s ease-in-out infinite;\n\t\t\tstroke-dasharray: 90, 150;\n\t\t\tstroke-dashoffset: 0;\n\t\t\tstroke-width: 2;\n\t\t\tstroke: $theme_color;\n\t\t\tstroke-linecap: round;\n\t\t}\n\t}\n}\n\n@keyframes loading-rotate {\n\t100% {\n\t\ttransform: rotate(360deg);\n\t}\n}\n@keyframes loading-dash {\n\t0% {\n\t\tstroke-dasharray: 1, 200;\n\t\tstroke-dashoffset: 0;\n\t}\n\t50% {\n\t\tstroke-dasharray: 90, 150;\n\t\tstroke-dashoffset: -40px;\n\t}\n\t100% {\n\t\tstroke-dasharray: 90, 150;\n\t\tstroke-dashoffset: -120px;\n\t}\n}\n</style>\n"]}]}