<div
class="kxb-padding-content kxb-padding-top-0 kxb-padding-bottom-0 kxb-pointer kxb-textcolor-white"
@click="toPerson(item)" :style="{'min-height':specialGuestsMbImageWidth + 'px'}"
>
<img
:src="item.avatar"
:alt="item.name + '头像'"
class="kxb-circle kxb-resize"
ref="guestImage" :style="{height:specialGuestsImageWidth + 'px'}"
/>
</div>
specialGuestsList: [{
avatar:
"http://t.sciencemate.com/public/upload/images/tinymce/202106/img1622706611508.png",
},
], //特邀嘉宾列表,先给一个默认透明图片用来计算宽度
specialGuestsImageWidth: 0, //获取特邀嘉宾图片宽度 PC
mounted() {
this.$nextTick(function () { //加这个是为了保证页面加载之后调用
this.specialGuestsImageWidth = this.$refs.guestImage[0].offsetWidth;
});
}
让图片必须是圆的
最新推荐文章于 2021-06-04 16:04:36 发布