update: add recent topic list in the user profile

Lsnsh · Lsnsh · commit 9c3917c2d7c0 · 2018-11-27T23:36:20.000+08:00
diff --git a/src/pages/user/components/topic-list/topic-list.js b/src/pages/user/components/topic-list/topic-list.js
@@ -0,0 +1,10 @@
+Component({
+  properties: {
+    list: {
+      type: Array,
+      value: []
+    }
+  },
+  data: {},
+  methods: {}
+});
diff --git a/src/pages/user/components/topic-list/topic-list.json b/src/pages/user/components/topic-list/topic-list.json
@@ -0,0 +1,3 @@
+{
+  "component": true
+}
diff --git a/src/pages/user/components/topic-list/topic-list.wxml b/src/pages/user/components/topic-list/topic-list.wxml
@@ -0,0 +1,19 @@
+<view class="topic-list">
+  <navigator 
+    class="topic-item"
+    wx:for="{{list}}"
+    wx:key="{{index}}"
+    url="/pages/topic/topic?id={{item.id}}"
+  >
+    <navigator class="topic-left inbl vtal-top rounded-p50" url="/pages/user/user?name={{item.author.loginname}}" hover-stop-propagation="{{true}}">
+      <image class="w-p100 h-p100 rounded-p50" src="{{item.author.avatar_url}}"/>
+    </navigator>
+    <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>
diff --git a/src/pages/user/components/topic-list/topic-list.wxss b/src/pages/user/components/topic-list/topic-list.wxss
@@ -0,0 +1,21 @@
+@import '/style/base.wxss';
+
+.topic-item {
+  padding: 30rpx;
+  margin-bottom: 10rpx;
+  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
+  border-radius: 8rpx;
+}
+.topic-left {
+  width: 100rpx;
+  height: 100rpx;
+}
+.topic-right {
+  width: 520rpx;
+  margin-left: 30rpx;
+  font-size: 28rpx;
+}
+.topic-title {
+  margin-bottom: 20rpx;
+  font-size: 32rpx;
+}
diff --git a/src/pages/user/user.json b/src/pages/user/user.json
@@ -1 +1,5 @@
-{}
+{
+  "usingComponents": {
+    "topic-list": "./components/topic-list/topic-list"
+  }
+}
diff --git a/src/pages/user/user.wxml b/src/pages/user/user.wxml
@@ -23,33 +23,21 @@
         <view>{{item.text}}</view>
       </view>
     </view>
-    <!-- 最近回复列表 -->
-    <block wx:if="{{nActiveTabIndex === 0}}">
-      <view class="recent-reply-list" >
-        <!-- TODO: 点击头像跳转用户资料页，点击文字跳转话题详情 -->
-        <view class="reply-item" wx:for="{{oUserProfile.recent_replies}}" wx:key="{{index}}">
-          <image class="reply-left inbl vtal-top rounded-p50" src="{{item.author.avatar_url}}"/>
-          <view class="reply-right inbl vtal-top">
-            <view class="reply-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>
+    <view class="topic-list-wrap">
+      <!-- 最近回复列表 -->
+      <block wx:if="{{nActiveTabIndex === 0}}">
+        <topic-list list="{{oUserProfile.recent_replies}}"></topic-list>
+      </block>
+      <!-- 最新发布话题列表 -->
+      <block wx:elif="{{nActiveTabIndex === 1}}">
+        <topic-list list="{{oUserProfile.recent_topics}}"></topic-list>
+      </block>
+      <!-- TODO: 话题收藏列表 -->
+      <block wx:elif="{{nActiveTabIndex === 2}}">
+        <view class="topic-collection-list ta-c">
+          <view>敬请期待</view>
         </view>
-      </view>
-    </block>
-    <!-- TODO: 最新发布列表 -->
-    <block wx:elif="{{nActiveTabIndex === 1}}">
-      <view class="recent-topic-list ta-c">
-        <view>敬请期待</view>
-      </view>
-    </block>
-    <!-- TODO: 话题收藏列表 -->
-    <block wx:elif="{{nActiveTabIndex === 2}}">
-      <view class="topic-collection-list ta-c">
-        <view>敬请期待</view>
-      </view>
-    </block>
+      </block>
+    </view>
   </view>
 </view>
diff --git a/src/pages/user/user.wxss b/src/pages/user/user.wxss
@@ -34,35 +34,9 @@
 .tabbar-wrap .tab.tab-active {
   border-color: #80bd01;
 }
-/* 最近回复列表 */
-.recent-reply-list {
+.topic-list-wrap {
   padding: 30rpx 20rpx;
 }
-.reply-item {
-  padding: 30rpx;
-  margin-bottom: 10rpx;
-  /* border-bottom: 0.01rem solid #7c7c7c; */
-  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
-  border-radius: 8rpx;
-}
-.reply-left {
-  width: 100rpx;
-  height: 100rpx;
-}
-.reply-right {
-  width: 520rpx;
-  margin-left: 30rpx;
-  font-size: 28rpx;
-}
-.reply-topic-title {
-  margin-bottom: 20rpx;
-  font-size: 32rpx;
-}
-/* 最近话题列表 */
-.recent-topic-list {
-  padding: 30rpx 20rpx;
-  font-size: 28rpx;
-}
 /* 话题收藏列表 */
 .topic-collection-list  {
   padding: 30rpx 20rpx;

-Original file line number
+Diff line change
@@ @@ -1 +1,5 @@ @@
 -{}
 +{
 +  "usingComponents": {
 +    "topic-list": "./components/topic-list/topic-list"
 +  }
 +}