This commit is contained in:
Gdpao
2020-08-05 21:06:29 +08:00
parent a47238a7a4
commit c4c11781fb
15 changed files with 305 additions and 159 deletions

View File

@@ -61,7 +61,7 @@
<view></view>
<text>推荐达人</text>
</view>
<image class="right" src="/static/image/common/1.png"></image>
<u-icon name="arrow-right" color="#666" size="28"></u-icon>
</view>
<view class="tuijianlist">
<!-- <darenItem style="margin-right:23rpx"></darenItem>
@@ -69,16 +69,12 @@
<darenItem v-for="item in recommendList.slice(0,3)" :key="item.id" :info="item" v-on:pChangeType="changeType"></darenItem>
</view>
</view>
<view class="list">
<view>
<!-- <videoItem isguanzhu="true" v-for="item in 10"></videoItem> -->
<videoItem isguanzhu="true" v-for="item in articleList.filter((_, index) => !(index&1))" :key="item.article_id"
:item="item" @getArticlelist="getArticlelist"></videoItem>
</view>
<view style="margin-left:20rpx">
<!-- <videoItem isguanzhu="true" v-for="item in 10"></videoItem> -->
<videoItem isguanzhu="true" v-for="item in articleList.filter((_, index) => index&1)" :key="item.article_id"
:item="item" @getArticlelist="getArticlelist"></videoItem>
<view class="rec-list">
<view class="rec-box">
<!-- {{ fansList }} -->
<videoItem isguanzhu="true" v-for="item in fansList" :key="item.article_id"
:item="item"></videoItem>
<view class="no-data" v-show="!fansList.length">您还没有关注哦赶紧去点点关注</view>
</view>
</view>
</view>
@@ -181,6 +177,17 @@
}
}
}
.rec-list {
width: 100%;
.rec-box {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
.no-data {
margin: 200rpx auto 0;
}
}
}
}
</style>
<script>
@@ -206,7 +213,8 @@
recommendList: [], // 推荐达人
indexImageSwiper: [],
zhiboImageSwiper: [],
tabLiveLists: []
tabLiveLists: [],
fansList: [], // 关注的发现列表
}
},
components: {
@@ -221,18 +229,21 @@
this.getSwiper();
this.getZhiBoSwiper();
this.tabLiveList();
this.getFollowList();
},
onPullDownRefresh() {
this.getArticlelist();
// this.getManicureList({ load: 'reload' });
},
methods: {
// 列表
tabLiveList() {
this.$u.api.tabLiveList().then((res) => {
console.log(res)
this.tabLiveLists = res.data
this.tabLiveLists = res.data;
})
},
// 轮播图
getSwiper() {
this.$u.api.getIndexSwiper().then(res => {
if (res.errCode == 0) {
@@ -240,14 +251,16 @@
}
})
},
// 关注
changeType(member_id) {
console.log(member_id);
this.$emit("pChangeType")
// this.$emit("pChangeType");
this.$u.api.attentionMember({
member_id: member_id
}).then((res) => {
console.log(res)
this.getRecommendList();
this.getFollowList(); // 刷新发现的列表
})
},
getZhiBoSwiper() {
@@ -257,26 +270,29 @@
}
})
},
// 切换导航
dianji(a) {
// console.log(a)
console.log(a);
if (typeof a == "object") {
this.num = a.detail.current
} else {
this.num = a
}
},
// 发现别表
getArticlelist() {
this.$u.api.getArticlelist({
page: this.page,
is_video_img: 0, // 查询视频1 图文2 都查0
}).then(res => {
uni.stopPullDownRefresh();
console.log('37647744ghj', res)
// uni.stopPullDownRefresh();
// console.log('37647744ghj', res)
if (res.errCode == 0) {
this.articleList = res.data.list;
}
})
},
// 达人列表
getRecommendList() {
this.$u.api.getRecommendList().then(res => {
console.log(res)
@@ -285,6 +301,17 @@
}
})
},
// 关注发现列表
getFollowList() {
this.$u.post("article/attentionArticleList",{
page: 0,
}).then(res => {
if (res.errCode == 0) {
this.fansList = res.data.list;
}
// console.log(res);
})
},
toSearchPage() {
console.log("22");
uni.navigateTo({

View File

@@ -31,8 +31,12 @@
</template>
<script>
import { mapState } from 'vuex';
import titles from "@/components/informations/titles/titles"
export default {
computed: {
...mapState(["hasLogin,token"])
},
data() {
return {
information_dles : [{
@@ -49,7 +53,6 @@
id: 0,
url: '../../static/pageD/info(14).png',
text: '交易物流'
},
{
id: 0,
@@ -90,7 +93,9 @@
},
onLoad() {
// /消息模块的请求
this.messageIndex()
if (this.hasLogin) {
this.messageIndex();
}
},
methods: {
// 选中某个复选框时由checkbox时触发