src/HelloWorld.tsx
を使った。
cssで背景色でボタンを擬似的に。
普通のクリックと長押しがある。
このサンプルではログとトースト表示。
@appear
@disappear
はなんか機能しないね。
<template> <div> <div class="box" @click="onclick" @longpress="onlongpress" @appear="onappear" @disappear="ondisappear"> <text class="box-text">test</text> </div> </div> </template> <script> const modal = weex.requireModule("modal"); export default { name: "HelloWorld", methods: { onclick(event) { console.log("onclick:", event); modal.toast({ message: "onclick", duration: 0.8 }); }, onlongpress(event) { console.log("onlongpress:", event); modal.toast({ message: "onlongpress", duration: 0.8 }); }, onappear(event) { console.log("onappear:", event); modal.toast({ message: "onappear", duration: 0.8 }); }, ondisappear(event) { console.log("ondisappear:", event); modal.toast({ message: "ondisappear", duration: 0.8 }); } } }; </script> <style scoped> .box { border-width: 2px; border-style: solid; border-color: #bbb; width: 250px; height: 50px; /* margin-top: 250px; margin-left: 250px; */ background-color: #eee; } .box-text { text-align: center; } </style>