| 1 |
- {"remainingRequest":"/usr/local/develop/php/www/waibao/NN2024071001/NN2024071001/addons/admin/node_modules/vue-loader/lib/index.js??vue-loader-options!/usr/local/develop/php/www/waibao/NN2024071001/NN2024071001/addons/admin/src/components/EleAvatarList/index.vue?vue&type=style&index=0&lang=css&","dependencies":[{"path":"/usr/local/develop/php/www/waibao/NN2024071001/NN2024071001/addons/admin/src/components/EleAvatarList/index.vue","mtime":1616226652000},{"path":"/usr/local/develop/php/www/waibao/NN2024071001/NN2024071001/addons/admin/node_modules/css-loader/dist/cjs.js","mtime":499162500000},{"path":"/usr/local/develop/php/www/waibao/NN2024071001/NN2024071001/addons/admin/node_modules/vue-loader/lib/loaders/stylePostLoader.js","mtime":499162500000},{"path":"/usr/local/develop/php/www/waibao/NN2024071001/NN2024071001/addons/admin/node_modules/postcss-loader/src/index.js","mtime":499162500000},{"path":"/usr/local/develop/php/www/waibao/NN2024071001/NN2024071001/addons/admin/node_modules/cache-loader/dist/cjs.js","mtime":499162500000},{"path":"/usr/local/develop/php/www/waibao/NN2024071001/NN2024071001/addons/admin/node_modules/vue-loader/lib/index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCg0KLmVsZS1hdmF0YXItbGlzdCB7DQogIGRpc3BsYXk6IGlubGluZS1ibG9jazsNCn0NCg0KLmVsZS1hdmF0YXItbGlzdCAuZWxlLWF2YXRhci1saXN0LWltZyB7DQogIGN1cnNvcjogcG9pbnRlcjsNCn0NCg0KLmVsZS1hdmF0YXItbGlzdCAuZWxlLWF2YXRhci1saXN0LW1vcmUsIC5lbGUtYXZhdGFyLWxpc3QgLmVsZS1hdmF0YXItbGlzdC1pbWcgew0KICB0ZXh0LWFsaWduOiBjZW50ZXI7DQogIG1hcmdpbi1sZWZ0OiAtMTJweDsNCiAgZGlzcGxheTogaW5saW5lLWJsb2NrOw0KICB2ZXJ0aWNhbC1hbGlnbjogbWlkZGxlOw0KICBib3JkZXI6IDFweCBzb2xpZCAjRkZGOw0KICBib3JkZXItcmFkaXVzOiA1MCU7DQogIG9iamVjdC1maXQ6IGNvdmVyOw0KfQ0KDQouZWxlLWF2YXRhci1saXN0IC5lbGUtYXZhdGFyLWxpc3QtaW1nOmZpcnN0LWNoaWxkIHsNCiAgbWFyZ2luLWxlZnQ6IDAgIWltcG9ydGFudDsNCn0NCg0KLmVsZS1hdmF0YXItbGlzdCAuZWxlLWF2YXRhci1saXN0LW1vcmUgew0KICBjb2xvcjogI2Y1NmEwMDsNCiAgYmFja2dyb3VuZC1jb2xvcjogI2ZkZTNjZjsNCn0NCg=="},{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA","file":"index.vue","sourceRoot":"src/components/EleAvatarList","sourcesContent":["<!-- 头像列表组件 -->\r\n<template>\r\n <div class=\"ele-avatar-list\" v-if=\"data\">\r\n <template v-for=\"(item,index) in data\">\r\n <el-tooltip v-if=\"!max||index<max\" :key=\"index\" :content=\"item[name]\" :placement=\"placement\"\r\n :effect=\"effect\" :disabled=\"!tooltip\" :offset=\"offset\" :transition=\"transition\">\r\n <img :src=\"item[avatar]\" class=\"ele-avatar-list-img\" :style=\"[commonStyle,itemStyle,avatarStyle]\" alt=\"\"/>\r\n </el-tooltip>\r\n </template>\r\n <div v-if=\"max&&data.length>max\" class=\"ele-avatar-list-more\" :style=\"[commonStyle,itemStyle,moreStyle]\">\r\n +{{ data.length - max }}\r\n </div>\r\n </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n name: \"EleAvatarList\",\r\n props: {\r\n data: {\r\n type: Array\r\n },\r\n max: {\r\n type: Number,\r\n default: 0\r\n },\r\n name: {\r\n type: String,\r\n default: 'name'\r\n },\r\n avatar: {\r\n type: String,\r\n default: 'avatar'\r\n },\r\n size: {\r\n type: String,\r\n default: '30px'\r\n },\r\n avatarStyle: [String, Object],\r\n itemStyle: [String, Object],\r\n moreStyle: [String, Object],\r\n tooltip: {\r\n type: Boolean,\r\n default: true\r\n },\r\n placement: {\r\n type: String,\r\n default: 'top'\r\n },\r\n effect: {\r\n type: String,\r\n default: 'dark'\r\n },\r\n offset: {\r\n type: Number,\r\n default: 0\r\n },\r\n transition: {\r\n type: String,\r\n default: 'el-fade-in-linear'\r\n }\r\n },\r\n computed: {\r\n commonStyle() {\r\n return {width: this.size, height: this.size, lineHeight: this.size};\r\n }\r\n }\r\n}\r\n</script>\r\n\r\n<style>\r\n.ele-avatar-list {\r\n display: inline-block;\r\n}\r\n\r\n.ele-avatar-list .ele-avatar-list-img {\r\n cursor: pointer;\r\n}\r\n\r\n.ele-avatar-list .ele-avatar-list-more, .ele-avatar-list .ele-avatar-list-img {\r\n text-align: center;\r\n margin-left: -12px;\r\n display: inline-block;\r\n vertical-align: middle;\r\n border: 1px solid #FFF;\r\n border-radius: 50%;\r\n object-fit: cover;\r\n}\r\n\r\n.ele-avatar-list .ele-avatar-list-img:first-child {\r\n margin-left: 0 !important;\r\n}\r\n\r\n.ele-avatar-list .ele-avatar-list-more {\r\n color: #f56a00;\r\n background-color: #fde3cf;\r\n}\r\n</style>"]}]}
|
