| 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=script&lang=js&","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/cache-loader/dist/cjs.js","mtime":499162500000},{"path":"/usr/local/develop/php/www/waibao/NN2024071001/NN2024071001/addons/admin/node_modules/babel-loader/lib/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:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KDQpleHBvcnQgZGVmYXVsdCB7DQogIG5hbWU6ICJFbGVBdmF0YXJMaXN0IiwNCiAgcHJvcHM6IHsNCiAgICBkYXRhOiB7DQogICAgICB0eXBlOiBBcnJheQ0KICAgIH0sDQogICAgbWF4OiB7DQogICAgICB0eXBlOiBOdW1iZXIsDQogICAgICBkZWZhdWx0OiAwDQogICAgfSwNCiAgICBuYW1lOiB7DQogICAgICB0eXBlOiBTdHJpbmcsDQogICAgICBkZWZhdWx0OiAnbmFtZScNCiAgICB9LA0KICAgIGF2YXRhcjogew0KICAgICAgdHlwZTogU3RyaW5nLA0KICAgICAgZGVmYXVsdDogJ2F2YXRhcicNCiAgICB9LA0KICAgIHNpemU6IHsNCiAgICAgIHR5cGU6IFN0cmluZywNCiAgICAgIGRlZmF1bHQ6ICczMHB4Jw0KICAgIH0sDQogICAgYXZhdGFyU3R5bGU6IFtTdHJpbmcsIE9iamVjdF0sDQogICAgaXRlbVN0eWxlOiBbU3RyaW5nLCBPYmplY3RdLA0KICAgIG1vcmVTdHlsZTogW1N0cmluZywgT2JqZWN0XSwNCiAgICB0b29sdGlwOiB7DQogICAgICB0eXBlOiBCb29sZWFuLA0KICAgICAgZGVmYXVsdDogdHJ1ZQ0KICAgIH0sDQogICAgcGxhY2VtZW50OiB7DQogICAgICB0eXBlOiBTdHJpbmcsDQogICAgICBkZWZhdWx0OiAndG9wJw0KICAgIH0sDQogICAgZWZmZWN0OiB7DQogICAgICB0eXBlOiBTdHJpbmcsDQogICAgICBkZWZhdWx0OiAnZGFyaycNCiAgICB9LA0KICAgIG9mZnNldDogew0KICAgICAgdHlwZTogTnVtYmVyLA0KICAgICAgZGVmYXVsdDogMA0KICAgIH0sDQogICAgdHJhbnNpdGlvbjogew0KICAgICAgdHlwZTogU3RyaW5nLA0KICAgICAgZGVmYXVsdDogJ2VsLWZhZGUtaW4tbGluZWFyJw0KICAgIH0NCiAgfSwNCiAgY29tcHV0ZWQ6IHsNCiAgICBjb21tb25TdHlsZSgpIHsNCiAgICAgIHJldHVybiB7d2lkdGg6IHRoaXMuc2l6ZSwgaGVpZ2h0OiB0aGlzLnNpemUsIGxpbmVIZWlnaHQ6IHRoaXMuc2l6ZX07DQogICAgfQ0KICB9DQp9DQo="},{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAgBA;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;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","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>"]}]}
|
