2023-03-05 23:48:07 +08:00
|
|
|
<template >
|
|
|
|
|
|
|
|
|
|
<div class="avatar">
|
2023-03-07 00:02:48 +08:00
|
|
|
<div class="avatar-left">
|
|
|
|
|
<el-avatar :size="props.size" />
|
|
|
|
|
<div>
|
2023-03-05 23:48:07 +08:00
|
|
|
<div> 大白子</div>
|
|
|
|
|
<div class="remarks"> 2022-03-05 23:33:20</div>
|
|
|
|
|
</div>
|
2023-03-07 00:02:48 +08:00
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<el-button type="primary" size="default" icon="Plus" >关注</el-button>
|
|
|
|
|
|
2023-03-05 23:48:07 +08:00
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
<script setup>
|
|
|
|
|
const props = defineProps(['size'])
|
|
|
|
|
</script>
|
|
|
|
|
<style scoped>
|
2023-03-07 00:02:48 +08:00
|
|
|
.el-icon
|
|
|
|
|
{
|
|
|
|
|
color: white;
|
|
|
|
|
|
|
|
|
|
}
|
2023-03-05 23:48:07 +08:00
|
|
|
.avatar
|
|
|
|
|
{
|
|
|
|
|
display: flex;
|
2023-03-07 00:02:48 +08:00
|
|
|
justify-content:space-between;
|
|
|
|
|
}
|
|
|
|
|
.avatar-left
|
|
|
|
|
{
|
|
|
|
|
display: flex;
|
|
|
|
|
justify-content:flex-start;
|
2023-03-05 23:48:07 +08:00
|
|
|
}
|
|
|
|
|
.el-avatar
|
|
|
|
|
{
|
|
|
|
|
margin-right: 1.2rem;
|
|
|
|
|
}
|
|
|
|
|
.remarks
|
|
|
|
|
{
|
|
|
|
|
padding-top: 0.5rem;
|
|
|
|
|
color: #8C8C8C;
|
|
|
|
|
}
|
|
|
|
|
</style>
|
