商品详情

 <template>
 <template>
     <div class="top-nav">
     <div class="top-nav">
-        <a class="left no-intercept" href="javascript:void(0);" @click="yoho.goBack()">
+        <a class="left" href="javascript:void(0);" @click="yoho.goBack()">
             <span class="icon icon-left"></span>
             <span class="icon icon-left"></span>
         </a>
         </a>
 
 
-        <a class="right no-intercept" href="javascript:void(0);" @click="yoho.goShare()">
+        <a class="right" href="javascript:void(0);" @click="share()">
             <span class="icon icon-share"></span>
             <span class="icon icon-share"></span>
         </a>
         </a>
     </div>
     </div>
@@ -16,7 +16,6 @@
         font-size: 40px;
         font-size: 40px;
         padding: 30px;
         padding: 30px;
         width: 100%;
         width: 100%;
-        top: 60px;
 
 
         .left {
         .left {
             float: left;
             float: left;
@@ -25,14 +24,29 @@
         .right {
         .right {
             float: right;
             float: right;
         }
         }
+
     }
     }
 </style>
 </style>
 <script>
 <script>
+    const yoho = require('yoho');
+
     module.exports = {
     module.exports = {
         data() {
         data() {
             return {
             return {
-                yoho: require('yoho')
+                yoho: yoho
             };
             };
+        },
+        props: {
+            title: 'String'
+        },
+        methods: {
+            share: function() {
+                yoho.goShare({
+                    title: this.title || '',
+                    des: '我在BLK发现了一个不错的商品，快来看看吧！',
+                    url: location.href
+                });
+            }
         }
         }
     };
     };
 </script>
 </script>