1 line
3.8 KiB
JSON
1 line
3.8 KiB
JSON
{"remainingRequest":"D:\\办公文件\\前端\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\办公文件\\前端\\src\\components\\VDialog\\index.vue?vue&type=style&index=0&id=9fee573e&scoped=true&lang=scss","dependencies":[{"path":"D:\\办公文件\\前端\\src\\components\\VDialog\\index.vue","mtime":1608893132000},{"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:Ci5kaWFsb2ctbWFzayB7Cglwb3NpdGlvbjogZml4ZWQ7Cgl0b3A6IDA7CglyaWdodDogMDsKCWxlZnQ6IDA7Cglib3R0b206IDA7Cgl6LWluZGV4OiA5OTsKCWJhY2tncm91bmQtY29sb3I6IHJnYmEoMCwgMCwgMCwgMC43KTsKfQoKLmRpYWxvZy1jb250ZW50IHsKCXBvc2l0aW9uOiBmaXhlZDsKCXotaW5kZXg6IDEwMDAwMDsKCXRvcDogNTAlOwoJbGVmdDogNTAlOwoJdHJhbnNmb3JtOiB0cmFuc2xhdGUoLTUwJSwgLTUwJSk7Cn0KCi5kaWFsb2ctZmFkZS1lbnRlci1hY3RpdmUgewoJYW5pbWF0aW9uOiAyMDBtcyBkaWFsb2ctZmFkZTsKfQoKLmRpYWxvZy1mYWRlLWxlYXZlLWFjdGl2ZSB7CglhbmltYXRpb246IDIwMG1zIGRpYWxvZy1mYWRlIHJldmVyc2U7Cn0KQGtleWZyYW1lcyBkaWFsb2ctZmFkZSB7CgkwJSB7CgkJb3BhY2l0eTogMDsKCQl0cmFuc2Zvcm06IHRyYW5zbGF0ZSgtNTAlLCAtNTAlKSBzY2FsZSgwLjg1KTsKCX0KCgkxMDAlIHsKCQlvcGFjaXR5OiAxOwoJCXRyYW5zZm9ybTogdHJhbnNsYXRlKC01MCUsIC01MCUpIHNjYWxlKDEpOwoJfQp9CgoubWFzay1mYWRlLWVudGVyLAoubWFzay1mYWRlLWxlYXZlLWFjdGl2ZSB7CglvcGFjaXR5OiAwOwp9CgoubWFzay1lbnRlci1hY3RpdmUsCi5tYXNrLWZhZGUtbGVhdmUtYWN0aXZlIHsKCXRyYW5zaXRpb246IG9wYWNpdHkgMzAwbXM7Cn0K"},{"version":3,"sources":["index.vue"],"names":[],"mappings":";AA2CA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA","file":"index.vue","sourceRoot":"src/components/VDialog","sourcesContent":["<template>\n\t<div class=\"dialog\">\n\t\t<transition name=\"mask-fade\" v-if=\"isMask\">\n\t\t\t<div class=\"dialog-mask\" v-show=\"show\" @click=\"clickMask\"></div>\n\t\t</transition>\n\t\t<transition name=\"dialog-fade\">\n\t\t\t<div class=\"dialog-content\" v-show=\"show\">\n\t\t\t\t<slot></slot>\n\t\t\t</div>\n\t\t</transition>\n\t</div>\n</template>\n<script>\nexport default {\n\tname: 'v-dialog',\n\tprops: {\n\t\tvalue: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\t\tisMask: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: true,\n\t\t},\n\t},\n\twatch: {\n\t\tvalue(val) {\n\t\t\tthis.show = val;\n\t\t},\n\t},\n\tmethods: {\n\t\tclickMask() {\n\t\t\tthis.$emit('on-click-mask');\n\t\t},\n\t},\n\tdata() {\n\t\treturn {\n\t\t\tshow: this.value,\n\t\t};\n\t},\n};\n</script>\n<style scoped lang=\"scss\">\n.dialog-mask {\n\tposition: fixed;\n\ttop: 0;\n\tright: 0;\n\tleft: 0;\n\tbottom: 0;\n\tz-index: 99;\n\tbackground-color: rgba(0, 0, 0, 0.7);\n}\n\n.dialog-content {\n\tposition: fixed;\n\tz-index: 100000;\n\ttop: 50%;\n\tleft: 50%;\n\ttransform: translate(-50%, -50%);\n}\n\n.dialog-fade-enter-active {\n\tanimation: 200ms dialog-fade;\n}\n\n.dialog-fade-leave-active {\n\tanimation: 200ms dialog-fade reverse;\n}\n@keyframes dialog-fade {\n\t0% {\n\t\topacity: 0;\n\t\ttransform: translate(-50%, -50%) scale(0.85);\n\t}\n\n\t100% {\n\t\topacity: 1;\n\t\ttransform: translate(-50%, -50%) scale(1);\n\t}\n}\n\n.mask-fade-enter,\n.mask-fade-leave-active {\n\topacity: 0;\n}\n\n.mask-enter-active,\n.mask-fade-leave-active {\n\ttransition: opacity 300ms;\n}\n</style>\n"]}]} |