cansnow
86 lines
1.6 KiB
Vue
86 lines
1.6 KiB
Vue
<template>
|
|
<view class="near-item" :index="index">
|
|
<view @tap="linkToBusinessCard(item.user_id)">
|
|
<MyAvatar :src="item.user.avatar" :desc="item.user.nickname || item.user.id" :isGroup="false" size="48"></MyAvatar>
|
|
</view>
|
|
<view class="content">
|
|
<view class="content-name" @tap="linkToBusinessCard(item.user_id)">{{ item.user.nickname || item.user.remark }}</view>
|
|
<view class="content-desc">
|
|
<u--text :lines="5" :text="item.body" />
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
import MyAvatar from "@/components/MyAvatar/index.vue";
|
|
import util from "@/util/index.js";
|
|
export default{
|
|
components:{MyAvatar},
|
|
props:{
|
|
index:{
|
|
type:Number,
|
|
default:0
|
|
},
|
|
item:{
|
|
type:Object,
|
|
default(){
|
|
return {};
|
|
}
|
|
}
|
|
},
|
|
computed:{
|
|
selfInfo() {
|
|
return this.$store.getters.storeSelfInfo;
|
|
},
|
|
},
|
|
data(){
|
|
//console.log(this.item);
|
|
return {
|
|
girdItemCustomStyle:{
|
|
padding: '0',
|
|
margin:'0',
|
|
border:'1rpx solid #f2f6fc'
|
|
},
|
|
}
|
|
},
|
|
methods:{
|
|
linkToBusinessCard(userID){
|
|
this.$emit('userEvent',{type:'linkToBusinessCard',userID});
|
|
},
|
|
cdn:util.cdn
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style scoped lang="scss">
|
|
|
|
.near-item {
|
|
padding: 18rpx 30rpx;
|
|
border-bottom: 1rpx solid #f2eeee;
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: flex-start;
|
|
align-items: flex-start;
|
|
|
|
.content {
|
|
flex: 1;
|
|
padding-left: 18rpx;
|
|
font-size: 32rpx;
|
|
|
|
&-name {
|
|
color: #666666;
|
|
font-weight: bold;
|
|
font-size: 32rpx;
|
|
}
|
|
|
|
&-desc {
|
|
color: #999999;
|
|
padding-top: 4rpx;
|
|
//line-height: 36rpx;
|
|
font-size: 32rpx;
|
|
}
|
|
}
|
|
}
|
|
|
|
</style> |