<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="yoho.goShare()">
            <span class="icon icon-right"></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>
    module.exports = {
        data() {
            return {
                yoho: require('yoho')
            };
        }
    };
</script>