<template>
    <cheader title="商品详情" class="top-nav">
        <i class="icon icon-share" slot="right" @click="share()"></i>
    </cheader>
</template>
<style>
    .top-nav {
        .blk-header {
            background-color: transparent;
            border-bottom: 0;
        }

        .blk-header-gap {
            display: none;
        }
    }
</style>
<script>
    const yoho = require('yoho');
    const cheader = require('component/header.vue');

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