<template>
    <div class="top-nav">
        <a class="left" href="javascript:void(0);" @click="yoho.goBack()">
            <span class="icon icon-left"></span>
        </a>

        <a class="right" href="javascript:void(0);" @click="share()">
            <span class="icon icon-share"></span>
        </a>
    </div>
</template>
<style>
    .top-nav {
        position: fixed;
        z-index: 10;
        font-size: 40px;
        padding: 30px;
        width: 100%;

        .left {
            float: left;
        }

        .right {
            float: right;
        }

    }
</style>
<script>
    const yoho = require('yoho');

    module.exports = {
        data() {
            return {
                yoho: yoho
            };
        },
        props: {
            title: 'String'
        },
        methods: {
            share: function() {
                yoho.goShare({
                    title: this.title || '',
                    des: '我在BLK发现了一个不错的商品，快来看看吧！',
                    url: location.href
                });
            }
        }
    };
</script>