packages/components/src/Avatar/Avatar.vue
@@ -1,6 +1,7 @@ <template> <nut-avatar class="pro-avatar"> <img :class="['avatar-img', imgClass]" :src="_src" /> <!-- <img :class="['avatar-img', imgClass]" :src="_src" /> --> <div class="avatar-img-div" :style="{ backgroundImage: `url(${_src})` }"></div> </nut-avatar> </template> @@ -32,4 +33,11 @@ .pro-avatar { overflow: hidden; } .avatar-img-div { width: 100%; height: 100%; background-size: cover; background-position: center; } </style>