完善

subPage/chat/index.js

@@ -9,8 +9,10 @@ Page({
     list:[
       {
         id:-1,
-        type:'text'
-      }
+        type:'text',
+        isUp:false,
+        isDown:false,
+      },
     ]
   },
 
@@ -73,16 +75,67 @@ Page({
   },
 
   handleEvent(e){
-    console.log('handleEvent',e);
     let that = this;
     that.animate();
     that.setData({
       eventType:e.currentTarget.dataset.type == 'input' ? 'voice':'input'
     })
   },
+  handleUp(e){
+    let that = this;
+    that.animate();
+    const list = [...that.data.list]; 
+    const index = e.currentTarget.dataset.index;
+    list[index].isUp = !list[index].isUp; 
+    that.setData({
+      list: list 
+    });
+  },
+  handleDown(e){
+    let that = this;
+    that.animate();
+    const list = [...that.data.list]; 
+    const index = e.currentTarget.dataset.index;
+    list[index].isDown = !list[index].isDown; 
+    that.setData({
+      list: list 
+    });
+  },
+  handleCopy(e){
+    let that = this;
+    that.animate();
+    const index = e.currentTarget.dataset.index;
+    let content = that.data.list[index].content; // 获取要复制的内容
+    if(index == 0){
+      content = "Hi，我是大鹏，你的智能工作助理。以后找工作不用跟老板谈了，直接来跟大鹏谈。来说说你的要求，我们开始吧…"
+    }
+    wx.setClipboardData({
+      data: content,
+      success: function (res) {
+        wx.showToast({
+          title: '复制成功',
+          icon: 'success',
+          duration: 2000
+        });
+      },
+      fail: function (res) {
+        wx.showToast({
+          title: '复制失败',
+          icon: 'none',
+          duration: 2000
+        });
+      }
+    });
+  },
+  handleShare(){
+    let that = this;
+    that.animate();
+  },
+
+
   animate($type='light') {
     wx.vibrateShort({
       type:$type
     });
-  }
+  },
 })

subPage/chat/index.wxml

@@ -27,12 +27,26 @@
       </view>
       <view class="item-opera g_flex_row_between">
         <view class="g_flex_row_start">
-          <i class="iconfont icon-useful era-icon g_mr_12"></i>
-          <i class="iconfont icon-un_useful era-icon"></i>
+          <i class="iconfont icon-useful era-icon g_mr_12 {{item.isUp ? 'icon-active' : ''}}"
+             data-up="{{item.isUp}}"
+             data-index="{{index}}"
+             bindtap="handleUp"
+          ></i>
+          <i class="iconfont icon-un_useful era-icon {{item.isDown ? 'icon-active' : ''}}"
+             data-down="{{item.isDown}}"
+             data-index="{{index}}"
+             bindtap="handleDown"
+          ></i>
         </view>
         <view class="g_flex_row_end">
-          <i class="iconfont icon-fuzhi11 era-icon g_mr_12"></i>
-          <i class="iconfont icon-fenxiangfenxiangshare era-icon"></i>
+          <i class="iconfont icon-fuzhi11 era-icon g_mr_12"
+             data-copy="{{item.content}}"
+             data-index="{{index}}"
+             bindtap="handleCopy"
+          ></i>
+          <i class="iconfont icon-fenxiangfenxiangshare era-icon"
+             bindtap="handleShare"
+          ></i>
         </view>
       </view>
     </view>

subPage/chat/index.wxss

@@ -220,4 +220,7 @@ textarea {
 }
 .g_mr_12{
   margin-right: 12px;
+}
+.icon-active{
+  color: #3578f6;
 }