v0.0.6修复部分图标路径问题、滚动防抖bug修复

Author: flytam

README.md

@@ -11,6 +11,8 @@ API来自于[cnode社区](https://cnodejs.org/api)
 ![](./img/show.jpg)
 
 线上版本更新日志
+v0.0.6 修复部分图标路径问题、滚动防抖bug修复
+
 v0.0.5 修复帖子详情滑动卡顿问题 首页栏目切换动画修复 部分图标修复
 
 v0.0.4 修复几处样式，添加帖子热帖，发帖添加markdown预览，通知添加一键已读和点击已读  markdown发布的预览

src/main.js

@@ -23,23 +23,23 @@ export default {
       list: [{
         pagePath: 'pages/index/main',
         text: '首页',
-        iconPath:'./static/home.png',
-        selectedIconPath:'./static/home.png'
+        iconPath:'static/home.png',
+        selectedIconPath:'static/home.png'
       }, {
         pagePath: 'pages/notice/main',
         text: '通知',
-        iconPath:'./static/notice-o.png',
-        selectedIconPath:'./static/notice-o.png'
+        iconPath:'static/notice-o.png',
+        selectedIconPath:'static/notice-o.png'
       }, {
         pagePath: 'pages/publish/main',
         text: '发帖',
-        iconPath:'./static/edit.png',
-        selectedIconPath:'./static/edit.png'
+        iconPath:'static/edit.png',
+        selectedIconPath:'static/edit.png'
       }, {
         pagePath: 'pages/me/main',
         text: '我',
-        iconPath:'./static/user-o.png',
-        selectedIconPath:'./static/user-o.png'
+        iconPath:'static/user-o.png',
+        selectedIconPath:'static/user-o.png'
       }]
     },
   }

src/pages/detail/index.vue

@@ -7,7 +7,7 @@
           <img class='author-img' :src='detailData.author && detailData.author.avatar_url' alt="头像">
           <span class='name'>{{detailData.author&& detailData.author.loginname}}</span>
         </div>
-        <div class='list'><img @click.stop="collect" :src="detailData.is_collect?'../../static/star2.png':'../../static/star1.png'" style='width:40rpx;height:40rpx;'><span>楼主</span></div>
+        <div class='list'><img @click.stop="collect" :src="detailData.is_collect?'/static/star2.png':'/static/star1.png'" style='width:40rpx;height:40rpx;'><span>楼主</span></div>
       </div>
       <scroll-view class='body' scroll-y='true'   @scroll='onScroll($event)' :scroll-top="top" enable-back-to-top='true' @scrolltolower='getMore'>
         <div class='title'>
@@ -18,7 +18,7 @@
             <span>评论:{{detailData.reply_count}}</span>
           </div>
         </div>
-        <img class='up-png' src="../../static/up.png" mode='widthFix' @click.stop="goTop">
+        <img class='up-png' src="/static/up.png" mode='widthFix' @click.stop="goTop">
         <div v-if='!sendVisible' class='reply-buton' @click.stop="showReplyModal">评论</div>
         <div class='content'>
           <wemark :mdData='detailData.content'></wemark>
@@ -37,8 +37,8 @@
               <wemark :mdData='item.content'></wemark>
             </p>
             <div class='foot'>
-              <div :data-replyid='item.id' :data-originindex='originindex' @click.stop="upOrCancel($event)"><img class='icon' :src="(!item.is_uped)?'../../static/good1.png':'../../static/good2.png'" /><span>点赞:{{item.ups.length}}</span></div>
-              <div :data-loginname='item.author.loginname' @click.stop="showReplyModal($event)" :data-replyid='item.id'><img class='icon' src='../../static/chat.png' /><span>回复</span></div>
+              <div :data-replyid='item.id' :data-originindex='originindex' @click.stop="upOrCancel($event)"><img class='icon' :src="(!item.is_uped)?'/static/good1.png':'/static/good2.png'" /><span>点赞:{{item.ups.length}}</span></div>
+              <div :data-loginname='item.author.loginname' @click.stop="showReplyModal($event)" :data-replyid='item.id'><img class='icon' src='/static/chat.png' /><span>回复</span></div>
             </div>
           </div>
         </div>
@@ -49,9 +49,12 @@
 
 <script>
 import { api } from "../../const";
-import { passTime } from "../../utils";
+import { passTime, debounce} from "../../utils";
 import sendReply from "../../components/sendReply";
 import wemark from "mpvue-wemark";
+const debounceOnScroll = () => debounce(function(e){
+  this.top = e.target.scrollTop
+});
 export default {
   components: {
     wemark,
@@ -75,12 +78,7 @@ export default {
   },
 
   methods: {
-    onScroll(e) {
-      if (this.timer){
-        clearTimeout(this.timer);
-        this.timer = setTimeout(() =>this.top = e.target.scrollTop,500)
-      }
-    },
+    onScroll : debounceOnScroll(),
     async getData() {
       const accesstoken = wx.getStorageSync("accesstoken");
       //this.id = wx.getStorageSync("topicid");
@@ -135,8 +133,7 @@ export default {
     },
     goTop() {
       // console.log(11);
-      setTimeout(() => (this.top = 0));
-      this.top = 1;
+      this.top = 0;
     },
     getMore() {
       if (this.remainReplies.length > 0) {

src/utils/index.js

@@ -43,3 +43,14 @@ export function passTime(time) {
 export function getURL() {
   return getCurrentPages().slice(-1)[0].route
 }
+
+
+export function debounce(fn, interval = 300) {
+  let timeout = null;
+  return function () {
+      clearTimeout(timeout);
+      timeout = setTimeout(() => {
+          fn.apply(this, arguments);
+      }, interval);
+  };
+}