wechatpay-enterprise-web/node_modules/.cache/vue-loader/d8803dc9b67860f1b99eb22139e2463b.json

{"remainingRequest":"D:\\办公文件\\前端\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\办公文件\\前端\\src\\components\\Loading\\index.vue?vue&type=script&lang=js","dependencies":[{"path":"D:\\办公文件\\前端\\src\\components\\Loading\\index.vue","mtime":1664241116000},{"path":"D:\\办公文件\\前端\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1711099308000},{"path":"D:\\办公文件\\前端\\node_modules\\babel-loader\\lib\\index.js","mtime":1711099310000},{"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:CmltcG9ydCBkZWJvdW5jZSBmcm9tICdAL3V0aWxzL2RlYm91bmNlJzsKZXhwb3J0IGRlZmF1bHQgewoJbmFtZTogJ2xvYWRpbmcnLAoJcHJvcHM6IHsKCQl2YWx1ZTogewoJCQl0eXBlOiBCb29sZWFuLAoJCQlkZWZhdWx0OiBmYWxzZSwKCQl9LAoJCWRlbGF5OiB7CgkJCXR5cGU6IE51bWJlciwKCQkJZGVmYXVsdDogMCwKCQl9LAoJfSwKCXdhdGNoOiB7CgkJdmFsdWUodmFsKSB7CgkJCWlmICh0aGlzLnZpc2libGUgPT09IHZhbCkgcmV0dXJuOwoKCQkJdGhpcy51cGRhdGUoKTsKCQl9LAoJCXZpc2libGUodmFsKSB7CgkJCXRoaXMuJGVtaXQoJ2lucHV0JywgdmFsKTsKCQl9LAoJfSwKCW1ldGhvZHM6IHsKCQl1cGRhdGUoKSB7CgkJCXRoaXMudmlzaWJsZSA9IHRoaXMudmFsdWU7CgkJfSwKCX0sCgljcmVhdGVkKCkgewoJCXRoaXMuJG5leHRUaWNrKCgpID0+IHsKCQkJLy/lu7bml7blsZXnpLrvvIzlh4/lsJFsb2FkaW5n6Zeq54OBCgkJCWlmICh0aGlzLmRlbGF5KSB7CgkJCQl0aGlzLnVwZGF0ZSA9IGRlYm91bmNlKHRoaXMudXBkYXRlLCB0aGlzLmRlbGF5KTsKCQkJfQoJCX0pOwoJfSwKCWRhdGEoKSB7CgkJcmV0dXJuIHsKCQkJdmlzaWJsZTogdGhpcy52YWx1ZSwKCQl9OwoJfSwKfTsK"},{"version":3,"sources":["index.vue"],"names":[],"mappings":";AAUA;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;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"]}]}