| 1 |
- {"remainingRequest":"/usr/local/develop/php/www/waibao/project/NN2022060801/addons/admin/node_modules/vue-loader/lib/index.js??vue-loader-options!/usr/local/develop/php/www/waibao/project/NN2022060801/addons/admin/src/components/EleDot/index.vue?vue&type=style&index=0&lang=css&","dependencies":[{"path":"/usr/local/develop/php/www/waibao/project/NN2022060801/addons/admin/src/components/EleDot/index.vue","mtime":1616225276000},{"path":"/usr/local/develop/php/www/waibao/project/NN2022060801/addons/admin/node_modules/css-loader/dist/cjs.js","mtime":499162500000},{"path":"/usr/local/develop/php/www/waibao/project/NN2022060801/addons/admin/node_modules/vue-loader/lib/loaders/stylePostLoader.js","mtime":499162500000},{"path":"/usr/local/develop/php/www/waibao/project/NN2022060801/addons/admin/node_modules/postcss-loader/src/index.js","mtime":499162500000},{"path":"/usr/local/develop/php/www/waibao/project/NN2022060801/addons/admin/node_modules/cache-loader/dist/cjs.js","mtime":499162500000},{"path":"/usr/local/develop/php/www/waibao/project/NN2022060801/addons/admin/node_modules/vue-loader/lib/index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCg0KLmVsZS1zdGF0dXMtZG90IHsNCiAgbGluZS1oZWlnaHQ6IDE7DQogIGRpc3BsYXk6IGlubGluZS1ibG9jazsNCiAgYm94LXNpemluZzogYm9yZGVyLWJveDsNCn0NCg0KLmVsZS1zdGF0dXMtZG90IC5lbGUtZG90LXRleHQgew0KICBtYXJnaW4tbGVmdDogOHB4Ow0KICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7DQogIHZlcnRpY2FsLWFsaWduOiBtaWRkbGU7DQp9DQoNCi5lbGUtZG90IHsNCiAgYm9yZGVyLXJhZGl1czogNTAlOw0KICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7DQogIHZlcnRpY2FsLWFsaWduOiBtaWRkbGU7DQogIHBvc2l0aW9uOiByZWxhdGl2ZTsNCn0NCg0KLmVsZS1kb3QgPiBzcGFuIHsNCiAgZGlzcGxheTogbm9uZTsNCn0NCg0KLmVsZS1kb3QuZWxlLWRvdC1yaXBwbGUgPiBzcGFuIHsNCiAgcG9zaXRpb246IGFic29sdXRlOw0KICB0b3A6IDA7DQogIGxlZnQ6IDA7DQogIHdpZHRoOiAxMDAlOw0KICBoZWlnaHQ6IDEwMCU7DQogIGRpc3BsYXk6IGJsb2NrOw0KICBib3JkZXItcmFkaXVzOiA1MCU7DQogIGJveC1zaXppbmc6IGJvcmRlci1ib3g7DQogIGFuaW1hdGlvbjogZWxlQW5pbVN0YXR1c0RvdCAxLjJzIGVhc2UtaW4tb3V0IGluZmluaXRlOw0KfQ0KDQpAa2V5ZnJhbWVzIGVsZUFuaW1TdGF0dXNEb3Qgew0KICBmcm9tIHsNCiAgICB0cmFuc2Zvcm06IHNjYWxlKC44KTsNCiAgICBvcGFjaXR5OiAuNjsNCiAgfQ0KICB0byB7DQogICAgdHJhbnNmb3JtOiBzY2FsZSgyLjQpOw0KICAgIG9wYWNpdHk6IDA7DQogIH0NCn0NCg=="},{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqDA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"index.vue","sourceRoot":"src/components/EleDot","sourcesContent":["<!-- 状态文字组件 -->\r\n<template>\r\n <span class=\"ele-status-dot\">\r\n <span :class=\"dotClass\" :style=\"dotStyle\"><span :class=\"dotColor\"></span></span>\r\n <span v-if=\"text\" class=\"ele-dot-text\">{{ text }}</span>\r\n </span>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n name: \"EleDot\",\r\n props: {\r\n type: {\r\n type: String,\r\n default: ''\r\n },\r\n ripple: {\r\n type: Boolean,\r\n default: true\r\n },\r\n text: {\r\n type: String,\r\n default: ''\r\n },\r\n size: {\r\n type: String,\r\n default: '6px'\r\n }\r\n },\r\n computed: {\r\n dotColor() {\r\n return [\r\n 'ele-bg-primary',\r\n {'ele-bg-success': this.type === 'success'},\r\n {'ele-bg-warning': this.type === 'warning'},\r\n {'ele-bg-danger': this.type === 'danger'},\r\n {'ele-bg-info': this.type === 'info'}\r\n ]\r\n },\r\n dotClass() {\r\n return [\r\n 'ele-dot',\r\n {'ele-dot-ripple': this.ripple}\r\n ].concat(this.dotColor);\r\n },\r\n dotStyle() {\r\n return {width: this.size, height: this.size};\r\n }\r\n }\r\n}\r\n</script>\r\n\r\n<style>\r\n.ele-status-dot {\r\n line-height: 1;\r\n display: inline-block;\r\n box-sizing: border-box;\r\n}\r\n\r\n.ele-status-dot .ele-dot-text {\r\n margin-left: 8px;\r\n display: inline-block;\r\n vertical-align: middle;\r\n}\r\n\r\n.ele-dot {\r\n border-radius: 50%;\r\n display: inline-block;\r\n vertical-align: middle;\r\n position: relative;\r\n}\r\n\r\n.ele-dot > span {\r\n display: none;\r\n}\r\n\r\n.ele-dot.ele-dot-ripple > span {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n display: block;\r\n border-radius: 50%;\r\n box-sizing: border-box;\r\n animation: eleAnimStatusDot 1.2s ease-in-out infinite;\r\n}\r\n\r\n@keyframes eleAnimStatusDot {\r\n from {\r\n transform: scale(.8);\r\n opacity: .6;\r\n }\r\n to {\r\n transform: scale(2.4);\r\n opacity: 0;\r\n }\r\n}\r\n</style>"]}]}
|
