{"remainingRequest":"/usr/local/develop/php/www/waibao/project/NN2020060801/addons/admin/node_modules/vue-loader/lib/index.js??vue-loader-options!/usr/local/develop/php/www/waibao/project/NN2020060801/addons/admin/src/components/EleAvatarList/index.vue?vue&type=style&index=0&lang=css&","dependencies":[{"path":"/usr/local/develop/php/www/waibao/project/NN2020060801/addons/admin/src/components/EleAvatarList/index.vue","mtime":1616226652000},{"path":"/usr/local/develop/php/www/waibao/project/NN2020060801/addons/admin/node_modules/css-loader/dist/cjs.js","mtime":499162500000},{"path":"/usr/local/develop/php/www/waibao/project/NN2020060801/addons/admin/node_modules/vue-loader/lib/loaders/stylePostLoader.js","mtime":499162500000},{"path":"/usr/local/develop/php/www/waibao/project/NN2020060801/addons/admin/node_modules/postcss-loader/src/index.js","mtime":499162500000},{"path":"/usr/local/develop/php/www/waibao/project/NN2020060801/addons/admin/node_modules/cache-loader/dist/cjs.js","mtime":499162500000},{"path":"/usr/local/develop/php/www/waibao/project/NN2020060801/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>"]}]}