<template>
    <button class="button" @click='yoho.goTap({"index":2})'>TAP</button>
    <button class="button" @click="yoho.goLogin()">登录</button>
    <button class="button" @click="yoho.goLogout()">退出登录</button>
    <button class="button" @click='yoho.goShopingKey({"shoppingkey":"123456789"})'>设置ShopingKey</button>
    <button class="button" @click="yoho.goShopingCart()">跳转购物车</button>
    <button class="button" @click='yoho.goAddress({"type":"1"})'>地址选择页面</button>
    <button class="button" @click='yoho.goAddress({"type":"2"})'>地址管理页面</button>
    <button class="button" @click='yoho.goImageBrowser({"images":["http://7xwj52.com1.z0.glb.clouddn.com/brandbg.jpg"], "index": "1"})'>图片浏览</button>
    <button class="button" @click='yoho.goNewPage({"url":"http://m.yohoblk.com"})'>新页面</button>
    <button class="button" @click="yoho.goPay()">支付</button>
    <button class="button" @click="yoho.goBack()">返回</button>
    <button class="button" @click='yoho.goShare({"title":"标题","des":"描述","img":"http://7xwj52.com1.z0.glb.clouddn.com/brandbg.jpg","url":"http://m.yohoblk.com"})'>分享</button>
    <button class="button" @click='yoho.goSearch()'>搜索</button>
    <button class="button" @click='yoho.goSetting()'>设置</button>
    <button class="button" @click='yoho.goSetAvatar()'>设置头像</button>
</template>
<style>
    body {
        word-break: break-all;
    }

    button {
        margin-bottom: 20px;
    }
</style>
<script>
    const yoho = require('yoho');
    const modal = require('common/modal');

    module.exports = {
        data() {
            return {
                yoho
            };
        },
        created() {
            yoho.addNativeMethod('headerRightTopBtn', function(data) {
                modal.alert('app 调用 H5 成功！');
                if (data) {
                    modal.alert('传递的信息是：' + data);
                }
            });
        }
    };
</script>