开发

pages/chat/index.js

@@ -24,4 +24,27 @@ Page({
       url: `/pages/personal/index?uid=${currentTarget.dataset.uid}&type=user`,
     })
   },
+  chooseImage() {
+    wx.chooseImage({
+      count: 1, // 可选择的图片数量
+      sizeType: ['compressed'], // 压缩图片
+      sourceType: ['album', 'camera'], // 来源：相册或相机
+      success: (res) => {
+        // 将选择的图片上传到服务器
+        this.uploadImage(res.tempFilePaths[0]);
+      }
+    })
+  },
+  uploadImage(imagePath) {
+    wx.uploadFile({
+      url: 'https://reader-api.ai160.com/file/upload',
+      filePath: imagePath,
+      header: {
+        uid: wx.getStorageSync('uid')
+      },
+      success: (res) => {
+        console.log(res.data);
+      }
+    })
+  }
 })

pages/chat/index.less

@@ -1,4 +1,5 @@
 .chat {
+  min-height: 100vh;
   background-color: white;
 
   .content {
@@ -64,8 +65,17 @@
       background-color: white;
     }
 
+    .sendImg {
+      width: 32rpx;
+      height: 32rpx;
+      border: 4rpx solid #3DD076;
+      margin: 0rpx 24rpx;
+      padding: 10rpx;
+      border-radius: 50%;
+    }
+
     .submit {
-      padding: 14rpx 30rpx;
+      padding: 14rpx 10rpx 14rpx 0rpx;
       color: #0091FF;
       font-size: 38rpx;
     }

pages/chat/index.wxml

@@ -1,16 +1,17 @@
 <view class="chat">
   <view class="content">
-    <view class="base someone" wx:for="{{5}}" wx:key="index">
+    <view class="base someone" wx:for="{{2}}" wx:key="index">
       <image src="/static/star.png" class="avatar" bindtap="jumpUserInfo" data-uid='{{index}}' />
       <view class="message">获取系统信息。由于历史原因，wx.getSystemInfo 是异步的调用格式，但是是同步返回，需要异步获取系统信息请使用 wx.getSystemInfoAsync。</view>
     </view>
-    <view class="base self" wx:for="{{5}}" wx:key="index">
+    <view class="base self" wx:for="{{2}}" wx:key="index">
       <view class="message">获取系统信息。由于历史原因，wx.getSystemInfo 是异步的调用格式，但是是同步返回，需要异步获取系统信息请使用 wx.getSystemInfoAsync。</view>
       <image src="/static/star.png" class="avatar" />
     </view>
   </view>
   <view class="inputBox {{isIos?'iosPadding':''}}">
     <input class="input" bindinput="bindKeyInput" value="{{value}}" placeholder="我有话说..." />
+    <image src="/static/follow_3.png" class="sendImg" bindtap="chooseImage" />
     <view class="submit" bindtap="sendReply">发送</view>
   </view>
 </view>

pages/chat/index.wxss

@@ -1,4 +1,5 @@
 .chat {
+  min-height: 100vh;
   background-color: white;
 }
 .chat .content {
@@ -52,8 +53,16 @@
   border-radius: 10rpx;
   background-color: white;
 }
+.chat .inputBox .sendImg {
+  width: 32rpx;
+  height: 32rpx;
+  border: 4rpx solid #3DD076;
+  margin: 0rpx 24rpx;
+  padding: 10rpx;
+  border-radius: 50%;
+}
 .chat .inputBox .submit {
-  padding: 14rpx 30rpx;
+  padding: 14rpx 10rpx 14rpx 0rpx;
   color: #0091FF;
   font-size: 38rpx;
 }

pages/comment/index.js

@@ -54,4 +54,12 @@ Page({
       url: `/pages/personal/index?uid=${currentTarget.dataset.uid}&type=user`,
     })
   },
+  jumpWork({
+    currentTarget
+  }) {
+    console.log(currentTarget);
+    wx.navigateTo({
+      url: `/pages/userWorks/index?id=${currentTarget.dataset.id}`,
+    })
+  },
 })

pages/comment/index.wxml

@@ -1,6 +1,6 @@
 <view class="commentPage">
-  <view class="notes" wx:for="{{list}}" wx:key="index">
-    <image src="{{item.user.avatar}}" class="avatar" data-uid='{{item.user.uid}}' bindtap="jumpUserInfo" />
+  <view class="notes" wx:for="{{list}}" wx:key="index" data-id='{{item.userRead.id}}' bindtap="jumpWork">
+    <image src="{{item.user.avatar}}" class="avatar" data-uid='{{item.user.uid}}' catchtap="jumpUserInfo" />
     <view class="body">
       <view class="nickName">{{item.user.nickName||item.user.eid}}</view>
       <view class="date">