<template>
<view class="content">
<z-paging ref="paging" v-model="dataList" default-page-size="5" @query="queryList">
<view class="expert-list">
<view class="expert-item" v-for="(item,index) in dataList" :key="item.id" @tap="itemClick(item)">
<view class="item-top">
<image class="avatar" :src="item.user.avatar" mode="aspectFill"></image>
<view class="item-top-info">
<text class="expert-name">{{item.user.nickname}}</text>
<view class="expert-icon">
<view class="tag bg-blue" v-if="item.user.realname_verified == 1">已认证</view>
<view class="tag bg-cc" v-else>
未认证
</view>
<image v-if="item.user.member_icon" class="ml-10 vip-icon" :src="item.user.member_icon"
mode="heightFix"></image>
</view>
</view>
</view>
<view class="item-bottom">
<view class="item-bottom-item">
<text class="item-bottom-item-title">发布平台</text>
<text class="item-bottom-item-content">{{item.platform_name}}</text>
</view>
<view class="item-bottom-item">
<text class="item-bottom-item-title">发布类型</text>
<text class="item-bottom-item-content">{{item.type}}</text>
</view>
<view class="item-bottom-item">
<text class="item-bottom-item-title">粉丝数量</text>
<text class="item-bottom-item-content">{{item.fans_num}}</text>
</view>
</view>
</view>
</view>
</z-paging>
</view>
<!-- 在页面最下方添加占位视图，高度等于 tabBar 的高度 -->
<view class="edgeInsetBottom"></view> </template>
<script>
import * as expertApi from "@/api/expert";
export default {
data() {
return {
dataList: [],
}
},
onLoad() {},
methods: {
queryList(pageNo, pageSize) {
expertApi.getPageList({
page: pageNo
}).then((res) => {
this.$refs.paging.complete(res.list);
}).catch(res => {
this.$refs.paging.complete(false);
})
},
itemClick(item) {
this.$pageApi.openPage('/pages/expert/detail', {
expert_id: item.id
});
}
}
}
</script>
