deming/pageB/follow/index.vue

84 lines
1.8 KiB
Vue
Raw Normal View History

2020-06-02 17:24:13 +08:00
<template>
<view class="follow">
2020-07-01 17:32:36 +08:00
<view class="sosuo" @click="searchValue">
<image src="/static/image/common/10.png"></image>
2020-06-02 17:24:13 +08:00
<text>输入达人名称</text>
</view>
<view class="list">
2020-07-20 17:14:18 +08:00
<darenItem style="margin-top:20rpx;margin-right:23rpx" v-for="item in recommendList" :key="item.id" :info="item" v-on:pChangeType="changeType" ></darenItem>
2020-06-02 17:24:13 +08:00
</view>
</view>
</template>
<style lang="scss" scoped>
.follow{
background-color: #ECECEC;
min-height: calc(100vh - var(--window-top));
padding: 20rpx 30rpx;
.sosuo{
width: 100%;
height: 60rpx;
border-radius: 30rpx;
background-color: #fff;
display: flex;
align-items: center;
justify-content: center;
>image{
width: 29rpx;
height: 29rpx;
}
>text{
font-size: 24rpx;
color: #999;
margin-left: 15rpx;
}
}
.list{
display: flex;
flex-wrap: wrap;
width: calc(100% + 23rpx);
margin-right: -23rpx;
}
}
</style>
<script>
import darenItem from "@/components/index/daren-item/index"
export default {
name:"follow",
components:{
darenItem
},
data(){
return{
2020-07-01 17:32:36 +08:00
recommendList: [], // 推荐达人
2020-06-02 17:24:13 +08:00
}
2020-07-01 17:32:36 +08:00
},
onShow() {
this.getRecommendList();
},
methods: {
getRecommendList() {
this.$u.api.getRecommendList().then(res => {
if(res.errCode == 0) {
this.recommendList = res.data.list;
}
})
},
2020-07-20 17:14:18 +08:00
changeType(member_id){
console.log(member_id);
this.$emit("pChangeType")
this.$u.api.attentionMember({
member_id: member_id
}).then((res)=>{
console.log(res)
this.getRecommendList();
})
},
2020-07-01 17:32:36 +08:00
searchValue() {
uni.navigateTo({
url: '/pageB/search/index'
})
},
},
2020-06-02 17:24:13 +08:00
}
</script>