weex-nuke
Version:
基于 Rax 、Weex 的高性能组件体系 ~~
47 lines (43 loc) • 1.53 kB
JSX
/** @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 />);