长文保存图片

@@ -9,7 +9,7 @@
     <div class="main-detail">
       <div class="article-context">
         <div class="context-title">{{data.articleTitle}}</div>
-        <div ref="richText" class="context-rich-text" v-html="data.richText"></div>
+        <div ref="richText" @touchstart="tStart" @touchend="tEnd" class="context-rich-text" v-html="data.richText"></div>
       </div>
 
       <ArticleItemTopics v-if="data.topicList && data.topicList.length" class="topics-wrap" :data="data" :share="share"></ArticleItemTopics>
@@ -47,6 +47,8 @@ import YAS from 'utils/yas-constants';
 import {mapState, mapMutations, createNamespacedHelpers} from 'vuex';
 const {mapState: mapArticleState} = createNamespacedHelpers('article');
 
+let timeOutEvent = null;
+
 export default {
   name: 'ArticleDetailLong',
   props: {
@@ -77,7 +79,6 @@ export default {
     if (!this.$yoho.isiOS) {
       this.downgrade = true;
     }
-
     this.handleRichText();
   },
   computed: {
@@ -147,6 +148,18 @@ export default {
   },
   methods: {
     ...mapMutations(['SET_STATUS_BAR_COLOR']),
+    tStart(e) {
+      if (e.target.src) {
+        timeOutEvent = setTimeout(() => {
+          this.$yoho.longClickSaveImage({url: e.target.src});
+        }, 1000);
+      }
+    },
+    tEnd() {
+      if (timeOutEvent) {
+        clearTimeout(timeOutEvent);
+      }
+    },
     onFollowAuthor(follow) {
       this.$emit('on-follow', this.data, follow);
     },