bug

2023-03-17 17:51:10 +08:00
parent 5698bfb695
commit b718727544
4 changed files with 128 additions and 18 deletions
--- a/src/project/fengdu/AppCircle/AppCircle.vue
+++ b/src/project/fengdu/AppCircle/AppCircle.vue
@@ -5,9 +5,9 @@
        <span @click="changeTab(0)" :class="[currIndex === 0 ? 'active' : '']">广场</span>
        <span @click="changeTab(1)" :class="[currIndex === 1 ? 'active' : '']">社区</span>
      </div>
-      <div class="right" @click="$linkTo('./MyPostList')">
+      <div class="right" @click="$linkTo('./MyPostList')" hover-class="text-hover">
        <span>我的贴子</span>
-        <i>1</i>
+        <i v-if="total > 0">{{ total }}</i>
      </div>
    </div>
    <div class="nav" v-if="topic.length">
@@ -46,7 +46,7 @@
            <i>{{ item.sharedCount }}</i>
          </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>
          </div>
          <div>
@@ -76,7 +76,8 @@
        topicList: [],
        list: [],
        isMore: false,
-        current: 1
+        current: 1,
+        total: 0
      }
    },

@@ -94,12 +95,31 @@
      uni.$on('updateList', () => {
        this.changeTab(this.currIndex)
      })
+
+      if (this.token) {
+        this.getMyPublishCount()
+      }
    },

    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 () {
        this.$instance.post(`/app/appneighborhoodassistancetheme/list`, null, {
-          // withoutToken: true,
+          withoutToken: true,
          params: {
            current: 1,
            size: 100
--- a/src/project/fengdu/AppCircle/Detail.vue
+++ b/src/project/fengdu/AppCircle/Detail.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="Detail" v-if="isShow">
+  <div class="Detail" v-if="pageShow">
    <div class="top">
      <div class="item-top">
        <image :src="info.createUserAvatar || 'https://cdn.cunwuyun.cn/wxmp/fengdu/avatar.png'" />
@@ -17,7 +17,7 @@
      </div>
      <p>{{ info.createTime }}</p>
      <div class="item-bottom">
-        <div>
+        <div @click="isShow = true">
          <image src="https://cdn.cunwuyun.cn/wxmp/fengdu/ic-zhuanfa.png" />
          <i>{{ info.sharedCount }}</i>
        </div>
@@ -43,7 +43,7 @@
              <span>{{ item.createTime }}</span>
              <div hover-class="text-hover" @click="commentId = item.id, replyName = item.createUserName, focus = true">回复</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">
                <image :src="replay.createUserAvatar || 'https://cdn.cunwuyun.cn/wxmp/fengdu/avatar.png'" />
                <div class="replay-item__right">
@@ -68,9 +68,32 @@
      <input :placeholder="commentId ? '回复' + replyName : '请输入'" :focus="focus" v-model="content">
      <div hover-class="hover-class" @click="send">发送</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"/>
  </div>
 </template>
+
 <script>
  export default {
    name: 'Detail',
@@ -89,6 +112,7 @@
        current: 1,
        content: '',
        focus: false,
+        pageShow: false,
        commentId: '',
        replyName: ''
      }
@@ -111,7 +135,7 @@
          if (res.code === 0) {
            this.info = res.data

-            this.isShow = true
+            this.pageShow = true
          }

          uni.hideLoading()
@@ -208,7 +232,21 @@

    onReachBottom () {
      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>

@@ -221,6 +259,58 @@
      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 {
      display: flex;
      align-items: center;
--- a/src/project/fengdu/AppCircle/MyPostList.vue
+++ b/src/project/fengdu/AppCircle/MyPostList.vue
@@ -48,7 +48,7 @@
              <i>{{ item.sharedCount }}</i>
            </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>
            </div>
            <div>
@@ -81,7 +81,7 @@
              <i>{{ item.sharedCount }}</i>
            </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>
            </div>
            <div>
@@ -206,7 +206,7 @@
          params: {
            current: this.current,
            size: 10,
-            listType: 1,
+            listType: 0,
            createUserId: this.user.id
          }
        }).then(res => {
@@ -504,9 +504,9 @@
        }

        .item-content {
-          margin-top: 16px;
+          margin-top: 16px 0;
          line-height: 1.3;
-          // text-align: justify;
+          text-align: justify;

          span {
            font-size: 28px;
--- a/src/project/fengdu/AppCircle/TopicDetail.vue
+++ b/src/project/fengdu/AppCircle/TopicDetail.vue
@@ -32,7 +32,7 @@
            <i>{{ item.sharedCount }}</i>
          </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>
          </div>
          <div>
@@ -247,9 +247,9 @@
        }

        .item-content {
-          margin: 16px;
+          margin: 16px 0;
          line-height: 1.3;
-          // text-align: justify;
+          text-align: justify;

          span {
            font-size: 28px;