topic publish

@@ -24,6 +24,10 @@ export default {
   props: ['data'],
   computed: {
     headStyle() {
+      if (!this.data.topicImageUrl) {
+        return {};
+      }
+
       return {
         'background-image': `url(//${this.data.topicImageUrl.split('//')[1]})`
       };

@@ -66,7 +66,7 @@ export default {
     },
     onShare() {
       this.$yoho.share({
-        title: this.data.topicName,
+        title: '#' + this.data.topicName,
         imgUrl: this.data.topicImageUrl,
         link: window.location.href.split('?')[0],
         desc: this.data.topicDesc,

@@ -49,6 +49,13 @@
         </template>
       </LayoutRecycleList>
 
+      <a v-if="publishUrl" class="publish-btn" :href="publishUrl">
+        <span class="avatar-block">
+          <WidgetAvatar class="avatar" :width="70" :height="70"></WidgetAvatar>
+        </span>
+        立即参与
+      </a>
+
     </Layout>
     <ArticleActionSheet v-if="showArticleDetailAction" ref="actionSheet"></ArticleActionSheet>
     <YohoActionSheet transfer v-if="showCommentAction" ref="commentAction" :full="true">
@@ -124,11 +131,14 @@ export default {
       showMoreAction: true,
       scrollTop: 0,
       currentId: 0,
-      colWidthForTwo: 0
+      colWidthForTwo: 0,
     };
   },
   computed: {
     ...mapState(['topicInfo']),
+    publishUrl() {
+      return this.topicId ? `?openby:yohobuy＝{"action":"go.grasspublish","params":{"topicId":"${this.topicId}","topicName":"${this.topicName}"}}` : '';
+    },
     topicTitle() {
       return this.topicName || this.topicInfo.topicName || '';
     },
@@ -352,4 +362,33 @@ export default {
     z-index: 1;
   }
 
+  .publish-btn {
+    width: 260px;
+    height: 80px;
+    border-radius: 42px;
+    font-size: 30px;
+    color: #fff;
+    background: #D0021B;
+    position: absolute;
+    bottom: 100px;
+    left: calc(50% - 130px);
+    z-index: 1;
+    display: flex;
+    align-items: center;
+
+    .avatar-block {
+      width: 52px;
+      height: 52px;
+      margin: 14px 30px 14px 14px;
+      border-radius: 50%;
+      overflow: hidden;
+    }
+
+    .avatar {
+      display: block;
+      width: 100%;
+      height: 100%;
+    }
+  }
+
 </style>