79 lines
2.2 KiB
Vue
79 lines
2.2 KiB
Vue
|
<template>
|
|||
|
|
<view class="community">
|
|||
|
|
<like-header @change="handleNav" :current="currentNav" />
|
|||
|
|
<view class="container">
|
|||
|
|
<follow :active="currentNav" v-show="currentNav===0" @share="handleShare"></follow>
|
|||
|
|
<!-- 发现 -->
|
|||
|
|
<explore :active="currentNav" v-show="currentNav===1"></explore>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</template>
|
|||
|
|
|
|||
|
|
<script>
|
|||
|
|
import LikeHeader from "./components/like-header.vue"
|
|||
|
|
import Explore from "./components/explore.vue"
|
|||
|
|
import Follow from "./components/follow.vue"
|
|||
|
|
export default {
|
|||
|
|
components: {
|
|||
|
|
LikeHeader,
|
|||
|
|
Explore,
|
|||
|
|
Follow
|
|||
|
|
},
|
|||
|
|
data() {
|
|||
|
|
return {
|
|||
|
|
currentNav: 1,
|
|||
|
|
communityShareItem: {}
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
onUnload() {
|
|||
|
|
uni.$off("changeItem")
|
|||
|
|
uni.$off("hasNew")
|
|||
|
|
},
|
|||
|
|
onShareAppMessage() {
|
|||
|
|
const promise = new Promise(resolve => {
|
|||
|
|
setTimeout(() => {
|
|||
|
|
resolve({
|
|||
|
|
title: `${this.communityShareItem.user.nickname}，TA的内容超级棒`,
|
|||
|
|
path: '/bundle_b/pages/community_user/community_user?id=' + this
|
|||
|
|
.communityShareItem.id,
|
|||
|
|
imageUrl: this.communityShareItem.image
|
|||
|
|
})
|
|||
|
|
}, 10)
|
|||
|
|
})
|
|||
|
|
return {
|
|||
|
|
title: '自定义转发标题',
|
|||
|
|
path: '/page/user/user',
|
|||
|
|
promise
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
methods: {
|
|||
|
|
handleNav(event) {
|
|||
|
|
this.currentNav = Number(event)
|
|||
|
|
},
|
|||
|
|
// 关注页的分享信息
|
|||
|
|
handleShare(event) {
|
|||
|
|
this.communityShareItem = event
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
<style lang="scss">
|
|||
|
|
page {
|
|||
|
|
padding: 0;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.community {
|
|||
|
|
display: flex;
|
|||
|
|
height: calc(100vh - var(--window-bottom));
|
|||
|
|
overflow: hidden;
|
|||
|
|
flex-direction: column;
|
|||
|
|
|
|||
|
|
.container {
|
|||
|
|
flex: 1;
|
|||
|
|
min-height: 0;
|
|||
|
|
overflow: scroll;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
</style>
|