update: optimize the page jump of the user profile page

Author: Lsnsh

src/pages/user/components/topic-list/topic-list.js

@@ -1,10 +1,38 @@
 Component({
   properties: {
+    name: {
+      type: String,
+      value: ''
+    },
     list: {
       type: Array,
       value: []
     }
   },
-  data: {},
-  methods: {}
+  methods: {
+    // 点击用户头像
+    fnTapAuthorAvatar(e) {
+      let oDataSet = e.currentTarget.dataset;
+      // 判断是否已经处于该用户的个人主页
+      if (oDataSet.loginname === this.data.name) {
+        // 终止执行，并留下一句话
+        return wx.showToast({
+          icon: 'none',
+          title: '你一直都在，从未曾离开'
+        });
+      }
+      // 跳转用户详情
+      wx.navigateTo({
+        url: `/pages/user/user?name=${oDataSet.loginname}`
+      });
+    },
+    // 点击话题卡片
+    fnTapTopicItem(e) {
+      let oDataSet = e.currentTarget.dataset;
+      // 跳转话题详情
+      wx.navigateTo({
+        url: `/pages/topic/topic?id=${oDataSet.id}`
+      });
+    }
+  }
 });

src/pages/user/components/topic-list/topic-list.wxml

@@ -1,19 +1,27 @@
 <view class="topic-list">
-  <navigator 
+  <view 
     class="topic-item"
     wx:for="{{list}}"
     wx:key="{{index}}"
-    url="/pages/topic/topic?id={{item.id}}"
+    data-id="{{item.id}}"
+    hover-class="navigator-hover"
+    bindtap="fnTapTopicItem"
   >
-    <navigator class="topic-left inbl vtal-top rounded-p50" url="/pages/user/user?name={{item.author.loginname}}" hover-stop-propagation="{{true}}">
+    <view
+      class="topic-left inbl vtal-top rounded-p50" 
+      data-loginname="{{item.author.loginname}}"
+      hover-class="navigator-hover"
+      hover-stop-propagation="{{true}}"
+      catchtap="fnTapAuthorAvatar"
+    >
       <image class="w-p100 h-p100 rounded-p50" src="{{item.author.avatar_url}}"/>
-    </navigator>
+    </view>
     <view class="topic-right inbl vtal-top">
       <view class="topic-title text-ellipsis">{{item.title}}</view>
       <view class="clf color-grey">
         <view class="fl-left">{{item.author.loginname}}</view>
         <view class="fl-right">{{item.last_reply_at}}</view>
       </view>
     </view>
-  </navigator>
+  </view>
 </view>

src/pages/user/user.json

@@ -1,5 +1,6 @@
 {
   "usingComponents": {
     "topic-list": "./components/topic-list/topic-list"
-  }
+  },
+  "navigationBarTitleText": "个人主页"
 }

src/pages/user/user.wxml

@@ -26,15 +26,15 @@
     <view class="topic-list-wrap">
       <!-- 最近回复列表 -->
       <block wx:if="{{nActiveTabIndex === 0}}">
-        <topic-list list="{{oUserProfile.recent_replies}}"></topic-list>
+        <topic-list list="{{oUserProfile.recent_replies}}" name="{{oUserProfile.loginname}}"></topic-list>
       </block>
       <!-- 最新发布话题列表 -->
       <block wx:elif="{{nActiveTabIndex === 1}}">
-        <topic-list list="{{oUserProfile.recent_topics}}"></topic-list>
+        <topic-list list="{{oUserProfile.recent_topics}}" name="{{oUserProfile.loginname}}"></topic-list>
       </block>
       <!-- 话题收藏列表 -->
       <block wx:elif="{{nActiveTabIndex === 2}}">
-        <topic-list wx:if="{{!bIsFetchingUserCollectTopicList}}" list="{{aUserCollectTopicList}}"></topic-list>
+        <topic-list wx:if="{{!bIsFetchingUserCollectTopicList}}" list="{{aUserCollectTopicList}}" name="{{oUserProfile.loginname}}"></topic-list>
         <view wx:else class="topic-collection-list ta-c">
           <view>正在加载...</view>
         </view>