|
|
@@ -102,7 +102,59 @@
|
|
|
</div>
|
|
|
|
|
|
<!-- 内容tab -->
|
|
|
-
|
|
|
+ <div class="personal-content-container">
|
|
|
+ <div class="personal-content-tab">
|
|
|
+ <!-- tab框 -->
|
|
|
+ <div
|
|
|
+ class="personal-tab-item"
|
|
|
+ :class="{ 'cur': tabSelected == 1 }"
|
|
|
+ @click="tabSelected = 1"
|
|
|
+ >
|
|
|
+ 动态 {{ dynamicCount }}
|
|
|
+ </div>
|
|
|
+ <div
|
|
|
+ class="personal-tab-item"
|
|
|
+ :class="{ 'cur': tabSelected == 2 }"
|
|
|
+ @click="tabSelected = 2"
|
|
|
+ >
|
|
|
+ 文章 {{ articleCount }}
|
|
|
+ </div>
|
|
|
+ <div
|
|
|
+ class="personal-tab-item"
|
|
|
+ :class="{ 'cur': tabSelected == 3 }"
|
|
|
+ @click="tabSelected = 3"
|
|
|
+ >
|
|
|
+ 视频课程 {{ courseCount }}
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="personal-content-main">
|
|
|
+ <template v-if="tabSelected == 1">
|
|
|
+ <div v-for="item in list" :key="item.dynamicId">
|
|
|
+ <!-- <DynamicItem :info="item"></DynamicItem> -->
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+
|
|
|
+ <template v-if="tabSelected == 2">
|
|
|
+ <div v-for="(item, index) in list" :key="index">
|
|
|
+ <ArticleItem :info="item"></ArticleItem>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ <template v-if="tabSelected == 3">
|
|
|
+ <div v-for="(item, index) in list" :key="index">
|
|
|
+ <CourseItem :info="item"></CourseItem>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+
|
|
|
+ <div class="data-empty" v-if="list.length == 0 && !pageLoading">
|
|
|
+ <Empty></Empty>
|
|
|
+ <p>暂无内容</p>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="loading" v-if="pageLoading">加载中</div>
|
|
|
+
|
|
|
+ <!-- 列表内容 -->
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
<div class="personal-side">
|
|
|
<a
|
|
|
@@ -288,6 +340,7 @@ export default {
|
|
|
},
|
|
|
|
|
|
mounted() {
|
|
|
+ console.log(111,this.$route.params)
|
|
|
this.personUid = this.$route.params.uid;
|
|
|
this.baseUrl = this.$store.state.domainConfig.siteUrl;
|
|
|
this.isWeixinApp = navigator.userAgent.indexOf("miniProgram") > -1;
|