This commit is contained in:
yanran200730
2023-03-17 17:51:10 +08:00
parent 5698bfb695
commit b718727544
4 changed files with 128 additions and 18 deletions

View File

@@ -5,9 +5,9 @@
<span @click="changeTab(0)" :class="[currIndex === 0 ? 'active' : '']">广场</span> <span @click="changeTab(0)" :class="[currIndex === 0 ? 'active' : '']">广场</span>
<span @click="changeTab(1)" :class="[currIndex === 1 ? 'active' : '']">社区</span> <span @click="changeTab(1)" :class="[currIndex === 1 ? 'active' : '']">社区</span>
</div> </div>
<div class="right" @click="$linkTo('./MyPostList')"> <div class="right" @click="$linkTo('./MyPostList')" hover-class="text-hover">
<span>我的贴子</span> <span>我的贴子</span>
<i>1</i> <i v-if="total > 0">{{ total }}</i>
</div> </div>
</div> </div>
<div class="nav" v-if="topic.length"> <div class="nav" v-if="topic.length">
@@ -46,7 +46,7 @@
<i>{{ item.sharedCount }}</i> <i>{{ item.sharedCount }}</i>
</div> </div>
<div> <div>
<image src="https://cdn.cunwuyun.cn/wxmp/fengdu/zan.png" /> <image :src="item.appreciateStatus ? 'https://cdn.cunwuyun.cn/wxmp/fengdu/zan-active.png' : 'https://cdn.cunwuyun.cn/wxmp/fengdu/zan.png'" />
<i>{{ item.appreciateCount }}</i> <i>{{ item.appreciateCount }}</i>
</div> </div>
<div> <div>
@@ -76,7 +76,8 @@
topicList: [], topicList: [],
list: [], list: [],
isMore: false, isMore: false,
current: 1 current: 1,
total: 0
} }
}, },
@@ -94,12 +95,31 @@
uni.$on('updateList', () => { uni.$on('updateList', () => {
this.changeTab(this.currIndex) this.changeTab(this.currIndex)
}) })
if (this.token) {
this.getMyPublishCount()
}
}, },
methods: { methods: {
getMyPublishCount () {
this.$instance.post(`/app/appneighborhoodassistance/list`, null, {
params: {
current: 1,
size: 10,
listType: 0,
createUserId: this.user.id
}
}).then(res => {
if (res.code === 0) {
this.total = res.data.total
}
})
},
getTopicList () { getTopicList () {
this.$instance.post(`/app/appneighborhoodassistancetheme/list`, null, { this.$instance.post(`/app/appneighborhoodassistancetheme/list`, null, {
// withoutToken: true, withoutToken: true,
params: { params: {
current: 1, current: 1,
size: 100 size: 100

View File

@@ -1,5 +1,5 @@
<template> <template>
<div class="Detail" v-if="isShow"> <div class="Detail" v-if="pageShow">
<div class="top"> <div class="top">
<div class="item-top"> <div class="item-top">
<image :src="info.createUserAvatar || 'https://cdn.cunwuyun.cn/wxmp/fengdu/avatar.png'" /> <image :src="info.createUserAvatar || 'https://cdn.cunwuyun.cn/wxmp/fengdu/avatar.png'" />
@@ -17,7 +17,7 @@
</div> </div>
<p>{{ info.createTime }}</p> <p>{{ info.createTime }}</p>
<div class="item-bottom"> <div class="item-bottom">
<div> <div @click="isShow = true">
<image src="https://cdn.cunwuyun.cn/wxmp/fengdu/ic-zhuanfa.png" /> <image src="https://cdn.cunwuyun.cn/wxmp/fengdu/ic-zhuanfa.png" />
<i>{{ info.sharedCount }}</i> <i>{{ info.sharedCount }}</i>
</div> </div>
@@ -43,7 +43,7 @@
<span>{{ item.createTime }}</span> <span>{{ item.createTime }}</span>
<div hover-class="text-hover" @click="commentId = item.id, replyName = item.createUserName, focus = true">回复</div> <div hover-class="text-hover" @click="commentId = item.id, replyName = item.createUserName, focus = true">回复</div>
</div> </div>
<div class="replay-list"> <div class="replay-list" v-if="item.replyList.length">
<div class="replay-item" v-for="replay in item.replyList" :key="replay.id"> <div class="replay-item" v-for="replay in item.replyList" :key="replay.id">
<image :src="replay.createUserAvatar || 'https://cdn.cunwuyun.cn/wxmp/fengdu/avatar.png'" /> <image :src="replay.createUserAvatar || 'https://cdn.cunwuyun.cn/wxmp/fengdu/avatar.png'" />
<div class="replay-item__right"> <div class="replay-item__right">
@@ -68,9 +68,32 @@
<input :placeholder="commentId ? '回复' + replyName : '请输入'" :focus="focus" v-model="content"> <input :placeholder="commentId ? '回复' + replyName : '请输入'" :focus="focus" v-model="content">
<div hover-class="hover-class" @click="send">发送</div> <div hover-class="hover-class" @click="send">发送</div>
</div> </div>
<u-popup v-model="isShow" mode="bottom" hidden height="350rpx" border-radius="30">
<div class="popup">
<div class="popup-title">
<h2>请选择</h2>
<image @click="isShow = false" src="https://cdn.cunwuyun.cn/wxmp/fengdu/ic-guanbi.png" />
</div>
<div class="popup-list">
<button open-type="share">
<image src="https://cdn.cunwuyun.cn/wxmp/fengdu/ic-wechat.png" />
<span>微信</span>
</button>
<button>
<image src="https://cdn.cunwuyun.cn/wxmp/fengdu/ic-pyq.png" />
<span>朋友圈</span>
</button>
<button>
<image src="https://cdn.cunwuyun.cn/wxmp/fengdu/ic-link.png" />
<span>复制链接</span>
</button>
</div>
</div>
</u-popup>
<AiLogin ref="login"/> <AiLogin ref="login"/>
</div> </div>
</template> </template>
<script> <script>
export default { export default {
name: 'Detail', name: 'Detail',
@@ -89,6 +112,7 @@
current: 1, current: 1,
content: '', content: '',
focus: false, focus: false,
pageShow: false,
commentId: '', commentId: '',
replyName: '' replyName: ''
} }
@@ -111,7 +135,7 @@
if (res.code === 0) { if (res.code === 0) {
this.info = res.data this.info = res.data
this.isShow = true this.pageShow = true
} }
uni.hideLoading() uni.hideLoading()
@@ -208,7 +232,21 @@
onReachBottom () { onReachBottom () {
this.getCommontList() this.getCommontList()
} },
onShareTimeline () {
return {
title: this.title,
path: `/pages/AppCircle/Detail?id=${this.id}`
}
},
onShareAppMessage () {
return {
title: this.title,
path: `/pages/AppCircle/Detail?id=${this.id}`
}
},
} }
</script> </script>
@@ -221,6 +259,58 @@
box-sizing: border-box; box-sizing: border-box;
} }
.popup {
height: 700px;
border-radius: 20px 20px 0 0;
.popup-title {
position: relative;
height: 98px;
line-height: 98px;
text-align: center;
image {
position: absolute;
right: 40px;
top: 50%;
z-index: 1;
width: 32px;
height: 32px;
transform: translateY(-50%);
}
h2 {
color: #333333;
font-size: 34px;
font-weight: 600;
}
}
.popup-list {
display: flex;
align-items: center;
margin-top: 30px;
button {
display: flex;
align-items: center;
justify-content: center;
flex: 1;
flex-direction: column;
image {
width: 94px;
height: 94px;
margin-bottom: 8px;
}
span {
font-size: 26px;
color: #1D2229;
}
}
}
}
.footer { .footer {
display: flex; display: flex;
align-items: center; align-items: center;

View File

@@ -48,7 +48,7 @@
<i>{{ item.sharedCount }}</i> <i>{{ item.sharedCount }}</i>
</div> </div>
<div> <div>
<image src="https://cdn.cunwuyun.cn/wxmp/fengdu/zan.png" /> <image :src="item.appreciateStatus ? 'https://cdn.cunwuyun.cn/wxmp/fengdu/zan-active.png' : 'https://cdn.cunwuyun.cn/wxmp/fengdu/zan.png'" />
<i>{{ item.appreciateCount }}</i> <i>{{ item.appreciateCount }}</i>
</div> </div>
<div> <div>
@@ -81,7 +81,7 @@
<i>{{ item.sharedCount }}</i> <i>{{ item.sharedCount }}</i>
</div> </div>
<div> <div>
<image src="https://cdn.cunwuyun.cn/wxmp/fengdu/zan.png" /> <image :src="item.appreciateStatus ? 'https://cdn.cunwuyun.cn/wxmp/fengdu/zan-active.png' : 'https://cdn.cunwuyun.cn/wxmp/fengdu/zan.png'" />
<i>{{ item.appreciateCount }}</i> <i>{{ item.appreciateCount }}</i>
</div> </div>
<div> <div>
@@ -206,7 +206,7 @@
params: { params: {
current: this.current, current: this.current,
size: 10, size: 10,
listType: 1, listType: 0,
createUserId: this.user.id createUserId: this.user.id
} }
}).then(res => { }).then(res => {
@@ -504,9 +504,9 @@
} }
.item-content { .item-content {
margin-top: 16px; margin-top: 16px 0;
line-height: 1.3; line-height: 1.3;
// text-align: justify; text-align: justify;
span { span {
font-size: 28px; font-size: 28px;

View File

@@ -32,7 +32,7 @@
<i>{{ item.sharedCount }}</i> <i>{{ item.sharedCount }}</i>
</div> </div>
<div> <div>
<image src="https://cdn.cunwuyun.cn/wxmp/fengdu/zan.png" /> <image :src="item.appreciateStatus ? 'https://cdn.cunwuyun.cn/wxmp/fengdu/zan-active.png' : 'https://cdn.cunwuyun.cn/wxmp/fengdu/zan.png'" />
<i>{{ item.appreciateCount }}</i> <i>{{ item.appreciateCount }}</i>
</div> </div>
<div> <div>
@@ -247,9 +247,9 @@
} }
.item-content { .item-content {
margin: 16px; margin: 16px 0;
line-height: 1.3; line-height: 1.3;
// text-align: justify; text-align: justify;
span { span {
font-size: 28px; font-size: 28px;