修改消息

src/components/Header/message.vue

@@ -5,8 +5,8 @@
         <span class="pullDownIcon" style="display: none"></span><span class="pullDownLabel">释放刷新</span>
       </div>
       <ul id="thelist"
-        @mouseup="handlerMouseUp($event)"
-        @mousedown="handlerMousedown($event)"
+        @keydown="handlerKeydown($event)"
+        @keypress="handlerKeypress($event)"
       >
         <li v-for="(item, index) in items" class="message-item"
         :key="index" @click="openMessageContent(item,$event)">
@@ -86,8 +86,19 @@ export default {
       pullUpEl = document.getElementById('pullUp')
       pullUpOffset = pullUpEl.offsetHeight
       this.myScroll = new IScroll('wrapper', {
+        probeType: 2, // probeType：1对性能没有影响。在滚动事件被触发时，滚动轴是不是忙着做它的东西。probeType：2总执行滚动，除了势头，反弹过程中的事件。这类似于原生的onscroll事件。probeType：3发出的滚动事件与到的像素精度。注意，滚动被迫requestAnimationFrame（即：useTransition：假）。
+        scrollbars: true, // 有滚动条
+        mouseWheel: true, // 允许滑轮滚动
+        fadeScrollbars: true, // 滚动时显示滚动条，默认影藏，并且是淡出淡入效果
+        bounce: true, // 边界反弹
+        interactiveScrollbars: true, // 滚动条可以拖动
+        shrinkScrollbars: 'scale', // 当滚动边界之外的滚动条是由少量的收缩。'clip' or 'scale'.
+        click: true, // 允许点击事件
+        tap: true, // 允许tap事件
+        keyBindings: true, // 允许使用按键控制
+        momentum: true, // 允许有惯性滑动,
         scrollbarClass: 'myScrollbar' /* 重要样式 */,
-        useTransition: false /* 此属性不知用意，本人从true改为false */,
+        useTransition: true /* 此属性不知用意，本人从true改为false */,
         topOffset: pullDownOffset,
         onRefresh: () => {
           this.$nextTick(() => {
@@ -150,12 +161,11 @@ export default {
         false
       )
     },
-    handlerMouseUp(event) {
+    handlerKeydown(event) {
       this.eventMouseStarEl = event.target
       this.eventType = ''
-      console.log(event)
     },
-    handlerMousedown(event) {
+    handlerKeypress(event) {
       this.eventMouseEndEl = event.target
       console.log(event)
       if (this.eventMouseStarEl && this.eventMouseStarEl === this.eventMouseEndEl) {
@@ -163,7 +173,7 @@ export default {
       } else {
         this.eventType = 'mousemove'
       }
-      this.eventMouseStarEl = this.eventMouseEndEl = null
+      // this.eventMouseStarEl = this.eventMouseEndEl = null
     },
     pullDownAction () {
       this.items = []
@@ -177,13 +187,17 @@ export default {
     },
 
     openMessageContent (item) {
-      console.log(arguments)
       if (this.eventType === 'click') {
         this.$alert(`${item.content}`, '', {
           dangerouslyUseHTMLString: true,
           customClass: 'message-panel'
         })
       }
+
+      // this.$alert(`${item.content}`, '', {
+      //   dangerouslyUseHTMLString: true,
+      //   customClass: 'message-panel'
+      // })
     }
   }
 }