瑶都万能墙
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 

97 lines
1.5 KiB

<template>
<view class="bottom">
<!-- 浏览 -->
<view class="browse">
{{ item.isBrowse }}
<view class="bontt">
<uv-icon name="eye-fill"></uv-icon>
</view>
</view>
<!-- 评论 -->
<view class="browse">
{{ item.isComment }}
<view class="bontt">
<uv-icon name="chat-fill"></uv-icon>
</view>
</view>
<!-- 点赞 -->
<view class="browse" @click="onUpClick">
{{ item.isUp || 0 }}
<view class="bontt">
<uv-icon name="thumb-up-fill"></uv-icon>
</view>
</view>
<!-- 分享 -->
<view class="browse" @click="onDownClick">
{{ item.isDown || 0 }}
<view class="bontt">
<uv-icon name="attach"></uv-icon>
</view>
</view>
<callPhone
:phone="item.phone"
:type="type"
:phoneTitle="title"
:pid="item.id"
:sexName="item.sex" />
</view>
</template>
<script>
export default {
data() {
return {
}
},
computed : {
title(){
let key = {
0 : 'userName',
}
return this.item[key[this.type]]
},
},
props: {
item: {},
type : {},
},
methods: {
//点赞
onUpClick(){
console.log("点击了点赞")
},
//分享
onDownClick(){
console.log("点击了分享")
}
}
}
</script>
<style scoped lang="scss">
.bottom {
display: flex;
margin-top: 20rpx;
font-size: 24rpx;
.browse {
display: flex;
justify-content: center;
align-items: center;
margin: 0rpx 30rpx;
color: rgb(132, 132, 132);
margin-left: 10rpx;
}
.bontt {
margin: 0rpx 5rpx;
}
}
</style>