商品详情

 <template>
-    <top-nav></top-nav>
+    <top-nav :title="entity.productName"></top-nav>
     <show-box :is-first="true">
         <image-carousel :goods="entity.goodsList"></image-carousel>
         <div class="title-box">

@@ -4,8 +4,8 @@
             <span class="icon icon-left"></span>
         </a>
 
-        <a class="right" href="javascript:void(0);" @click="yoho.goShare()">
-            <span class="icon icon-right"></span>
+        <a class="right" href="javascript:void(0);" @click="share()">
+            <span class="icon icon-share"></span>
         </a>
     </div>
 </template>
@@ -24,14 +24,29 @@
         .right {
             float: right;
         }
+
     }
 </style>
 <script>
+    const yoho = require('yoho');
+
     module.exports = {
         data() {
             return {
-                yoho: require('yoho')
+                yoho: yoho
             };
+        },
+        props: {
+            title: 'String'
+        },
+        methods: {
+            share: function() {
+                yoho.goShare({
+                    title: this.title || '',
+                    des: '我在BLK发现了一个不错的商品，快来看看吧！',
+                    url: location.href
+                });
+            }
         }
     };
 </script>