| <!-- |
| * `var module = weex.requireModule('module')` to import a native module |
| * `module.method(...)` to call a native API |
| --> |
| |
| <template> |
| <div> |
| <text class="btn" @click="test">Toast!</text> |
| </div> |
| </template> |
| |
| <style scoped> |
| .btn {font-size: 36px; text-align: center; color: white; background-color: gray; padding: 20px; border-radius: 5px;} |
| </style> |
| |
| <script> |
| var modal = weex.requireModule('modal') |
| module.exports = { |
| methods: { |
| test: function () { |
| modal.toast({ |
| message: 'Toast!', |
| duration: 3 |
| }) |
| } |
| } |
| } |
| </script> |