<template> <container class="container" onclick="goWeexSite" > <image class="thumb" src="http://gtms03.alicdn.com/tps/i3/TB11zL.LFXXXXaTXFXX20ySQVXX-512-512.png"></image> <text class="title">Click me</text> </container> </ template > <style> .container{flex-direction: row;} .thumb {width: 200; height: 200;} .title {line-height: 200 ; text-align: center ; flex: 1; color: grey; font-size: 48; font-weight: bold; background-color: #eeeeee;} </style> <script> module.exports = { methods: { goWeexSite: function () { this.$openURL('//alibaba.github.io/weex/en-site/') } } } </script>
100% code reuse across support platforms
keep better consistent interface,save more costs in development
weex render code in native widget in Android&iOS
preserve the quality of user experience on critical platform