| <!-- | |
| * <template>: html-like syntax | |
| * CSS-like inline style | |
| * <style scoped>: only support single-class selector | |
| --> | |
| <template> | |
| <div class="wrapper"> | |
| <image | |
| src="https://alibaba.github.io/weex/img/weex_logo_blue@3x.png" | |
| class="logo" | |
| ></image> | |
| <text class="title">Hello World</text> | |
| </div> | |
| </template> | |
| <style scoped> | |
| .wrapper {align-items: center; margin-top: 120px;} | |
| .title {font-size: 48px;} | |
| .logo {width: 360px; height: 82px;} | |
| </style> |