UNPKG

weex-nuke

Version:

基于 Rax 、Weex 的高性能组件体系 ~~

47 lines (43 loc) 1.53 kB
/** @jsx createElement */ import { createElement, Component, render } from 'rax'; import Button from 'nuke-button'; import Navigator from 'nuke-navigator'; import Page from 'nuke-page'; const App = class NukeDemoIndex extends Component { constructor() { super(); } linkToWeex() { Navigator.push('https://h5.m.taobao.com/qn/mobile/weex-tpl.html?_wx_tpl=https://g.alicdn.com/nuke/components/0.2.21/view.js', '下个页面标题'); } linkToH5() { Navigator.push('https://m.taobao.com'); } mailto=() => { Navigator.push('mailto:yichen.hww@alibaba-inc.com'); } sms=() => { Navigator.push('sms:10086'); } tel=() => { Navigator.push('tel:10086'); } render() { const self = this; return ( <Page title="Navigator"> <Page.Intro main="普通" /> <Button onPress={this.linkToWeex} block="true" type="primary">跳转</Button> <Page.Intro main="跳转到h5页面" /> <Button onPress={this.linkToH5} block="true" type="primary">跳转到淘宝h5</Button> <Page.Intro main="发邮件" /> <Button type="primary" block="true" onPress={this.mailto}>navigator发邮件</Button> <Page.Intro main="发短信" /> <Button type="primary" block="true" onPress={this.sms}>navigator发短信</Button> <Page.Intro main="打电话" /> <Button type="primary" block="true" onPress={this.tel}>navigator打电话</Button> </Page> ); } }; render(<App />);