demingshangjia/components/fans-item/index.vue

44 lines
777 B
Vue
Raw Normal View History

2020-06-12 18:05:39 +08:00
<template>
<view class="fans-item">
2020-07-29 20:35:33 +08:00
<image :src="info.friend_frommavatar"></image>
<view class="name">{{info.fromMemberNickname}}</view>
<view class="date">{{info.fromMemberFriendAddtime}}</view>
2020-06-12 18:05:39 +08:00
</view>
</template>
<script>
export default {
data() {
return {}
2020-07-29 20:35:33 +08:00
},
props: {
info: Object
},
2020-06-12 18:05:39 +08:00
};
</script>
<style lang="scss" scoped>
.fans-item {
width: 750rpx;
height: 100rpx;
background: rgba(255,255,255,1);
padding: 0 30rpx;
display: flex;
align-items: center;
margin-bottom: 2rpx;
> image {
width: 70rpx;
height: 70rpx;
border-radius: 10rpx;
background-color: aqua;
margin-right: 30rpx;
}
.name {
font-size: 28rpx;
color: rgba(51,51,51,1);
margin-right: auto;
}
.date {
font-size: 24rpx;
color: rgba(153,153,153,1);
}
}
</style>