美文网首页
weex jump push

weex jump push

作者: 曾柏超 | 来源:发表于2018-04-15 22:45 被阅读15次
屏幕快照 2018-04-15 下午10.44.51.png

<template>
    <div class="wrapper">
        <text class="button" @click="jump">Jump</text>
    </div>
</template>

<script>
    var navigator = weex.requireModule('navigator')
    var modal = weex.requireModule('modal')

    export default {
        methods: {
            jump (event) {
                console.log('will jump')
                navigator.push({
                    url: 'http://cdn.zwwill.com/yanxuan/jsbundles/index.js',
                    animated: "true"
                }, event => {
                    modal.toast({ message: 'callback: ' + event })
                })
            }
        }
    };
</script>

<style scoped>
    .wrapper {
        flex-direction: column;
        justify-content: center;
    }
    .button {
        font-size: 60px;
        width: 450px;
        text-align: center;
        margin-top: 30px;
        margin-left: 150px;
        padding-top: 20px;
        padding-bottom: 20px;
        border-width: 2px;
        border-style: solid;
        color: #666666;
        border-color: #DDDDDD;
        background-color: #F5F5F5
    }
</style>

相关文章

网友评论

      本文标题:weex jump push

      本文链接:https://www.haomeiwen.com/subject/nlwjkftx.html