This commit is contained in:
yanran200730
2023-03-21 14:01:34 +08:00
parent 807faa4229
commit 56d8c0582b
3 changed files with 376 additions and 364 deletions

View File

@@ -40,10 +40,10 @@
<div class="item-content"> <div class="item-content">
<span hover-stop-propagation v-if="item.themeId" <span hover-stop-propagation v-if="item.themeId"
@click.stop="$linkTo('./TopicDetail?themeId=' + item.themeId + '&name=' + item.topicName)">#{{ item.topicName }}</span> @click.stop="$linkTo('./TopicDetail?themeId=' + item.themeId + '&name=' + item.topicName)">#{{ item.topicName }}</span>
<text class="row2">{{ item.content }}</text> <text>{{ item.content }}</text>
</div> </div>
<div class="item-imgs" v-if="item.files.length"> <div class="item-imgs" v-if="item.files.length">
<image mode="aspectFill" @click.stop="previewImage(e.url, item.files)" v-for="(e, i) in item.files.slice(0,3)" :key="i" :src="e.url"/> <image mode="aspectFill" @click.stop="previewImage(e.url, item.files)" v-for="(e, i) in item.files" :key="i" :src="e.url"/>
</div> </div>
<p>{{ item.createTime }}</p> <p>{{ item.createTime }}</p>
<div class="item-bottom"> <div class="item-bottom">
@@ -71,9 +71,9 @@
</div> </div>
</template> </template>
<script> <script>
import {mapActions, mapState} from 'vuex' import {mapActions, mapState} from 'vuex'
export default { export default {
name: 'AppCircle', name: 'AppCircle',
appName: '邻里互助', appName: '邻里互助',
navigationBarBackgroundColor: '#ffffff', navigationBarBackgroundColor: '#ffffff',
@@ -99,6 +99,10 @@ export default {
}, },
onLoad() { onLoad() {
uni.setNavigationBarTitle({
title: '邻里互助'
});
this.getTopicList() this.getTopicList()
uni.$on('updateList', () => { uni.$on('updateList', () => {
@@ -107,7 +111,7 @@ export default {
}) })
if (!this.token) { if (!this.token) {
this.autoLogin().then(() => { this.autoLogin({ loginWay: 'qujing' }).then(() => {
this.getMyPublishCount() this.getMyPublishCount()
}) })
} else { } else {
@@ -211,6 +215,7 @@ export default {
this.list = [...this.list, ...res.data.records.map(e => { this.list = [...this.list, ...res.data.records.map(e => {
return { return {
...e, ...e,
files: e.files.filter((v, index) => index < 3),
topicName: this.topicList.filter(v => v.id === e.themeId).length ? this.topicList.filter(v => v.id === e.themeId)[0].title : '' topicName: this.topicList.filter(v => v.id === e.themeId).length ? this.topicList.filter(v => v.id === e.themeId)[0].title : ''
} }
})] })]
@@ -218,6 +223,7 @@ export default {
this.list = res.data.records.map(e => { this.list = res.data.records.map(e => {
return { return {
...e, ...e,
files: e.files.filter((v, index) => index < 3),
topicName: this.topicList.filter(v => v.id === e.themeId).length ? this.topicList.filter(v => v.id === e.themeId)[0].title : '' topicName: this.topicList.filter(v => v.id === e.themeId).length ? this.topicList.filter(v => v.id === e.themeId)[0].title : ''
} }
}) })
@@ -253,11 +259,11 @@ export default {
path: `/pages/AppCircle/Detail?id=${e.target.dataset.id}&themeId=${e.target.dataset.themeid}&name=${e.target.dataset.name}` path: `/pages/AppCircle/Detail?id=${e.target.dataset.id}&themeId=${e.target.dataset.themeid}&name=${e.target.dataset.name}`
} }
} }
} }
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
.AppCircle { .AppCircle {
padding-top: 120px; padding-top: 120px;
padding-bottom: 40px; padding-bottom: 40px;
@@ -505,5 +511,5 @@ export default {
-webkit-line-clamp: 2; -webkit-line-clamp: 2;
-webkit-box-orient: vertical; -webkit-box-orient: vertical;
} }
} }
</style> </style>

View File

@@ -168,7 +168,7 @@ div<template>
}, },
showComment () { showComment () {
if (!this.user.AreaId) { if (!this.user.areaId) {
this.$dialog.confirm({ this.$dialog.confirm({
content: '您只有完成信息认证后,才可进行相关操作。', content: '您只有完成信息认证后,才可进行相关操作。',
confirmText: '去认证' confirmText: '去认证'

View File

@@ -41,10 +41,10 @@
</div> </div>
<div class="item-content"> <div class="item-content">
<span v-if="item.themeId" @click.stop="$linkTo('./TopicDetail?themeId=' + item.themeId + '&name=' + item.topicName)">#{{ item.topicName }}</span> <span v-if="item.themeId" @click.stop="$linkTo('./TopicDetail?themeId=' + item.themeId + '&name=' + item.topicName)">#{{ item.topicName }}</span>
<text class="row2">{{ item.content }}</text> <text>{{ item.content }}</text>
</div> </div>
<div class="item-imgs" v-if="item.files.length"> <div class="item-imgs" v-if="item.files.length">
<image mode="aspectFill" hover-stop-propagation @click.stop="previewImage(e.url, item.files)" v-for="(e, i) in item.files.slice(0,3)" :key="i" :src="e.url"/> <image mode="aspectFill" hover-stop-propagation @click.stop="previewImage(e.url, item.files)" v-for="(e, i) in item.files" :key="i" :src="e.url"/>
</div> </div>
<p>{{ item.createTime }}</p> <p>{{ item.createTime }}</p>
<div class="item-bottom"> <div class="item-bottom">
@@ -275,6 +275,7 @@ export default {
this.list = [...this.list, ...res.data.records.map(e => { this.list = [...this.list, ...res.data.records.map(e => {
return { return {
...e, ...e,
files: e.files.filter((v, index) => index < 3),
topicName: this.topicList.filter(v => v.id === e.themeId).length ? this.topicList.filter(v => v.id === e.themeId)[0].title : '' topicName: this.topicList.filter(v => v.id === e.themeId).length ? this.topicList.filter(v => v.id === e.themeId)[0].title : ''
} }
})] })]
@@ -282,6 +283,7 @@ export default {
this.list = res.data.records.map(e => { this.list = res.data.records.map(e => {
return { return {
...e, ...e,
files: e.files.filter((v, index) => index < 3),
topicName: this.topicList.filter(v => v.id === e.themeId).length ? this.topicList.filter(v => v.id === e.themeId)[0].title : '' topicName: this.topicList.filter(v => v.id === e.themeId).length ? this.topicList.filter(v => v.id === e.themeId)[0].title : ''
} }
}) })
@@ -317,6 +319,7 @@ export default {
this.list = [...this.list, ...res.data.records.map(e => { this.list = [...this.list, ...res.data.records.map(e => {
return { return {
...e, ...e,
files: e.files.filter((v, index) => index < 3),
topicName: this.topicList.filter(v => v.id === e.themeId).length ? this.topicList.filter(v => v.id === e.themeId)[0].title : '' topicName: this.topicList.filter(v => v.id === e.themeId).length ? this.topicList.filter(v => v.id === e.themeId)[0].title : ''
} }
})] })]
@@ -324,6 +327,7 @@ export default {
this.list = res.data.records.map(e => { this.list = res.data.records.map(e => {
return { return {
...e, ...e,
files: e.files.filter((v, index) => index < 3),
topicName: this.topicList.filter(v => v.id === e.themeId).length ? this.topicList.filter(v => v.id === e.themeId)[0].title : '' topicName: this.topicList.filter(v => v.id === e.themeId).length ? this.topicList.filter(v => v.id === e.themeId)[0].title : ''
} }
}) })
@@ -361,6 +365,7 @@ export default {
this.list = [...this.list, ...res.data.records.map(e => { this.list = [...this.list, ...res.data.records.map(e => {
return { return {
...e, ...e,
files: e.files.filter((v, index) => index < 3),
topicName: this.topicList.filter(v => v.id === e.themeId).length ? this.topicList.filter(v => v.id === e.themeId)[0].title : '' topicName: this.topicList.filter(v => v.id === e.themeId).length ? this.topicList.filter(v => v.id === e.themeId)[0].title : ''
} }
})] })]
@@ -368,6 +373,7 @@ export default {
this.list = res.data.records.map(e => { this.list = res.data.records.map(e => {
return { return {
...e, ...e,
files: e.files.filter((v, index) => index < 3),
topicName: this.topicList.filter(v => v.id === e.themeId).length ? this.topicList.filter(v => v.id === e.themeId)[0].title : '' topicName: this.topicList.filter(v => v.id === e.themeId).length ? this.topicList.filter(v => v.id === e.themeId)[0].title : ''
} }
}) })