<template>
<div class="wrapper">
<text class="button" @click="jump">var</text>
<text class="button" @click="jumpsld">slider</text>
<text class="button" @click="jumpstream">stream</text>
<text class="button" @click="jumpupload">upload</text>
<text class="button" @click="jumplogin">login</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://10.68.83.187:8085/dist/var.js',
animated: "true"
}, event => {
modal.toast({ message: 'callback: ' + event })
})
},
jumpsld (event) {
console.log('will jump')
navigator.push({
url: 'http://10.68.83.187:8085/dist/slider.js',
animated: "true"
}, event => {
modal.toast({ message: 'callback: ' + event })
})
},
jumpstream (event) {
console.log('will jump')
navigator.push({
url: 'http://10.68.83.187:8085/dist/stream.js',
animated: "true"
}, event => {
modal.toast({ message: 'callback: ' + event })
})
},
jumpstream (event) {
console.log('will jump')
navigator.push({
url: 'http://10.68.83.187:8082/dist/upload.js',
animated: "true"
}, event => {
modal.toast({ message: 'callback: ' + event })
})
},
jumplogin (event) {
console.log('will jump')
navigator.push({
url: 'http://10.68.83.187:8082/dist/login.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>
<div class="wrapper">
<text class="button" @click="jump">var</text>
<text class="button" @click="jumpsld">slider</text>
<text class="button" @click="jumpstream">stream</text>
<text class="button" @click="jumpupload">upload</text>
<text class="button" @click="jumplogin">login</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://10.68.83.187:8085/dist/var.js',
animated: "true"
}, event => {
modal.toast({ message: 'callback: ' + event })
})
},
jumpsld (event) {
console.log('will jump')
navigator.push({
url: 'http://10.68.83.187:8085/dist/slider.js',
animated: "true"
}, event => {
modal.toast({ message: 'callback: ' + event })
})
},
jumpstream (event) {
console.log('will jump')
navigator.push({
url: 'http://10.68.83.187:8085/dist/stream.js',
animated: "true"
}, event => {
modal.toast({ message: 'callback: ' + event })
})
},
jumpstream (event) {
console.log('will jump')
navigator.push({
url: 'http://10.68.83.187:8082/dist/upload.js',
animated: "true"
}, event => {
modal.toast({ message: 'callback: ' + event })
})
},
jumplogin (event) {
console.log('will jump')
navigator.push({
url: 'http://10.68.83.187:8082/dist/login.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>