73 lines
2.5 KiB
Vue
73 lines
2.5 KiB
Vue
<template>
|
|
<view class="content">
|
|
<uni-nav-bar title="发现" background-color="transparent"></uni-nav-bar>
|
|
<uni-list>
|
|
<uni-list-item title="朋友圈"
|
|
thumb="/static/images/workbench/01.png"
|
|
:thumbSize="thumbSize"
|
|
showArrow
|
|
to="/pages/workbench/friend-circle/friend-circle">
|
|
<view slot="footer" v-if="newCircleInfo&&newCircleInfo.userHeadImg.length>0">
|
|
<u-avatar :src="newCircleInfo.userHeadImg" mode="square" :size="70"></u-avatar>
|
|
<u-badge :is-dot="true" type="error" :offset="[20,60]"></u-badge>
|
|
</view>
|
|
</uni-list-item>
|
|
</uni-list>
|
|
<u-gap :height="10"></u-gap>
|
|
<uni-list>
|
|
<uni-list-item title="扫一扫" thumb="/static/images/workbench/03.png" :thumbSize="thumbSize" to="/pages/workbench/friend-circle/friend-circle" showArrow></uni-list-item>
|
|
<uni-list-item title="摇一摇" thumb="/static/images/workbench/05.png" :thumbSize="thumbSize" to="/pages/workbench/friend-circle/friend-circle" showArrow></uni-list-item>
|
|
<uni-list-item title="看一看" thumb="/static/images/workbench/06.png" :thumbSize="thumbSize" to="/pages/workbench/friend-circle/friend-circle" showArrow></uni-list-item>
|
|
<uni-list-item title="听一听" thumb="/static/images/workbench/06.png" :thumbSize="thumbSize" to="/pages/workbench/friend-circle/friend-circle" showArrow></uni-list-item>
|
|
<uni-list-item title="附近" thumb="/static/images/workbench/08.png" :thumbSize="thumbSize" to="/pages/workbench/friend-circle/friend-circle" showArrow></uni-list-item>
|
|
<uni-list-item title="购物" thumb="/static/images/workbench/09.png" :thumbSize="thumbSize" to="/pages/workbench/friend-circle/friend-circle" showArrow></uni-list-item>
|
|
</uni-list>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
import {getFriendCircleInfo } from "@/api/login";
|
|
export default {
|
|
data() {
|
|
return {
|
|
thumbSize:"base",
|
|
newCircleInfo: {
|
|
userHeadImg:"",
|
|
count:0
|
|
},
|
|
};
|
|
},
|
|
onShow: function() {
|
|
this.changeDefaultAvatar(1,10);
|
|
let unreadCount= 1;
|
|
//this.vuex_friendCircleUnreadCount+"";
|
|
//this.localGroupApi.setTabBarBadge(2,unreadCount);
|
|
},
|
|
methods: {
|
|
changeDefaultAvatar:function(min,max){
|
|
let that=this;
|
|
getFriendCircleInfo().then(res => {
|
|
if(res.code==200){
|
|
console.log("查询朋友圈更新情况",res.data);
|
|
if(res.data&&res.data.length>0){
|
|
that.newCircleInfo=res.data;
|
|
}else{
|
|
that.newCircleInfo=null;
|
|
}
|
|
}
|
|
})
|
|
},
|
|
|
|
}
|
|
};
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
.content {padding-top: 36rpx;}
|
|
</style>
|
|
<style>
|
|
page {
|
|
background-color: #ececec !important;
|
|
}
|
|
</style>
|